SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Documention of interactive features:
1.) An XML image gallery has been used (with the help of config_shapeshifter.xml) with interactive and autoplay features to give visual information of the
technical board & college. Strategic and conspicuous placement of the image scroll buttons has been done in order for the user to identify the location of
these buttons to their functions. Key elements in optimization of this feature are size of image, size of image scroll buttons and speed of automatic scroll of
images. This feature gives a more clear picture (literally) of the features and elements that are about to be introduced by the Home page.

2.) Javascript (jquery.js) has been used to move the pages vertically (vertical slider) which gives all the needed information in one static background. its like
One Page, Infinite Possibilities. This helps the user to identify that his clicking of the button corresponding to his choice has been validated and he is being
navigated to the page of his choice, in an aesthetically pleasing manner.

3.) A CSS script called light.css has been used to highlight buttons over which the user places the mouse cursor in vermillion. This helps the user to identify
that this action of his has been detected and is a form of live feedback which lets him know he has done the right action.

4.) A “recent news” footer made using Javascript has been placed near the bottom of the page which provides the user with latest news on activities/events
of the technical board. The user can choose to hide this feature by pressing the button provided near the bottom right corner. This provision of live news
apart from static information about the board gives a user a better idea of the board’s activities.

5.) In the Events and Clubs pages, elements are provided with a black-and-white thumbnail image that turns into a colour image when the user places the
mouse cursor over it. This has been done using CSS.

Suggested interactive features:

1.) Introduction of a newsletter feature in which the involved club of the board sends an e-mail containing the latest news/activities of that club to a user
who subscribed to this feature at regular intervals of time (eg. weekly).

2.) Response forms - response forms allow visitors to feedback straight from the page. We hide the e-mail address to prevent farming of the address.

3.)JavaScript - add further features using free JavaScript - for example add current time and date, visitor data capture (counters) etc. using the web builder
interface.

4.) Online Poll

5.) Dynamic Events Calendar (editable by user)

6.) Online Message Boards

Más contenido relacionado

Similar a Documention

Original Design Thinking for Leap.it ('Search Mapping')
Original Design Thinking for Leap.it ('Search Mapping')Original Design Thinking for Leap.it ('Search Mapping')
Original Design Thinking for Leap.it ('Search Mapping')Techstars
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
A Guide to Creating a Great Custom Tailwind Sidebar
A Guide to Creating a Great Custom Tailwind SidebarA Guide to Creating a Great Custom Tailwind Sidebar
A Guide to Creating a Great Custom Tailwind SidebarRonDosh
 
Cs 607-final-report
Cs 607-final-reportCs 607-final-report
Cs 607-final-reportamiangshu
 
IRJET- Technical Graphic Showcase
IRJET- Technical Graphic ShowcaseIRJET- Technical Graphic Showcase
IRJET- Technical Graphic ShowcaseIRJET Journal
 
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docxvickeryr87
 
COMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESCOMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESho58
 
Automatic ground truth generation for image sequences
Automatic ground truth generation for image sequencesAutomatic ground truth generation for image sequences
Automatic ground truth generation for image sequencesIAEME Publication
 
Learn Hybrid Mobile Apps Development using PhoneGap Online
Learn Hybrid Mobile Apps Development using PhoneGap OnlineLearn Hybrid Mobile Apps Development using PhoneGap Online
Learn Hybrid Mobile Apps Development using PhoneGap Onlinebigspire
 
Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxShakuro
 
Lecture 2 Styling and Layout in React Native.pptx
Lecture 2 Styling and Layout in React Native.pptxLecture 2 Styling and Layout in React Native.pptx
Lecture 2 Styling and Layout in React Native.pptxGevitaChinnaiah
 
Gps based search coupons on map view ios, android mobile application
Gps based search coupons on map view   ios, android mobile applicationGps based search coupons on map view   ios, android mobile application
Gps based search coupons on map view ios, android mobile applicationMike Taylor
 
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1rit2011
 
Expressit Concept Document
Expressit Concept DocumentExpressit Concept Document
Expressit Concept Documentashtyrrell
 
App Research Project
App Research ProjectApp Research Project
App Research ProjectDaniel Downs
 
App research project
App research projectApp research project
App research projectDaniel Downs
 

Similar a Documention (20)

Content and user types layout
Content and user types layoutContent and user types layout
Content and user types layout
 
Original Design Thinking for Leap.it ('Search Mapping')
Original Design Thinking for Leap.it ('Search Mapping')Original Design Thinking for Leap.it ('Search Mapping')
Original Design Thinking for Leap.it ('Search Mapping')
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
A Guide to Creating a Great Custom Tailwind Sidebar
A Guide to Creating a Great Custom Tailwind SidebarA Guide to Creating a Great Custom Tailwind Sidebar
A Guide to Creating a Great Custom Tailwind Sidebar
 
Industreeshirts
IndustreeshirtsIndustreeshirts
Industreeshirts
 
Cs 607-final-report
Cs 607-final-reportCs 607-final-report
Cs 607-final-report
 
IRJET- Technical Graphic Showcase
IRJET- Technical Graphic ShowcaseIRJET- Technical Graphic Showcase
IRJET- Technical Graphic Showcase
 
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx
2 Flint Art ScrapbookBy Team CNDMHProject Management ()Membe.docx
 
COMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESCOMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTES
 
Cg notes
Cg notesCg notes
Cg notes
 
Automatic ground truth generation for image sequences
Automatic ground truth generation for image sequencesAutomatic ground truth generation for image sequences
Automatic ground truth generation for image sequences
 
Learn Hybrid Mobile Apps Development using PhoneGap Online
Learn Hybrid Mobile Apps Development using PhoneGap OnlineLearn Hybrid Mobile Apps Development using PhoneGap Online
Learn Hybrid Mobile Apps Development using PhoneGap Online
 
Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docx
 
Information System for Performance Evaluation in Team Sports
Information System for Performance Evaluation in Team SportsInformation System for Performance Evaluation in Team Sports
Information System for Performance Evaluation in Team Sports
 
Lecture 2 Styling and Layout in React Native.pptx
Lecture 2 Styling and Layout in React Native.pptxLecture 2 Styling and Layout in React Native.pptx
Lecture 2 Styling and Layout in React Native.pptx
 
Gps based search coupons on map view ios, android mobile application
Gps based search coupons on map view   ios, android mobile applicationGps based search coupons on map view   ios, android mobile application
Gps based search coupons on map view ios, android mobile application
 
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1
смартфоны и планшетники. веб разработка помимо десктопа. Patrick h. lauke. зал 1
 
Expressit Concept Document
Expressit Concept DocumentExpressit Concept Document
Expressit Concept Document
 
App Research Project
App Research ProjectApp Research Project
App Research Project
 
App research project
App research projectApp research project
App research project
 

Más de nitish

Project report
Project reportProject report
Project reportnitish
 
Plastic fantastic guide
Plastic fantastic guidePlastic fantastic guide
Plastic fantastic guidenitish
 
Yahoo msn comparison
Yahoo msn comparisonYahoo msn comparison
Yahoo msn comparisonnitish
 
Logo for sbiri by nitish
Logo for sbiri by nitishLogo for sbiri by nitish
Logo for sbiri by nitishnitish
 
if you forget me
if you forget meif you forget me
if you forget menitish
 
Background research
Background researchBackground research
Background researchnitish
 
Dd304 paresh nitish1
Dd304 paresh nitish1Dd304 paresh nitish1
Dd304 paresh nitish1nitish
 

Más de nitish (7)

Project report
Project reportProject report
Project report
 
Plastic fantastic guide
Plastic fantastic guidePlastic fantastic guide
Plastic fantastic guide
 
Yahoo msn comparison
Yahoo msn comparisonYahoo msn comparison
Yahoo msn comparison
 
Logo for sbiri by nitish
Logo for sbiri by nitishLogo for sbiri by nitish
Logo for sbiri by nitish
 
if you forget me
if you forget meif you forget me
if you forget me
 
Background research
Background researchBackground research
Background research
 
Dd304 paresh nitish1
Dd304 paresh nitish1Dd304 paresh nitish1
Dd304 paresh nitish1
 

Último

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentMahmoud Rabie
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessWSO2
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
WomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneWomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneUiPathCommunity
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Karmanjay Verma
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 

Último (20)

How Tech Giants Cut Corners to Harvest Data for A.I.
How Tech Giants Cut Corners to Harvest Data for A.I.How Tech Giants Cut Corners to Harvest Data for A.I.
How Tech Giants Cut Corners to Harvest Data for A.I.
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career Development
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with Platformless
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
WomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneWomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyone
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 

Documention

  • 1. Documention of interactive features: 1.) An XML image gallery has been used (with the help of config_shapeshifter.xml) with interactive and autoplay features to give visual information of the technical board & college. Strategic and conspicuous placement of the image scroll buttons has been done in order for the user to identify the location of these buttons to their functions. Key elements in optimization of this feature are size of image, size of image scroll buttons and speed of automatic scroll of images. This feature gives a more clear picture (literally) of the features and elements that are about to be introduced by the Home page. 2.) Javascript (jquery.js) has been used to move the pages vertically (vertical slider) which gives all the needed information in one static background. its like One Page, Infinite Possibilities. This helps the user to identify that his clicking of the button corresponding to his choice has been validated and he is being navigated to the page of his choice, in an aesthetically pleasing manner. 3.) A CSS script called light.css has been used to highlight buttons over which the user places the mouse cursor in vermillion. This helps the user to identify that this action of his has been detected and is a form of live feedback which lets him know he has done the right action. 4.) A “recent news” footer made using Javascript has been placed near the bottom of the page which provides the user with latest news on activities/events of the technical board. The user can choose to hide this feature by pressing the button provided near the bottom right corner. This provision of live news apart from static information about the board gives a user a better idea of the board’s activities. 5.) In the Events and Clubs pages, elements are provided with a black-and-white thumbnail image that turns into a colour image when the user places the mouse cursor over it. This has been done using CSS. Suggested interactive features: 1.) Introduction of a newsletter feature in which the involved club of the board sends an e-mail containing the latest news/activities of that club to a user who subscribed to this feature at regular intervals of time (eg. weekly). 2.) Response forms - response forms allow visitors to feedback straight from the page. We hide the e-mail address to prevent farming of the address. 3.)JavaScript - add further features using free JavaScript - for example add current time and date, visitor data capture (counters) etc. using the web builder interface. 4.) Online Poll 5.) Dynamic Events Calendar (editable by user) 6.) Online Message Boards