ICT 203 Web Application Development

ICT 203 Web Application Development :

Assessment 2 – Web Page Design

Unit code/name	ICT 203 Web Application Development
Presentation duration	10-minute presentation per student in week 9
Total marks	40% of final mark
General Instruction for students	Students will have to record a 3-minute video to show case their website. The video must contain code-walkthrough explaining how the code works. Video must be uploaded to YouTube and then submit link in a text file. Also, the folder containing all the code for their web app will have to be zipped and submitted. Submission will contain 2 things: Text file contain link to your videoZip file containing your entire website files.
Date	Week 7
Time	3:00 PM

ICT 203 Web Application Development Description

Design and build a set of linked web pages for a fictitious Online Car Sale. You are required to create Online Car Sale allowing registered sellers to advertise their cars. The site should provide a search capability for the car buyers to find car that they are looking for by typing the car model and location. In this stage, you are required to build front-end of website by using HTML, CSS, and JavaScript. Your web pages must be cross-browser compatible (responsive to different browsers).

Application Development Guidelines

1. Homepage

Homepage must consist of the company logo, brief introduction about the ICT 203 Web Application Growth business, and links to other web pages of the website.

B.Car Seller Registration

Seller registration allows the system to validate the sellers’ details and the system must send back notification if any field is empty.

This page should prompt sellers to fill a form with fields for

• Name
  • Address
  • Phone number
  • Email address
  • Username
  • Password

C. Seller Page

This page should provide the following links for the sellers to manage the advertisement of their cars after successfully logging in: Login, Add car. the system must send back notification if any field is empty.

1. Login page – This page should prompt sellers to fill a login form with fields for:
   1. Username
   1. Password
2. Add car – This page should request user to fill in the form with field for:
   1. Make
   1. Model
   1. Year
   1. Milage
   1. Location
   1. Price

D.Search Page

Search page allows the users to find car(s) for the ICT 203 Web Application Growth that they are looking for by typing the model and location.

E.About Us page

You should provide full name of business, location of main office, telephone/fax numbers, e- mail address, staff names and picture of staff.

F. Dynamic content

You are required to write JavaScript to achieve the following:

• The background color of each form input must change to yellow when it is selected.
  • Background color of each form input must change to white when user leaves input field.
  • Background color of each button must change to light blue when the mouse pointer is moving onto a button.

Marking Scheme

Marks will be allocated for:

• 5 to 7 unique pages
  • Original content
  • Original design
  • Site structure
  • Appropriate and useful content The detail of marking scheme is given below:

No.	Criteria	Marks
		poor	average	good
1	Home Page (6 marks): Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleA Company Logo – originalA Company mission statementNavigation barSource code was original (not copied)
2	Registration Page (6 marks): Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleForm elements

	Navigation barSource code was original (not copied)
3	Seller Page (9 marks): Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleAdd car formLogin formNavigation barSource code was original (not copied)
5	Search forms (3 marks) Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleForm elementsNavigation barSource code was original (not copied)
6	About US (4 marks) Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleNavigation barDetails of the company’s physical locationSource code was original (not copied)

7	Dynamic content (12 marks, each 4 marks)) The background color of each form input must change to yellow when it is selected.Background color of each form input must change to white when user leaves input field.Background color of each button must change to light blue when the mouse pointer is moving onto a button.Source code was original (not copied)
Percentage (maximum 40%)

Note:

• Students caught plagiarizing content and/or design will be given a mark of zero (0); at any or all stages of the assessment!

· Any copy content or design from the ChatGpt app will be treated as plagiarism and given a mark of zero (0), at any or all stages of the assessment!

Visit:https://auspali.info/

Also visit:https://www.notesnepal.com/archives/767

For solution:

WhatsApp

+610482078788

+61482073403

+61482072848

[email protected]