DECO 1400/7140: WEB IMPLEMENTATION RUBRIC


50% of final grade

Website & Report: Due 30 May 2022, 1pm
Poster: Due 3 June 2022, 4pm
In-class Presentation: During Week 13


CRITERIA FAIL PASS CREDIT DISTINCTION HIGH DISTINCTION

Website:
Responsive website (suitable for different
devices) implemented in HTML5/CSS/JS. 4-
20 web pages on a topic of your choice.





10% CSS usage (appropriate use of CSS
elements including advanced ones (e.g.
animation, positioning), variety of selectors,
(e.g. class, id, pseudo), tidiness, responsive
design)

10% JavaScript usage (4 unique,
meaningful interactions, tidiness, inclusion
of comments, no syntax errors, appropriate
use of plugins, if plugins are used)

5% HTML usage (appropriate & valid use
of HTML5 elements, tidiness, logical
structure, inclusion of comments, no syntax
errors)

8% overall website presentation
(navigation, visualisation, functionality,
separation of HTML/CSS/JS)

33% of the final grade
Minimal or no use of
CSS or JavaScript or
responsiveness. The
student has no or
limited understanding
of the underlying
concepts.

Adequate use of
HTML5/CSS/JS and
responsiveness. The
submission
demonstrates at least a
basic understanding of
the concepts.
Appropriate use of
HTML5/CSS/JS.
The submission
demonstrates a
sound
understanding of
the concepts.
Good use of
HTML5/CSS/JS. The
student has
demonstrated a clear
level of understanding
of the concepts.
Excellent use of
HTML5/CSS/JS. The
student has demonstrated
a high level of
understanding of the
concepts.
Report:
Maximum 7-page report (A4 size) Summary
of implementation (HTML/CSS/JavaScript
usage), screenshots of the website,
challenges faced, and lessons learnt as well
as an evaluation of the website using
Nielsen’s ten Usability Heuristics,
Conclusions and Future Work.

7% of the final grade


Poor presentation of
the report, and/or
structure. The
submission
demonstrates a
limited flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Adequate
presentation of the
report, and/or
structure. The
submission
demonstrates a basic
flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Appropriate
presentation of
the report,
and/or structure.
The submission
demonstrates a
sound flow and
understanding of
the underlying
concepts, and use
of images/
text/materials.

Good presentation of
the report, and/or
structure. The
submission
demonstrates a clear
flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Excellent level of clarity
in style and structure.
The submission
demonstrates a very
good and coherent flow
and understanding of
the underlying
concepts, and use of
images/ text/materials.

Poster (Week 13):
An A1-sized poster summarising the project,
design prototypes, screenshots of the
website, evaluation of the website using the
usability heuristics, lessons learnt
(reflection) and what things would have been
done differently, if you had more time.

5% of the final grade


Poor level of clarity in
style and structure
and overall
presentation of the
poster. The
submission
demonstrates a
limited flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Adequate level of
clarity in style and
structure and overall
presentation of the
poster, and/or
structure. The
submission
demonstrates a basic
flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Appropriate
presentation of
the poster,
and/or structure
and clarity. The
submission
demonstrates a
sound flow and
understanding of
the underlying
concepts, and use
of images/
text/materials.

Good level of clarity
in style and
structure. The
submission
demonstrates a clear
flow and
understanding of the
underlying concepts,
and use of images/
text/materials.

Excellent level of clarity
in style and structure.
The poster
demonstrates a very
good and coherent flow
and understanding of
the underlying
concepts, and use of
images/ text/materials.

In-class Presentation (Week 13)
5-min presentation of the website (ppt
slides or poster + live/recorded demo of
the website) during the
tutorial/practical sessions

5% of total grade


Poor presentation of
the website. Poor
communication of the
information and
punctuality (starting
and finishing on
time).

Adequate
presentation of the
website. Adequate
communication of the
information and
punctuality.

Appropriate
presentation of
the website.
Appropriate
communication
of the
information and
punctuality.
Good presentation of
website. Good
communication of the
information and
punctuality.
Excellent presentation of
website. Excellent
communication of the
information, and
punctuality.