University of Wolverhampton

Faculty of Science and Engineering

Module Assessment
Module
Module Leader
Semester
Year
Assessment
% of module
mark
Due Date

Hand-in
what?
Hand-inwhere?

Pass mark
Method of
retrieval
Feedback
Collection of
marked work

4CC002
Dr Sarah Slater
1
2015-16
Portfolio
100
Teaching Weeks 7 and 11
Task 1 due Teaching Week 7
Task 2 due Teaching Week 11
Each piece of work will require a
demo with a member of staff 1
week after submission.
See below
Electronic submission details
below

40%
Resit material will be available in
July
With marked work
n/a

Learning outcomes:
LO1 - Be able to build websites using appropriate tools and technologies, e.g.
HTML and CSS.
LO2 - Evaluate the effectiveness and usability of websites.
LO3 - Demonstrate a range of social, legal, ethical and professional skills required
for the development of websites, e.g. search engine optimization, legal issues
around accessibility and the data protection act.

4CC002
Website Fundamentals
Portfolio
2015-2016

Module Leader:
Dr Sarah Slater
S.I.Slater@wlv.ac.uk

Your portfolio is made up of 2 tasks plus an end test:

In task 1 you are required to build a static website
featuring the technologies taught in the module.
In task 2 you are expected to test and validate the web
site with concepts from the module such as accessibility
and usability.
Please see below for a detailed description of each task.

Task 1 Web Site Development

Submission Date: Friday ? 2015 (teaching week 7)
Marking: In Workshops during Teaching Week 8
25% for the Web Site
10% for an alternative CSS design
15% for use of Java Script & Other Aspects
Total Weight: 50%
Tools
Your site must be coded in a simple text editor, such as
Notepad++ or PSPad.
You cannot use any Integrated Development Environments
(IDEs), CMS, Web Frameworks, or similar tools to construct
your site. The use of any tools which construct any part of
the website for you is strictly forbidden usage of these
tools will result in a 0 grade.
Use of Dreamweaver is an automatic 0 grade.
If you are in any doubt about whether the tool you wish to
use is not acceptable, speak to your tutor BEFORE you begin
to construct your site.
Step 1: Choose a topic
The topic of your site can be any of your choosing. Pick
something you have an active interest in, a hobby, a sport
you play, a group or club you belong to, or any similar topic.
Once you have selected your topic YOU MUST CONFIRM THIS
WITH YOUR TUTOR. You will not be allowed to proceed with
your topic of choice without tutor agreement. You may not
change your topic without further consultation with your
tutor.

Step 2: Web Site Construction (30%)

Please submit a fully working website, keeping in mind the
following points:
1. Your website must contain at least 5 pages.
2. Your HTML and CSS code must be appropriately
formatted/indented, and suitably commented.
3. Your HTML and CSS code must be fully compliant
(validators will be used to check this)
4. You should make extensive use of CSS (as taught in
lecture) in order to fully separate your content from your
presentation (external CSS used for page layout and
presentation).
5. CSS and HTML need to be in separate files.
6. Your tutor should be able to navigate between pages.
Step 3: Alternative CSS (10%)
1. You are required to style your web site, i.e. colour scheme,
fonts, size of texts, and layout, then you are required to
produce an alternative style as discussed below. The
member of staff marking will ask you about the style you
have chosen.
2. Alternative CSS Design
- For this assignment we want you to create a complete
alternative CSS style, this would allow a client to choose
between styles.
Step 4: Java Script & Interaction (10%)
1. You must include the following:
a. A video clip using HTML5 tags
b. A table of data
c. A facility to send an email comment
d. A navigation Bar
2. You must include JavaScript within your web site.
Submitting and presenting your work

The work above should be submitted via Wolf by midnight on

the submission date and you will present the submitted
version to a tutor during workshop hours in the following
week (more details on this later).
Note: You will be marked on the work that you submitted by
the deadline, not on work you produce after the deadline
(Week 7).
Presenting your work will allow you to discuss it with a tutor,
and receive valuable feedback and a provisional grade.
Failure to present your work will result in a zero grade (0)
for this task.

4CC002 Website Fundamentals

Task 1 Marking sheet

Student name and number:

Marker:

HTML
No real attempt made, this might be reflected in a heading
and some text, and/or 1 or 2 pages.
Genuine attempt at some HTML for headings, pictures,
text. But layout might not be very well thought out.
HTML is well laid out, pages are well laid out, and
genuine attempt to produce 5 pages
Linking
Pages are not linked, or single page
Pages linked but difficult to navigate
Pages linked, Navigation Bar Clear
CSS
CSS is mixed in HTML, no CSS
CSS included but either the CSS isnt well thought out, or no
alternative design has been included. CSS may be weaker
and not well laid out.
Well thought out CSS Design, alternative CSS design
included and is well thought out. CSS is detailed and well
laid out.

Mark and comments

(15 marks)
0 marks
8 marks
15 marks
(5 marks)
0 marks
3 marks
5 marks
(15 marks)
0 marks
8 marks
15 marks

Java Script
No Java Script
0 marks
Java Script used once, for something like a
simple button and dialog box
2 marks
Java Script used in more than one place, but
again is quite simple
3 marks
Java Script used for a complex task such as user
feedback, drawing or for transitional change
of something
6 marks
Java Script in separate file
+1 mark
Java Script has comments
+1 mark
Java Script explained to tutor
+2 marks
HTML Additions
No real attempt made, this might be reflected in a limited
0 marks
number of pages, with little content.
Genuine attempt at some HTML for headings, pictures,
3 marks
text, but pages may be incomplete, or video, table, email
and navigation may be missing or not working.
At least 5 complete pages submitted that show a genuine
5 marks
effort and include a table of data, a video clip, facility to
send email, and a navigation bar.
Total

Comments

(6 marks)

(4 marks)
(5 marks)

________out of 50

Task 2 Website Design and Evaluation

Submission Date: Sunday 10th 2016 (end of teaching
week 11)
Marking: In workshops during Teaching Week 12
Weight: 50%
You should by now have had the opportunity to complete (at
least the majority of) your website.
This tasks deals with reporting on four major aspects of
creating Web Interfaces; namely,
1) Web Design
2) Usability
3) Accessibility
4) Search Engine Optimisation
You are required to produce a report (4 pages maximum
font size 10 - time new roman font type) based on these four
factors which should be reflected in your website.
Specifically, you should report on:
1 Design. Using the design principles learned in the Web
Design Lecture, report on how you used these principles
to create the design of your site (e.g. important
information should be above the fold). Go through the
slides and comment on every principle that applies to
your site. If a principle is not adhered to, justify why that
decision was made.
2 Usability. Go through the usability lecture and compare
the principles found there that think about how to apply
them to your site (e.g. When you ask a person to find
something important on your site do they take a lot of
time to do so? Do they click on the wrong link therefore
making errors?) Select a user (or better yet, several users)
and create representative tasks to test the usability of
your page. Also, perform a heuristic (expert) evaluation of
the site yourself, reflecting back on the principles.
Comment on the different principles you have learned in
the lesson and what you have found from your study and
evaluation. If a principle is not adhered to, justify why that
decision was made.
7

3 Accessibility and Universal Design. Go through the

Accessibility principles presented in the accessibility
lecture and comment on every principle that applies to
your site (e.g. do you use good contrast between the
background of your text and your text? Do you include alt
text in your descriptions?). If a principle is not adhered to,
justify why that decision was made. If you used users to
test your sites usability, report on this also.
4 Search Engine Optimisation. Go through the Search
Engine Optimisation (SEO) principles presented in the SEO
lecture and comment on every principle that applies to
your site. If a principle is not adhered to, justify why that
decision was made. If you used users to test your sites
usability, report on this also.
Please structure your report well, using headings
and a title. You may also include a small introduction
should you chose to do so. If at any point you have a
question please ask, and do not leave it to the last
minute for feedback.
Each part of the four above will receive a 25% out of your
total 100% for the task. This in turn will account for 50%
of the grade for the class portfolio.
Submitting and presenting your work
The work above should be submitted via Wolf by midnight on
the due date, and demonstrated to a tutor during workshop
hours in the following week. You may be asked to explain
some of your explanations during the workshops.
Presenting your work will allow you to discuss it with a tutor,
and receive valuable feedback and a provisional grade.
Failure to present your work will result in a fail grade for
this task.

4CC002 Website Fundamentals

Task 2 Marking sheet

Student name and number:

Marker:

Design
No real attempt made, generic description of what the
students thinks is a good / bad design without using the
taught principles.

Mark and comments

(12.5 marks)
0 marks
Up to7 marks

Some attempt using the principles taught to evaluate and

justify the design. Some principles successfully covered.
Other principles may have been used incorrectly.
Up to 12.5
marks

All the required principles covered correctly. Not

applicable principles not covered.
Usability
No effort made, no user test done or user test produces no
useful data Or no heuristic evaluation or data erroneous.
No understanding of the usability principles

(12.5 marks)
0 marks

Partly successful user test and partly successful evaluation.

Some understanding of the usability principles and data
collected.

Up to 7
marks

Successful and thorough user test. Successful heuristic

evaluation with a good understanding and explanation of
the applicability of the usability principles to the web page.

Up to 12.5
marks

Accessibility / Universal Design

No real attempt made, generic description
of what the students thinks is a good / bad
accessibility without using the taught
principles.

(12.5 marks)
0 marks

Some attempt using the principles taught to

evaluate and justify the accessibility (or
lack of). Some principles successfully
covered. Other principles may have been
used incorrectly.

Up to 7
marks

All the required principles covered

correctly. Not applicable principles not
covered.

Up to 12.5
marks

Search Engine Optimisation (SEO)

(12.5 marks)

No real attempt made, generic description of what the

students thinks is a good / bad SEO without using the
taught principles.

0 marks

Some attempt using the principles taught to evaluate and

justify the SEO. Some principles successfully covered.

Up to7 marks

Other principles may have been used incorrectly.

All the required principles covered correctly. Not
applicable principles not covered.

Up to 12.5
marks

Total

____/50

Comments

10