Assessment Task 2: Design a

Website
Course code and ICT50220 Diploma of Information Technology
title
Unit code and ICTWEB513 Build dynamic websites
title
Due date DD/MM/YYYY – Please refer to Moodle
Resources • ICTWEB513 and ICTWEB517 Moodle Site
required • Access to computer and internet
• Learner resource
Decision making To achieve an overall satisfactory result for this assessment task:
rules
 Learners must achieve a satisfactory result for each item in the
Assessment Checklist
Learner This task involves completing a design brief, sitemap and storyboard for a
instructions website. Refer to the Project Scenario below for more details.
For this task you will:
 Complete it individually.
 Write answers to all questions by completing the design brief
template, providing a site map and a storyboard.
 Complete it in the class or your own time and submit it by the due
date.
 Have time to read and review the assessment task in class.
 Submit your answers electronically via Moodle.
 Answer electronically and save the document as Assessment
Task2StudentID.docx.
You must agree with the assessment submission terms and conditions by
clicking on the ‘I confirm’ radio button in Melbourne Polytechnic Moodle
prior to the submission.
If you have any questions about the task or concerns about your ability to
complete the task, please discuss this with your Assessor.

Page 1 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
Project Scenario: The Melbourne Public Library
Melbourne Public Library has contracted you to create a new website. They want a simple, effective
website to provide information to users about their membership options.

In this task, you must read the below email from the Project Manager and complete the design brief,
sitemap and storyboard.

Dear Web Developer

Thank you for taking on this project. Our users are the general public looking for further
information about the library and membership options.
We require a new 4- page website with the following:
 Home page – should include clear links to other features of the system that the users can
access via a navigation bar.
 About us page – include the following blurb:
“Melbourne Public Library is an institution dating back to 1929. We have a range
of books, CDs, DVDs, magazines as well as a large range of downloadable content.”
 Membership page – include membership information. Membership is free and gives them
access to the library’s full catalogue. It should include an online form to apply for
membership. The form must include name, email address and phone number.
 Contact us page – should include the following contact information:
o Telephone 1300 000 000

Our ICT Manager has stated he would like the following technical specifications within the
website:
 Create an attractive, uniform theme to be used throughout the website. It must look
professional.
 Use advanced CSS techniques (you must use version CSS3) when placing various
elements on web pages:

o CSS techniques must apply to all pages of the website and there must be only 1 CSS
file.

o Use CSS style to format the HTML elements (you must use HTML version 5).

o Use at least 1 advanced CSS style for position and layout of the web pages, such as
flexbox etc.

 Use an advanced CSS style to create attractive visual effects, including shadows, gradients.

 Use CSS style and ensure website suitability for PC and mobile.

Page 2 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
  A form aligned correctly with appropriate labels ad controls.
 New features of HTML, including <article>, <header>, <footer>
 3 images with appropriate alternative text (alt attributes).
 An unordered list.
 A functional navigation bar.
 A video (embed a YouTube video of your choosing, please follow the copyright policy).
 New HTML elements, such as grids, to load the website on Mobile and PC.
 Functions should be clear and easily accessible.
 A single data storage(Json data)
 Include comments in your code.
Thank you for your time, I look forward to seeing the final website. We have a very tight
timeframe and would like this up and running in 2 days!
Kind Regards,
Project Manager

Page 3 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
Part 1: Complete the Design Brief
Complete the following design brief based on the information you have received from the Project
Manager.

Design Brief
Website Purpose Explain the purpose of the website.

Legislative What legislative considerations do you need to make?

Considerations

Interface Explain the interface requirements.

Requirements

Target Audience Describe your target audience.

Website What are the requirements of the website?

Requirements

Timeframe When does this need to be complete by?

Digital Technologies What digital technologies and applications do you need?

and Applications

Security What web authentication and security will you use?

Data Storage What are the data storage requirements?

HTTP/HTTPS Will you use HTTP or HTTPS? Why?

Part 2: Create a site map

Create a site map that shows the logical page flow and hierarchy of the web pages.

Page 4 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
Part 3: Create a Storyboard
Create a storyboard of how you intend to lay out the web pages to meet the client’s requirements.
You must:

 provide basic blocking of content

 label where images are inserted
 ensure that this to a professional standard
 complete this for each of the 4 pages.

Part 4: Confirm with Client

Draft an email to the Project Manager with your design brief, site map and storyboard. In the email,
you must negotiate the timeframe.

The Project Manager has requested this to be completed in 2 days; however, your manager has
informed you that this is not possible. Your organisation’s policies and procedures mean that you are
required to complete the brief, develop the website and test the website. Standard turnaround time
for this is 5 business days and it is not possible to shorten this duration.

Instructions for submission

 Zip the following to a folder titled ‘Task2StudentID’ and include:

- your design brief

- your sitemap
- your storyboard
- you email to the Project Manager

 Upload the zipped folder into Melbourne Polytechnic LMS site

(https://online.melbournepolytechnic.edu.au).

Page 5 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
Assessment Checklist: Task 2 - Design a Website
Learner name Student ID
Assessor name Date

ASSESSMENT CHECKLIST 1
ASSESSOR TO COMPLETE THE FOLLOWING

The LEARNER has demonstrated the following in Part 1: SATISFACTORY NOT SATISFACTORY

1 Completed design brief correctly identifying:

 purpose
 legislative considerations
 interface design requirements
 target audience
 website requirements ☐ ☐
 timeframes
 digital technologies and applications required
 authentication and web security requirements
 data storage requirements
 identified if will use HTTP or HTTPS.
Feedback - Assessor must include feedback about the observed performance

The LEARNER has demonstrated the following in Part 2: SATISFACTORY NOT SATISFACTORY

2 Created a site map as per specifications ☐ ☐

Feedback - Assessor must include feedback about the observed performance

The LEARNER has successfully demonstrated the following

SATISFACTORY NOT SATISFACTORY
in Part 3:
3 Created a storyboard as per the specifications. ☐ ☐
Feedback - Assessor must include feedback

Page 6 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
 The LEARNER has successfully demonstrated the following
SATISFACTORY NOT SATISFACTORY
in Part 4:
4 Supplied professional email negotiating the
☐ ☐
timeframes.
Feedback - Assessor must include feedback

Page 7 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner
Assessment Task Summary: Task 2 - Design a Website
TRAINER/ASSESSOR TO COMPLETE THE FOLLOWING: YES NO
Needs to be customised for the tasks

THE LEARNER:
1. Satisfactorily completed all items in Assessment Checklist  
FEEDBACK

OVERALL TASK RESULT

Satisfactory
Not Satisfactory (resubmission required) – Due date: ____________________________

DATE ASSESSMENT RETURNED

TRAINER/ASSESSOR NAME

TRAINER/ASSESSOR SIGNATURE

X
LEARNER DECLARATION: Please read, tick and sign below

I, ___________________________have been advised of the outcome of this assessment task.

PRINT NAME

LEARNER DATE
SIGNATUR
E X

Page 8 of 8
Melbourne Polytechnic
Assessment – ICTWEB513 Build dynamic websites
Learner