html5-img
1 / 22

Website For Traveling!

Website For Traveling!. The Faculty of Electrical Engineering - Softlab. by : Hammad Abed , Rabie Loulou Supervisor : Viktor Kulikov Spring 2009. Agenda. Goals Environment Preferences Architecture Layers AJAX Improvements Live Demo. Goals.

brian
Download Presentation

Website For Traveling!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Website For Traveling! The Faculty of Electrical Engineering - Softlab • by : Hammad Abed , RabieLoulou • Supervisor : Viktor Kulikov • Spring 2009

  2. Agenda • Goals • Environment • Preferences • Architecture • Layers • AJAX • Improvements • Live Demo

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

  4. Development Environment and Technologies • Microsoft Visual Studio 2008 • Microsoft SQL Server 2008 • ASP.NET • ADO.NET • C# • AJAX

  5. Preferences 3 user groups have been identified: • Administrators • Regular users • Beginner • Intermediate • Advanced • Guests

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

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

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

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

  10. 3-Tier Architecture

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

  12. Data Structure Diagram

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

  14. ADO.NET

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

  16. Tier-2 BLL

  17. 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,…

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

  19. AJAX • Ajax technology was used in many parts of the website, including: • Rating • Comments • Posting a new article • Messages handling. • More…

  20. Possible Improvements • Security • Email Support • Advanced search • Facebook sharing • Donations to support the website 

  21. Demo • Demonstration for the website

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

More Related