Website For Traveling!

• by : Hammad Abed , Rabie Loulou

• Supervisor : Viktor Kulikov• Spring 2009

The F

acu

lty o

f Ele

ctri

cal En

gin

eeri

ng -

Soft

lab

Agenda

Goals Environment Preferences Architecture Layers AJAX Improvements Live Demo

Goals

Design and implement a website for traveling experiences.

Allow users to search, view and share different places to visit.

Help visitors to plan an amazing trip. Articles basically written by users,

and not by administrators. Of course, learn SQL, C#, .NET

environment.

Development Environment and Technologies

Microsoft Visual Studio 2008 Microsoft SQL Server 2008 ASP.NET ADO.NET C# AJAX

Preferences

3 user groups have been identified: Administrators Regular users

Beginner Intermediate Advanced

Guests

Messages

Internal messages system. Every user can send/receive

messages to/from another user. Reply button. Save messages in Inbox/Sent

messages. Can delete messages.

Articles Find

We have implemented a search engine to make it easy for users to get relevant articles. The search is done for the country, tags, usernames, or even any word in the article’s text body.

• Top Rated articles in One-Click, amazing feature that allow users to find the top rated articles in a second.

• Latest articles in One-Click, allow users to find the newest articles on the website.

Categories

All the articles on the website are divided into categories: Sea & Beach Religious Ages - Under 15 Ages - 15-30 Ages - Over 30 Hotels Hospitality Cost - Low Cost - Average Cost - High Kids Trip

Easy to find articles without searching.

Text Editor

We have integrated text editor with html edit support, so every user can design the article the way he likes. He can choose colors, fonts, size, and even he can insert photos and videos to the article.

3-Tier Architecture

Tier 0 – Database

Implementation in Microsoft SQL Server 2008

Managed by DAL (Layer 1) Tables divided into groups:

Users – UsersDetails – Messages - Groups

Tours – Countries – ToursVsCategories – Categories

Comments and Ratings which is Users-Tours connection

Data Structure Diagram

Tier 1 - DAL

Data Access Layer is used in turn by other program modules to access and manipulate the data within the data store without having to deal with the complexities inherent in this access.

ADO.NET

TIER-2 BLL

•Written in C# -- OOP

•Separates the user Interface from the

DAL

•Enforces Business rules.

•Exception handling.•Functions as the bridge between the web site and the data access layer. Gets instructions from the presentation layer and sends changed objects back into this layer.

Tier-2 BLL

Tier 3- Presentation Layer Css - Cascading Style Sheets

Asp.Net Pages Master Pages

Asp.Net Components Data Components - Data Grids, details

View. Standard Components - Button Links,

DropDown Lists, checkBox,…

Tier 3- Presentation Layer Using AJAX technology for effective data

access and page loading. User oriented GUI design. Providing consistent page layout that supports

all use cases.

AJAX

Ajax technology was used in many parts of the website, including:

- Rating- Comments- Posting a new article- Messages handling.- More…

Possible Improvements

Security Email Support Advanced search Facebook sharing Donations to support the website

Demo

Demonstration for the website

Thanks

Thanks for listening , we hope you have enjoyed the presentation.