IELM 231. IT for Logistics and Manufacturing
Lab 1. Human Computer Interface (web applications)

Please save this file and edit it using FrontPage to complete your answers.

[For all exercises, please use the English language web pages on each site]

Task 1. Below are the links to the main page of three universities in Hong Kong. Suppose that a potential international student wants to estimate the yearly expense of studying engineering at one of these universities (tuition + residence in university housing + food, living).

(a) Without the use of the website search engine, find this information for each university, and write down your entire search path (that is, each button click, including 'back-tracking'). Rank the three websites based on ease of discovering this information.

The websites: HKUST, HKU, CUHK.
Answer:

 

 

Task 2. Find the web page for the IELM student soceity.

(a) Write down the three most important 'goals' for setting up this website.
Answer:

 

 

(b) Write down three significant ways to improve this webpage (give reason).
Answer:

 

 

Task 3. Below are the links to three large travel agencies in Hong Kong. Suppose you are using their website to explore a leisure package tour (typically a leisure tour includes airline travel and hotel, and possibly some local guided tours). Explore the websites, and for each website, write two ways to improve the HCI design. Also, for each website, write two HCI design features of the websites that, in your opinion, are good.

The websites: Swire travel, Morning star travel, Tiglion travel.

Answer:
 

 

Task 4. In web applications using HTML only, the different methods for a user to enter some input (called form-input-types) are:

(i) one line text (ii) password (iii) multi-line text [i.e. text area] (iv) check-box (v) radio button (vi) selection list (vii) hidden field (viii) reset button (ix) submit button and (x) submit button using an image.

Which type of input method is best for the following tasks (give 2 line reason)? If none of the HTML form-input-types is good in some case, write why not (2 lines max). You can refer to any online reference for HTML forms.

(a) If the user must select exactly one out of a set of three choices
Answer:

 

(b) If the user must select zero or more from a list of three choices
Answer:

 

(c) If the user must select the name of one or more provinces of China
Answer:

 

(d) If the user must login to a secure server
Answer:

 

(e) If the user must enter their address
Answer:

 

(f) If the user must enter a date-range (namely, from a given day to another day)
Answer: