Module: Web Application Development
Assignment No. = 1
Total Marks: 15
In this assignment, 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:\\MyFolder\Module\Assignment).
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.