Information Technology

ICT 203 Web Application Development

11 June 2023 08:20 AM | UPDATED 10 months ago

ICT 203 Web Application Development :

ICT 203 Web Application Development
ICT 203 Web Application Development

Assessment 2 – Web Page Design

Unit code/nameICT 203 Web Application Development
Presentation duration10-minute presentation per student in week 9
Total marks40% of final mark
General Instruction for studentsStudents 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.
DateWeek 7
Time3:00 PM
ICT 203 Web Application Growth

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.CriteriaMarks
pooraveragegood
1Home Page (6 marks): Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleA Company Logo – originalA Company mission statementNavigation barSource code was original (not copied) 
2Registration Page (6 marks): Page design:Responsive to browsersConsistencyContrastAlignment and white spaceSimplicityStyleForm elements 
ICT 203 Web Application Growth

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

7Dynamic 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%) 
ICT 203 Web Application Growth

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