Subject Code: COIT20268

Subject Name: Responsive Web Design

Background
Robot Expo, is a government sponsored exhibition. They have contracted you to develop a website for the exhibition. You have been provided with the following initial and technical specifications.

Memo: Website Requirements

From: Robot Expo, Senior Management

To : WIMP Engineering R&D Consultants

Specification

Design and develop a website. The idea is to provide information to tourists visiting the exhibition. The goal is to allow visitors to obtain an overview of the exhibition layout and to find details of exhibits they would like to visit.

Resources

Resources such as images and details of opening hours can be found in ProResource.ZIP. The content of the ZIP file is:

  1. Four folders named Domestic Robots, Educational Robots, Industry Robots and Military Robots. Each folder contains images relating to the different types of technology indicated by the name of its folder.
  2. A text file Item_List.txt contains the names of the artefact corresponding to each of the image from each folder. You need to use these names as the official description of the artefact on your web site.
  3. A text file Business_Hours.txt containing the time-table of opening hours and entrance fees to the exhibition.
  4. Logo.png – image of the logo of the exhibition.
  5. Floor_Plan.jpg – floor layout of the exhibition.

General Requirements

The managers of Robot Expo insist that the following requirements must be adhered to:

  1. Each webpage of the website must display the Robot Expo logo. You can edit this image, but the font style, type and colour must remain as in the original image.
  2. Do not change the proper names of the item. Do not rename the filenames of any of the images.
  3. All images of each artefact must be presented to the visitor. This can be done within one webpage or distributed across several web pages. The idea is to ensure that visitors are made aware of the complete selection of items available for them to visit.
  4. The images are to be used as it is. You can resize the images retaining the original aspect ratio, but do not crop or edit (e.g. re- colour, touch up, sharpen, etc.) or rename the images in any way.
  5. Generate a separate page providing the opening and business hours. The details are found in the Business_Hours.txt file.
  6. Text description for each item is not provided. You can provide your own ‘dummy’ text (i.e. lorem ipsum) to demonstrate the functionality of your web page design.

Example of Users Interacting with the Website
The visitor to the website will be greeted by a welcome message and the following layout of the floor plan of the exhibition. The visitor clicks on any of the exhibition hall (circles). It should bring up details of the specific hall selected with relevant artefacts. The visitor clicks on any of the images of the artefacts to obtain further information on that image. In addition, if the visitor selects an option to display opening hours and/or entrance fees, a separate page should appear to provide this information. Note this is the basic requirement, it is up to you to implement other details e.g. instructions, navigational control, etc.

Capture

What to Submit

On the specified due date, you are to submit two assessment items:

(1) Portfolio 1, and

(2) Practical Assessment 1.

“You can order the COIT 20268 – Responsive Web Design (RWD) Assignment from our service and receive a completely high-quality custom paper. Our service offers any of the COIT 20268 – Responsive Web Design (RWD) academic paper written from scratch, according to all customers’ specifications, expectations and highest standards.”

Related posts: