Website For Traveling! by : Hammad Abed, Rabie Loulou Supervisor : Viktor Kulikov Spring 2009 The Faculty of Electrical Engineering - Softlab

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 Sea & Beach  Religious Religious  Ages - Under 15 Ages - Under 15  Ages Ages  Ages - Over 30 Ages - Over 30  Hotels Hotels  Hospitality Hospitality  Cost - Low Cost - Low  Cost - Average Cost - Average  Cost - High Cost - High  Kids Trip 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

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