COIT 20268 – Responsive Web Design (RWD) – Assignment Help


COIT 20268 – Responsive Web Design (RWD)

(Term 2 – 2019)

– Portfolio 1

– Practical Assessment 1


Hobby & Collectibles, is a sole-proprietor with a proper shop front (i.e. an actual physical building where business is conducted). They have contracted you to develop a website for this shop. You have been provided with the following initial and technical specifications.

Memo: Website Requirements

From: Hobby & Collectibles, Senior Management

To : WIMP Engineering R&D Consultants


Design and develop a website to provide information to customers who wants to visit the shop. The goal is to allow customers to obtain an overview of the shop layout and to find details of items available from the shop. The website is not an online shopping site. The website’s main goal is to provide information to customers who want to visit the shop in person.


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 antiques, coins, origami and stamps. Each folder contain images relating to the different types of items indicated by the name of its folder.
  2. A text file item_list.txt contains the names of the items corresponding to each of the image from each folder. You need to use these names as the given description of the items on your web site.
  3. A text file business_hours.txt containing the opening hours of the shop.
  4. logo.png – image of the logo of the shop.
  5. floor_plan.jpg – floor layout of the shop.

General Requirements

The managers of Hobby & Collectibles insist that the following requirements must be adhered to:

  1. Each webpage of the website must display the Hobby & Collectibles 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 shop. The visitor clicks on any of the display sections (boxes). It should bring up details of the display sections with relevant categories with details of the items. The visitor clicks on any of the images of the items to obtain further information on that image. In addition, if the visitor selects an option to display business hours, a separate page should appear to provide this information. Note that this is the basic requirement, it is up to you to implement other details e.g. instructions, navigational control, etc.


What to Submit

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

(1) Portfolio 1, and

(2) Practical Assessment 1.



CQUniversity regards plagiarism as a serious offence and it can have serious consequences for you as a student.

Read more:

Assessment details for: Portfolio 1 (10 marks).

What You Need to Do

At the end of each week, you will complete a different section of the given project as specified in Background section above. Each of the weekly Individual Case Project, found at the end of each chapter, will contribute progressively toward the completion of the given website project. Each weekly Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these weekly Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 1). Portfolio 1 should be submitted along with Practical Assessment 1. Weekly Individual Case Project Marks
Portfolio 1.1 (Chapter 1)

Write up the following project proposal :

Site title—Specify the working title for the site.

Developer—Identify yourself.

Rationale or focus—Explain the content and goals of the site.


Planning the Site:

Main elements outline—Describe the main features of the site.

Content—Estimate the number of individual web pages.

Target audience—Describe the typical audience for the site.

Design considerations—List the design goals for the site.

Limiting factors—Identify the technical or audience factors that could limit the design goals of the site.


*At this stage, your proposal and planning is primarily a draft. You will have a chance to modify the proposal and supplement the design details at different phases of the project.