Posted: March 21st, 2015

Website Design Interactive Website

Website Design

Interactive Website

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
(B) Declaration of ownership (to be completed by student)
This submission is the result of my own work.  All help and advice other than that received from tutors has been acknowledged and primary and secondary sources of

information have been properly attributed.  Should this prove to be untrue, I recognise the right of the college to recommend what action should be taken in line with

the regulations on assessment.

Student signature:     Date:

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 creativity in 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

Higher Grade achievements (where applicable)

PASS:
A pass grade is achieved by meeting all the requirements defined in the assessment criteria for the unit.

Grade descriptor

Achieved?
(tick)
Grade descriptor
Achieved?
(tick)
M1: Identify and apply strategies to find appropriate solutions  –
•    Your website must pass code validation of the HTML code(include printout for each page).
•    There must be at least 3 interactive objects (one linked to mouse click, another to mouse movement).        D1: Use critical reflection to evaluate your

own work and justify valid conclusions. –
•    Produce critical reflection, evaluation, and conclusion of the work you have done.
M2: Select / design and apply appropriate methods / techniques. –
•    Your  website must be tested in at least three different web browsers (include print screens).
•    Files of your website must be structured by folders (e.g. images, styles, music etc).
•    Your website must make extensive use of CSS (placed in one external file only).        D2: Take responsibility for managing and organising activities –
•    You have met all the deadlines.
M3: Present and communicate appropriate findings.
•    Your code (both HTML and CSS) must have sufficient amount of comments.
•    Your report is very well structured, has good layout and presentation.
D3: Demonstrate convergent/lateral/creative thinking –
•    In addition to validating your HTML, you must validate your CSS (include printout).
•    There must be at least seven interactive objects.
•    Your website must be tested in at least five different browsers (include print screens).

Submission
You must submit your web site electronically, and also paper report. Please note it would be a good idea to test your electronic submission on a machine different you

used to burn CD / write pen drive. This is because; links, which are absolute file locations, are not the correct ones, however they will work on your home machine as

you have local copies of all files. Another machine would not have those local files and it would help you to spot the problem. Please note that submission that

contains at least one broken link does not meet pass criteria and will therefore be referred. It is your responsibility (and also task 4) to test the web site.

Work must be submitted before the deadline. You can submit it to your tutor or at the College reception. If you do it at the reception please make sure you have a

receipt which states submission time. Work submitted anywhere after the deadline but before the cut-off date will be capped at pass. Work submitted after the cut-off

date will not be graded. You have chance to demonstrate the work you are about to submit during your dedicated classes and workshops before the submission date. You

are strongly encouraged to do so. No feedback or advice will be given on the submission date.

You should zip your website folder up and hand in to your tutor either on a cd/dvd or email.

Please remember, it is your responsibility to ensure that your work is printed, is completed, is submitted, submitted on time and in full, and has your name on it. The

good practice is that you do not leave anything to be done on the submission date. In particular, there will be no paper in college printers on the submission date.

Please remember: It is your responsibility to ensure that your work is printed, is completed, is submitted, submitted on time and in full, and has your name on it.

Please remember again, it is your responsibility to ensure that your work:
•    is printed,
•    is completed,
•    is submitted,
•    is submitted on time and in full, and
•    has your name on it.

Mitigating Circumstances: In summary: if you have genuine, unavoidable reasons for late hand-in, due to Mitigating Circumstances you must inform the tutor as early as

possible. See College HE handbook for details

Cheating / Unfair Advantage: Students found guilty of cheating, plagiarizing or seeking to gain an unfair advantage will face severe penalties. Please see College HE

handbook for details