ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang

ToGoer.com From Group 10 Consists of Website Personal page Register/login Cities Attractions Route Find partner

ToGoer.com From Group 10 Technology of website ToGoer ASP.NET C# SQL Server AJAX HTML 5 CSS3.0 Google Maps API JAVA SCRIPT

ToGoer.com From Group 10 Realization of our previous proposal: Basic Functions in proposalFinal Website 1. Travel informationComplete 2. Recommendation routesComplete 3. User reviewsComplete Advanced Functions in proposalFinal Website 1. Personal footprintComplete 2. Find partnersComplete 3. Couch surfingCombine with “Find partners” function

ToGoer.com From Group 10 Realization of new functions: New FunctionsFinal Website 1. Attractions ratingComplete 2. Image uploadingComplete 3. Administrator accountTo be continued The following pages will introduce our webpage in detail.

ToGoer.com From Group 10 Implementation Details-First part Start page Register Login

ToGoer.com From Group 10 We have used JavaScript to add dynamic effects on the city button while user click it and enter the city page. By clicking login and register button user can login and register. Start Page

ToGoer.com From Group 10 Only registered users can login our website. A session cookie will store username, which preserves the user login status. The website has set up error checking to remind the user if they input wrong information. Login Page

ToGoer.com From Group 10 User can register by inputting basic information. Error checking will remind the users if they have input an existed username. After registering successfully, the user will return to first page. Register Page

ToGoer.com From Group 10 Implementation Details-Second part City page Attractions Find partner Route

ToGoer.com From Group 10 We have used SQL Server to track the users information. User can use functions of route and find partner by clicking these buttons. City Page After login user can click buttons to show whether the user has been to this city and/or interested to go there. User can only click the above buttons once.

ToGoer.com From Group 10 User can use functions of route and find partner by clicking these buttons. City Page User can go to attractions page by clicking image.

ToGoer.com From Group 10 We also have used AJAX Control Toolkit for the rating property. User can rate the attraction by clicking the dynamic star button. Attractions

ToGoer.com From Group 10 Attractions Users can leave their comments for a specific attraction. We use datalist control to show users’ comments for a specific attraction

ToGoer.com From Group 10 User can click each marker to see more detail information (name ; rating; address) Route We use Google Maps API: marker to localize the attraction location and infowindow to show details

ToGoer.com From Group 10 User can find route by clicking the specific button and the route will showed on the right of screen User can also design their own route We use Google Map API: Direction to navigate

ToGoer.com From Group 10 Or user can create a new trip using this button and get into proposal page User can visit other users’ personal page User can join other users’ trip plan We use datalist control to show users’ comments for a specific attraction Find partner

ToGoer.com From Group 10 After finishing required information user can create their own trip plan. Proposal

ToGoer.com From Group 10 Implementation Details-Third part Personal page Edit personal page

ToGoer.com From Group 10 We use SQL SERVER to store foot print This section shows places where user are interested and has been to User can delete their) comments( link button)

ToGoer.com From Group 10 By clicking edit or logout button we can go into the edit page or logout to start page User go back to start page whenever they click “ToGoer” logo Personal Page

ToGoer.com From Group 10 User can upload a head portrait in their computer User can also choose existing photos in our database We use Fileupload control to upload images Edit Personal Page

ToGoer.com From Group 10 Impressions about the project Firstly, our group wants to thank Prof. Skinner’s help. His comments to our project help us reschedule our plan and make the abstract parts in our previous proposal into concrete implementation. Secondly, we analyze the users’ requirements at first and then implement our website. We learn the cycle of website development, which helps us understand what happens in the real world industry. Moreover, we improve our programming skills from the project. None of us is expert in the technique we use for our website. We are eager to learn new things and we are good at it. Thanks to our passion, we complete all our goals and implement some new functions.

ToGoer.com From Group 10 Thank you!