STW205CDE Developing the Modern Web

Assignment
Issue Date: TBD
Deadline: TBD

1 INTRODUCTION
you must create an entirely new website that is different from your original submission. The
assignment will cover 100% marks.

ASSESSMENT (100%)
3.1 Requirements
For this task you must design and implement your own website.Your website must cover the following
points:

1. You must be creative in designing your website. Your website needs to offer novel solutions or
distinct features to other existing/similar websites.
2. You must use tools and technologies taught during this module such as HTML, CSS and
JavaScript.
3. You must use either Flask or Django as a templating framework.
4. You must use either MySQL or PostgreSQL as database.
5. You must NOT use commercial software and/or 3rd party packages/libraries. For example, using
Dream-weaver or Drupal to create your website is not allowed.

© Coventry University 2017 1

205CDE Developing the Modern Web

Reflective report
You must submit a reflective report for the website you created. The word limit for your report is 1,000
words. Your report must:

1. Consider what you have learnt over the term.

2. Discuss each of the technologies you have used in creating the website.
3. Be reflective. For example, you must discuss your website was built in this way, and what you
would do differently in the future.
4. Make good use of illustrative examples such as screenshots and code snippets.
5. On the cover page of your report, you must clearly mark a link to your Github repository where
the source codes of your website can be accessed.
6. On the cover page of your report, you must clearly mark a link to your YouTube videocast.

GitHub Repository
You must create a GitHub repository that contains all source codes for your website. You must include
the URL of your repository on the cover page of your report and submit the same URL in college
moodle.

Videocast
You must prepare a short video of between 5 to 8 minutes that demonstrates how your website works.
In this video, you must be able to :

1. Show your website running on the screen and how to navigate it.
2. Explain features of your website and how those meet your design requirements.
3. Show parts of your source codes that implement the features mentioned above.
4. You must include a clear voice for explanation purposes.
5. The video must be produced in high quality so that technical details such as source codes can
be clearly viewed.
6. You must upload your video to YouTube and include the URL of your video on the cover page
of your report.
7. It is your responsibility to make sure the video can be watched by the academic marker. In order
to do this, the privacy settings need to be set either Public or Unlisted.

3.2 Submission
The report must be submitted through Turnitin on Moodle. You must clearly mark the links to your
Github reposi-tory and YouTube videocast on the cover page of the report.

Deadline
TBD

2
 Assignment

3.3 Marking
The following rubric will be applied to your submission. The full mark given here is 70 which will be converted to 100.

0 – 2 points 3– 4 points 5 – 6 points 7 – 8 points 9– 10 points

Poor web design. It has basic layout The layout is clear, The website is The website is of
Improper use of layout and structure, limited and the navigation is visually appealing. It professional
elements, fonts, and implementation of easy to follow. It combines different standards. It
colours. Navigation is navigation. contains successful design styles to suit implements
Design not present, or not easy attempts to different contents. responsive design
to follow. implement advanced principles and suits
design elements different screen
sizes and
orientations.

Very basic use of HTML Implement Make use of various Combined HTML, The website makes
and CSS. JavaScript functions different types of CSS, JS, and extensive use of
on top of HTML and HTML tags/ Bootstrap to Bootstrap framework
CSS. But attributes, and CSS successfully to a high standard.
HTML CSS
implementation of rules. Successful produce good
JavaScript
JS is very basic and attempts to layouts and visual
limited. incorporate effects.
Bootstrap
framework.

No data collection on Very basic data Data are being Data table are Database is
the website. collection. No further validated/ clearly defined and carefully designed
validation or processed. But suitable for the type and optimized for
Database processing. database is not of data being speed. It includes
designed properly. collected. The whole advanced features
database is properly such as indexing
normalized. and triggers
 The website makes no Very basic Basic use of both Integrate various The website makes
use of Django templating. No template and features using extensive use of
framework. attempt to use database system. Django such as web Django at high
Django
database system. Basic levels of forms and email standard. It shows
routing support. trace of testing and
debugging.

The report is poorly The report contains The report makes The report is clearly The report is clearly
structured, and contains some grammar proper use of structured with structured and well
lots Report of grammar mistakes. But screenshots and proper use of written with little
Report Writing mistakes and there’re lots of illustrations. references. mistakes.
writing errors. improper uses of
screenshots and
illustrations

The student does not The website is fully All codes are The website makes The website makes
fully understand the functional but there properly proper use of appropriate use of
code used. are some documented in the programming advanced, cutting-
comments, not comments. All codes techniques covered edge programming
sufficient enough to are properly in the worksheets. techniques not
Coding
make codes self- formatted. All variable names mentioned during
explanatory. and indentations etc. the course.
are consistent and
follow specific
conventions.

The video shows basic Simple screencast A clear and detailed Edited video with Professional-
functionality but poor that demonstrates screencast that is simple titling. High standard video with
Video Video explanation of the working app and succinct and clear. production values. high production
technical issues. Low- talks through the values
quality audio. code.