Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: daixieit

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.