In this a

ssignment, you are required to prepare a comprehensive client-side interface for a

Web Application. You are free to choose any web application of your liking which can easily

demonstrate majority of features or techniques implemented in modern web applications and

covered in this course curriculum. You can take inspiration from the list of applications

presented in the lecture but you are not limited to any of those applications. You are strongly

encouraged to carefully select your web application considering that you will be further

enhancing the same assignment introducing additional features as the semester goes by.

Assignment 1 is focused on learnt techniques in Lecture 1 and Lecture 2 e.g. HTML, HTML 5

and CSS. You are expected to use the knowledge gained through Lecture 1 and 2 to;

?
Demonstrate a complete understanding of Web Application types and their

requirements.

?
Prepare and showcase important information collection and presentation for

your selected application.

?
Use a broad range of HTML tags and HTML 5 features.

?
Demonstrate ability to design an easy to navigate user interface and visually

appealing to a variety of audience.

?
Design and implement different types of CSS files for your web application

interface.

?
Demonstrate effective use of CSS for your web application using a broad range

of CSS rules.

?
Demonstrate your understanding of the HTML and CSS code by adding in

comments in your code wherever possible.

Assessment Criteria:

Assignment will be assessed based on the quality of;

?
Contents
(3 marks)

?
Layout and Design
(3 marks)

?
Navigation
(3 marks)

?
HTML/HTML5
(3 marks)

?
CSS
(3 marks)

Submission:

Assignment should be submitted on the loop,

1. A single zip file containing all relevant code files.

a. The main HTML file (starting point of your application) must be named as

index.html.

b. All HTML files must be in a single folder.

c. The main folder must have two subfolders, one for images and the other for

stylesheets, which must contain image and css files respectively.

d. You code must be properly commented for each section/function within your

code files.

e. An optional readme file containing any instructions to run your web application.

2. A one-page briefing document explaining your web application.

Important Notes:

You are encouraged to build your web application from the scratch; however, this is not a hard

requirement. Inspiration from the online available templates or use of any frameworks/tools is

permitted. However, in case of using templates or frameworks it is up to you to demonstrate

a complete understanding of the underlying code, which can be done by adding comments in

the code files or attaching a separate document detailing your approach to build your

application and discussing code in each file. Inspiration from the template means you get the

idea of layout or initial files but then you develop your own application for a very different

domain. Exact copy/pasted template from online web applications with the same contents are

not acceptable.

The assignment will be assessed only for HTML and CSS. Please make sure that there is no

JavaScript code or any other advance level web contents design techniques used in your

assignment. Assessors are instructed to disable any code other than HTML and CSS before

grading the assignment which can result into breaking the layout of your website. Please make

sure that you only use HTML and CSS for this assignment.

Student must ensure that their web application must not have any broken links if executed on

a different machine. All images and files must be linked using relative paths ( e.g.

AboutUs.html , ./images/myphoto.jpg or ./CSS/mycssfile.css) rather than absolute paths (e.g.

C:\MyFolderModuleAssignment).

In this module, each subsequent assignment will be further enhancing your existing

application; hence, it is not allowed to change the domain/theme of your application after the

first assignment submission.

In case you failed to submit assignment 1 on time and wish to submit subsequent assignments,

you still must submit assignment 1 work without any grades.