SlideShare a Scribd company logo
1 of 1
Download to read offline
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

More Related Content

Similar to 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 to 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
 
Cg notes
Cg notesCg notes
Cg notes
 
COMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESCOMUTER GRAPHICS NOTES
COMUTER GRAPHICS 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
 

More from 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
 

More from 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
 

Recently uploaded

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 

Recently uploaded (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 

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