ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.
-
Upload
milton-dennis -
Category
Documents
-
view
214 -
download
0
Transcript of ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.
![Page 1: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/1.jpg)
ToGoer.comFrom Group 10
EC 512 DESIGN PRESENTATION
Kaituo Huang Shaobo MaXiaolei zhang Cheng Yang
![Page 2: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/2.jpg)
ToGoer.comFrom Group 10
Consists of Website
Personal page
Register/login
Cities
Attractions
Route
Find partner
![Page 3: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/3.jpg)
ToGoer.comFrom Group 10
Technology of website
ToGoer
ASP.NET
C#
SQL Server
AJAX
HTML 5 CSS3.0
Google Maps API
JAVA SCRIPT
![Page 4: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/4.jpg)
ToGoer.comFrom Group 10
Realization of our previous proposal:
Basic Functions in proposal Final Website
1. Travel information Complete
2. Recommendation routes Complete
3. User reviews Complete
Advanced Functions in proposal Final Website
1. Personal footprint Complete
2. Find partners Complete
3. Couch surfing Combine with “Find partners” function
![Page 5: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/5.jpg)
ToGoer.comFrom Group 10
Realization of new functions:
New Functions Final Website
1. Attractions rating Complete
2. Image uploading Complete
3. Administrator account To be continued
The following pages will introduce our webpage in detail.
![Page 6: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/6.jpg)
ToGoer.comFrom Group 10Implementation Details-First part
• Start page• Register• Login
![Page 7: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/7.jpg)
ToGoer.comFrom 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
![Page 8: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/8.jpg)
ToGoer.comFrom 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
![Page 9: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/9.jpg)
ToGoer.comFrom 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
![Page 10: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/10.jpg)
ToGoer.comFrom Group 10Implementation Details-Second part
• City page• Attractions• Find partner• Route
![Page 11: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/11.jpg)
ToGoer.comFrom 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.
![Page 12: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/12.jpg)
ToGoer.comFrom 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.
![Page 13: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/13.jpg)
ToGoer.comFrom 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
![Page 14: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/14.jpg)
ToGoer.comFrom Group 10
Attractions
Users can leave their comments for a specific attraction.
We use datalist control to show users’ comments for a specific attraction
![Page 15: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/15.jpg)
ToGoer.comFrom 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
![Page 16: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/16.jpg)
ToGoer.comFrom 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
![Page 17: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/17.jpg)
ToGoer.comFrom 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
![Page 18: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/18.jpg)
ToGoer.comFrom Group 10
After finishing required information user can create their own trip plan.
Proposal
![Page 19: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/19.jpg)
ToGoer.comFrom Group 10Implementation Details-Third part
• Personal page• Edit personal page
![Page 20: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/20.jpg)
ToGoer.comFrom 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)
![Page 21: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/21.jpg)
ToGoer.comFrom 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
![Page 22: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/22.jpg)
ToGoer.comFrom 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
![Page 23: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/23.jpg)
ToGoer.comFrom Group 10Impressions 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.
![Page 24: ToGoer.com From Group 10 EC 512 DESIGN PRESENTATION Kaituo Huang Shaobo Ma Xiaolei zhang Cheng Yang.](https://reader030.fdocuments.us/reader030/viewer/2022032805/56649ee45503460f94bf3bd7/html5/thumbnails/24.jpg)
ToGoer.comFrom Group 10
Thank you!