Dynamic Web Page Development with jQuery - Project Animated TimeLine INTRODUCTION This project will allow you to apply your knowledge and skill in jQuery. You will need to read and analyse the information provided and extract the vital pieces of information that will allow you to design the program logic and features of the solution to the problem presented. For the purposes of this project you will need to leverage the major components, features techniques and procedures that you learned in this course in order to complete the requirements of this project. You will need to create flowcharts, write the code, test your web application and make sure it is working properly without any errors or missing links as part of your final solution. OBJECTIVES The main objectives of this project are to: Interpret specifications and analysis performed Design a solution based on the requirements and specifications Design the logic required for a complete program design solution Write the code for the program logic. Debug and test your program and make sure it is working properly. TIME REQUIRED You will require 16 hours to complete this project. REQUIRED MATERIAL You will need the following material to complete this project: Editor Microsoft Word (for document preparation) In programming there are generally multiple possible solutions to the same problem. Your solution may not be identical to someone else's, but that does not mean that it is wrong. Your solution will not and should not look exactly like your colleague's solution. Any good solution is acceptable if produced following the principles and guidelines presented in this course. SPECIFICATIONS Using jQuery create an animated timeline for the different important events throughout your life. Add this time line to your portfolio. Your timeline can be viewed from various devices (mobiles, tables and desktop computers), so, it has to be responsive to the size of the viewport. REQUIREMENTS: Make sure you read through all of the specifications and extract the key pieces of information. Be on the lookout for processes that repeat themselves in various locations, this can be helpful to apply modularization techniques. Consider the various messages that the system is required to produce and document them. Design the Program Logic You will create the various, flowcharts, and coding to implement the animated timeline: 1. Flowcharts: Model an algorithm for the process described above using a flowchart. 2. Coding the program logic: Using jQuery, JavaScript, CSS, HTML create the animated timeline web application. GUI DESIGN As part of any program design, the GUI design is an important component as it allows the designer to adapt the screen layouts to meet the design and functionality standards. Requirements 1. Create the different wireframes for your time line. Your wireframes, must include all the options that the application will provide. 2. Prepare an Object dictionary which lists the interface objects used in the program, where they are found (Screen) any variables that they impact and any procedure, method or function that they invoke) 3. Human program interaction is very important to allow the user to communicate with your application in an easy and efficient way. 4. Consider viewing the timeline on different devices (mobiles, tablets, desktop computers).