Lab 2
Student Name: Sampath Gattu
Class ID: 26
Create Wireframes and a web application with at least 3 pages
1) Welcome Page : This is the wireframe for welcome page from where user can either Login/Register.
2) Login Page: This is the wireframe for Login page where user enters username and password and clicks Sign In button.
3) Registration Page: This is the wireframe for Registration Page where new user can register with respective details.
4) Home Page: This is the wireframe for Home page where user can get directions and weather for source & destination points.
WEB APPLICATION:
1) Login Page(Index.html): Created 2 buttons login, register.
- On clicking register button, page redirects to register page.
- On clicking login, it navigates to home page.
2) Registration Page(registration.html): The form take basic information from the user.
- Registartion Page has some small validations.
3) Home(Home.html): This page uses the external web service to mark Start and End Points using Google Map Web Services and also it displays the weather details for both the start and end places.
- In this Location has autocomplete feature for input start and end points.
- Once the user enters username and password in login page, Page redirects to home page. LocalStorage is used to store username and password details.
- Code Quality: I have Checked the quality of the code using JavaScript Code Quality Tool JSLint http://www.jslint.com/.
