Computing

Paper, Order, or Assignment Requirements

 

 

Assignment brief
Unit number and title Unit 14: Website Design
Qualification HNC
Start date 04/03/2015
Deadline/hand-in 21/04/2015
Assessor A.Khan
 

(C) Purpose of assignment (learning outcomes/objectives and skills to be assessed)

Assignment title Interactive Website
 

Purpose of this assignment:

 

This assessment aims to enable learners to understand the concepts of website design and apply their own creativityin designing and developing interactive websites.

 

 Assessment evidence:

 

A word processed report and electronic submission of the website (CD/DVD or pen drive which will be returned).

 

 

(D) Assignment task(s) (see additional sheet for detailed questions, if applicable)

Scenario:

Interactive Web Site

 

For this assignment, you need to produce a fully functional interactive web site. It could be web site for an internet shop, imaginary company, your own band, an event, your own personal web site, or anything else.

 

The web site must contain several linked web pages on the same topic. Good example could contain the following pages: about us, items or service offered, history, how to get to us, contact us, frequently asked questions, and similar. There should be the minimum of five web pages with the sufficient amount of the content on each page. There should be enough text to identify the layout of the page.

 

The whole project must be created in Notepad or any other simple plain text editor. No HTML development tools are allowed (i.e. Dreamweaver). You also need to produce a report that will consist of the following:

–        nicely designed title page

–        content page

–        user requirements

–        story board and site structure

–        site layout and colour scheme

–        general site description

–        test plan and test results

–        conclusion

–        bibliography

Your report must be in an acceptable business style; word processed, and must conform to conventional standards with regard to spelling and grammar.

 

The whole web site must be submitted electronically. The paper copy of the report must be produced as well.

 

 

 

Instructions and Activities:

 

Task 1

Identify the user needs and requirements. Use any data collections techniques you know and produce a document (which will be part of your final report).

 

Task 2

Design interactive web site. Produce story board and a site layout. Explain web site structure. Choose colour scheme you will be using.

 

Task 3

Implement the interactive web site. Remember the only tool available to you is Notepad or any other similar plain text editor. No HTML or WYSIWYG development tools are allowed. You are free to use any web page on the internet to view and analyse for a certain technique however it must ultimately be your own work.

Your web site must contain the following elements:

–        table with the visible border, and table with the invisible border

–        at least five internal images, and at least two external images

–        at least 10 internal links, and at least 3 external links

–        at least one image that is link

–        at least 15 images

–        background (color or an image)

–        “H” and “DIV” tags

–        local downloadable file which is not an image or web page (e.g. PDF or DOC file)

The web site must contain copyright information and no broken links. There also must be some kind of interactivity implemented using client-side scripting. This can be form validation that produces an error message if the form has not been filled in properly, or it can be the content itself that changes dynamically based on interaction with the user.

 

Task 4

Produce testing plan and test your web site. Include print screens to demonstrate how your web site looks in different browsers. Reflect on your assignment and state how you have organised and managed this assignment to achieve the production of the final report. Your report should contain a content page, introduction, conclusion and a bibliography of your sources

 

 

(E) Reference material (recommended reading/sources of information)

 

Books

McFarland D – CSS: The Missing Manual, second edition (Pogue Press, 2009) ISBN 9780596802448

McFarland D – Dreamweaver CS4: The Missing Manual (Pogue Press, 2009) ISBN 9780596522926

McFarland D – JavaScript: The Missing Manual, first edition (Pogue Press, 2008) ISBN 9780596515898

Veer E – Flash CS3: The Missing Manual (Pogue Press, 2007) ISBN 9780596510442

Websites

www.thebestdesigns.com/

www.w3.org

www.w3schools.com

www.webdesignfromscratch.com/articles-and-tutorials/

 

Evidence checklist Summary of evidence required by student Evidence presented
Task 1 Understand website design concepts
Task 2 Be able to design interactive websites

 

Task 3 Be able to implement interactive websites
Task 4 Be able to test interactive websites

 

Achievement Summary

(F) Assessment/grading criteria (including information on weighting, if applicable, and policies on late submission and resubmission)

 

Qualification

 

HNC

 

Assessor name

 

A.Khan

 

Unit Number and title

Unit 14: Website Design  

Student name

 
Criteria Reference To achieve the pass criteria the evidence must show that the student is able to: Achieved?

(tick)

LO  

Learning Outcome

Assessment Criteria In this assessment you will have the opportunity to present evidence that shows you are able to: Task no.  

Evidence

(Page no)

LO 1 Understand

Website design concepts

1.1 Discuss the design concepts that have to be considered when designing a website. 1
LO 2 Be able to design interactive websites 2.1 Design an interactive website to meet given requirements. 2
2.2 Evaluate website design with other users. 2
LO 3 Be able to implement interactive websites 3.1 Implement a fully-functional interactive website using a design specification. 3
LO 4 Be able to test interactive websites 4.1 Critically review and test the website. 4
4.2 Analyse actual test results against expected results to identify discrepancies. 4
4.3 Evaluate independent feedback and make recommendations for improvements. 4
4.4

 

4.5

 

 

Create onscreen help to assist the users.

 

Create documentation for the support and maintenance of the website.

4