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

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
 
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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
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
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
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
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
#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
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Recently uploaded (20)

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
 
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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
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...
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
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 ...
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
#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
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

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