EE417 Web Application Development
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.
my wechat：_0206girl
Don't hesitate to contact me
