University of BahrainCollege of Information TechnologyDepartment of Information SystemsITIS313: Web-Based Information Systems

Course Project AhlanBahrain.com Tourism websiteDescription

The Bahrain Authority for Tourism and Exhibitions have hired your web development company to build and launch a tourism website (AhlanBahrain.com) as a portal for travelers and tourists to find travel packages and tours in Bahrain.

Requirements

Design and implement the AhlanBahrain.com website to include the following main front-end functional requirements:

1- The home page should have a slider or carousel highlighting the latest news/events on the site.

2- A Tours Page which displays information about the different tours tourists can take (take inspiration from visitbahrain.bh)

3- A Booking page which allows users to customize their trip from plane tickets, hotels, duration of trip and tours. After selecting the trip details, calculate the total amount of the package in Bahraini Dinars and allow an option to convert into the following currencies (US Dollar, Saudi Riyal, and British Pound Sterling)

4- Give users a 10% discount when selecting tours on Public Holidays (Bahrain National Day, New Years Day etc.)

Bonus: Add any worthwhile functionality to the website such as useful external links, Google Maps, Social media integration etc.

Technical Requirements

Your systems should use

HTML 5; CSS and Bootstrap; JavaScript and jQuery

Use of additional frameworks, libraries, scripts and themes, is encouraged and will be counted as a bonus marks. (all frameworks etc. must be referenced)

Deliverables and Deadlines

There are two sets of deliverables for the project divided into two phases:

Interim Phase (Thursday 7th December 2017)

The frontend interface and validation for the web app.

Working parts of the web app.

Final Phase (Tuesday 2nd January 2018)

Complete full app: including the refined frontend and functional forms.

A report about the website that should include screenshots with description of each webpage of the site, walkthrough using sample data and work distribution.

Class presentation (date will be set by the instructor).

Presentation

Each group should present the project to the class. The presentation should include a quick demonstration of the site with test values.

Assessment Criteria

Category

Description

1

HTML (5 marks)

Appropriate and diverse use of HTML elements.

Appropriate content, logical navigation and proper design layout.

2

CSS & Bootstrap (10 marks)

Appropriate and diverse use of CSS rules and sheets.

Appropriate and diverse use of Bootstrap.

3

JavaScript & jQuery elements (10 marks)

Use of proper client-based validation in JavaScript and use of jQuery.

4

Presentation and Report (5 marks)

As described above

Marking Scheme

Each category above is marked from 5 to 0 as follows: 5: Excellent; 4: Very good; 3: Good; 2: Fair; 1: Poor; 0: Missing.

The project is marked out of 30 and converted to 15%.

Important Notes

WYSIWYG Editors such as Dreamweaver are allowed, but the underlying code should be clear and organized.

External scripts and frameworks are allowed, provided they are properly referenced in the code and project report.

Code auto-generation tools are not allowed.

Each group should have 2 4 members.

All group members should be present during the project presentation.

First Semester 2017-2018Updated on 07 November 2017