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

ToGoer.comFrom Group 10

EC 512 DESIGN PRESENTATION

Kaituo Huang Shaobo MaXiaolei zhang Cheng Yang


Consists of Website

Personal page

Register/login

Cities

Attractions

Route

Find partner


Technology of website

ToGoer

ASP.NET

C#

SQL Server

AJAX

HTML 5 CSS3.0

Google Maps API

JAVA SCRIPT


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


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.

ToGoer.comFrom Group 10Implementation Details-First part

• Start page• Register• Login


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


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


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.comFrom Group 10Implementation Details-Second part

• City page• Attractions• Find partner• Route


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.


User can use functions of route and find partner by clicking these buttons.

City Page

User can go to attractions page by clicking image.


We also have used AJAX Control Toolkit for the rating property.

User can rate the attraction by clicking the dynamic star button.

Attractions


Attractions

Users can leave their comments for a specific attraction.

We use datalist control to show users’ comments for a specific attraction


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


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


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


After finishing required information user can create their own trip plan.

Proposal

ToGoer.comFrom Group 10Implementation Details-Third part

• Personal page• Edit personal page


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)


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


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.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.


Thank you!

Documents

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