College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016

COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
Instructions:
Answer ALL questions/requirements / Present what are required in the Final Project
Marks will be awarded for good presentation and thoroughness in your approach
NO marks would be awarded for the entire project if any part is found to be copied
directly
from printed materials or from another student.
Complete this cover sheet and attach it to your project.

Student/Team Declaration:
I declare that:
I understand what is meant by plagiarism (illegal copying of ones work)
The implication of plagiarism is tantamount to cheating (work will get no pts.)
This project is all my own work and I have acknowledged any use of the published
and unpublished works of other people.

Student/s Signature: _______________________________________

________________

Date:

Total number of pages including this cover page

Program

Course

BSBI

COMP52
1

Course Title
Students/Members:
Full Name
Teachers Name

Section

Time/Days

Due Date

Date
Submitted

April 3,
2015
DESIGNING HUMAN COMPUTER
INTERACTION

Student No.

1.Roquia Sayed Marhoon

BH14500177

2.Hawraa Sayed Abbas

BH14500133
BH1350079

3.Batool Mohammed

DR. DANILO C. DIOTAY

FOR OFFICIAL USE ONLY

Teachers/Markers Comments

Markers Name

Rubrics/Marking Scheme
Coversheet
UI Description
UI Design Model Application
Design Rules Application
Recommendation

5
10
65
15
5

Total Marks/ Marks Awarded

100

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
Signature

Grade Equivalent

1. User Interface Description

User Interface is visual part of computer application or operating system through which
a user interacts with a computer or a software. It determines how commands are given to
the computer or the program and how information is displayed on the screen. Three
main types of user interfaces are
Command language: the user must know the machine and
program-specific instructions or codes.
Menus: user chooses the commands from lists displayed on the
screen.
Graphical user interface (GUI): user gives commands by selecting
and clicking on icons displayed on the screen.
a. Project Description
This project entitled Travel Application is a designed, developed, tested, and analyzed
user interfaces for booking hotels and airline tickets services using an electronic user
interface s. This well-designed system includes consideration of the abilities and
limitations of users in the design of the systems operator interface.
Basic features include:
Ability to book a flight ticket from any airline company.
Ability to book a hotel rooms from any hotel in the world.
Provide tours
Provide comparison for ticket prices for each selected airlines
company and as well as hotel prices.
Reduce the time and cost for searching for alternatives.
Provide services include in each.
Provide airline and hotel seasonal promotions section.

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK

b. Sample Project output

Output Figure 2. Mobile Application Travel mobile Dashboard and choosing language
screen.
The above pictures show a sample mobile application user interface. The first figure is a
mobile application logo page and the other one on the right is choosing language screen.
c. Purpose
The key purpose of the project is to deeply understand travel constraints, whether
reservations or information related, and the type of users for the application, and the
issues and constraints that are involved in the problem. If the task is accomplished
through an existing system or interface, one should perform an interpretive evaluation of
that system or interface to help learn more about it.
d. Problems/Difficulties

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
This application has been conceptualized, designed and developed due to the following
problems found out:
This application reduces the time consuming to search about
hotels and travel ticket.
Reduce the time for make a comparison for prices and services
provided.
Fast services rather than making calls for travel agencies or
wasting time waiting there.
Multiple payment methods using debt or credit cards or cash
post payments.
Provide travel insurance as an option.
Provide section for the types of customers: business customers,
tourist customers, education customers.
Provide Arabic language which most of travel airlines websites
doesnt provide.

2. UI Design Model Application

User Interface Design is the multi-disciplinary practice of crafting usable human-device
interfaces. Taking into account, among many things: user and organizational tasks, needs,
and goals; ease and simplicity of use; clarity and beauty of execution; flexibility and
scalability of the design across multiple devices.
Waterfall Lifecycle
Requirements:
Something that is needed or that must be done.

Something that is necessary for something else to happen or be done.

Analysis:
A philosophical method of exhibiting complex concepts or
propositions as compounds or functions of more basic ones.
The separating of any material or abstract entity into its
constituent elements (opposed to synthesis ).
Design:
To prepare the preliminary sketch or the plans for (a work to be
executed), especially to plan the form and structure of: To design
a new bridge.

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK

To plan and fashion artistically or skillfully.

Code:

A set of laws or regulations.

A set of ideas or rules about how to behave.

A set of letters, numbers, symbols, etc., that is used to secretly send messages to
someone.

Test:
A critical examination, observation, or evaluation specifically the procedure of submitting
a statement to such conditions or operations as will lead to its proof or disproof or to its
acceptance or rejection.
Test of a statistical hypothesis a basis for evaluation.
An ordeal or oath required as proof of conformity with a set of beliefs.
Maintenance:
1.Activities required or undertaken to conserve as nearly, and as long, as possible the
original condition of an asset or resource while compensating for normal wear and tear.
2.Accounting: A periodic cost incurred in activities that preserve an asset's operational
status without extending its life. Maintenance is an expense that, unlike capital
improvement (which extends an asset's life), is not capitalized.
3.Engineering: Actions necessary for retaining or restoring a piece of equipment,
machine, or system to the specified operable condition to achieve its maximum useful
life. It includes corrective maintenance and preventive maintenance.
In this scenario, the user asks to select which type of customer he is. We extended this
scenario to give alternative options to provide information to that type of customer.

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK

Select type of customer

In this scenario, the user has the option to select or
search for the departure or arrival air ports

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK

The user selects the departure and arrival date

In this senior the user can select the number of

passengers, have the option to select any number
with the provided information: adult,infant,chil

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
Here is a list of airlines companies providing the price
for ticket for each of them from the lowest to the highest
giving the ability for the user to select which company
he want.

The user can write his information using mobile

keyboard after chose the payment method then
continue to the next step

The user can write his payment information providing

security issues to the user then pay the ticket fees.

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
Here the user has two options to print the ticket or to
go to the other option as to book hotel room

in this senario the user have the option to search

for hotel he want and tick on the options
provided to provide relative results.

3. Design Rules Application

Inconsistency:
Pops up a two-month calendar view when users specify the
departure or return date for a trip. User should input correct date
for go and return from the trip and for booking the hotel.

Feedback:

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
One of the most basic guidelines for improving a dialog's
usability is to provide feedback:

o Show the users their reservation information.

o Tell users how their reservation have been interpreted.
o Tell users what's happening.

Legibility
Text should be easy to read and speed of cognition by Adding
Text-Shadow to Custom Fonts. Should be able to determine a
useful font style. Ornamental fonts and text in all capital letters
are hard to read, but italics and bolding can be helpful when
used correctly. Large or small body text is also hard to read.
(Screen size of 10-12 pixel sans serif and 12-16 pixel serif is
recommended.) High figure-ground contrast between text and
background increases legibility. Dark text against a light
background is most legible.

Language:
There are certain types of language are needed. Short and
simple sentence structure. Unless the situation calls for it, do not
use jargon or technical terms. A user-centered design is focused
around the rhetorical situation. The rhetorical situation shapes
the design of an information medium. There are three elements
to consider in a rhetorical situation: audience, purpose, and
context.

Accessibility:
The user should get the information quickly and easily. And the
user should be offered the booking in various ways for trip and
hotel.

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
4. Recommendation
Online booking is easy and simplified process would help in
booking the ticket for trip with specific date for go and return,
and booking hotel . choose the properties of prices, room ,etc
can be to provide information. Give several options for the user.
Also contain pictures that help the user in choose.

References:

College of Administrative and Financial Sciences

2ND Trimester, AY 2015-2016
COMP521 Designing Human Computer Interaction

FINAL PROJECT/COURSEWORK
Read more: http://www.businessdictionary.com/definition/userinterface.html#ixzz44Zkr0cXI
Michael Connors, User Experience Strategist at Fresh Tilled Soi
Definitions:
http://www.merriam-webster.com/dictionary/requirement
http://www.dictionary.com/browse/analysis
http://www.dictionary.com/browse/design
http://www.merriam-webster.com/dictionary/code
http://www.merriam-webster.com/dictionary/test
http://www.businessdictionary.com/definition/maintenance.html