description - yaqoob al-slaise's uob blog … · web viewthe frontend interface and validation...
TRANSCRIPT
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