Reference no: EM132643797

Assessment 1 - Individual Website Project

Summary and Purpose of Assessment
This an individual project-based assessment task
You are required to read a client brief; and then design, build and test the required website using HTML5, CSS and JavaScript. The website is to be built using a text editor; validated against the W3C standards to ensure all code meets accessibility guidelines; and tested in a variety of browsers to ensure it meets the client requirements and displays correctly
This project has 3 parts
• HTML structure and content
• CSS design and layout
• JavaScript validation of an HTML form

Completing this project-based assessment task allows you to demonstrate:
• the skills and knowledge required to use a text editor to design, create and save web pages to a given specification, rather than using an authoring tool
• the skills and knowledge required to develop complex cascading style sheets (CSS) that are attached to a markup language document
• the skills and knowledge required to develop interactive and engaging websites, developing scripts that offer an effective simple means of enabling websites to provide greater interaction with clients.
Assessment Instructions
What
This assessment is part 3 of your website project. You are required to complete the following tasks:
• Read and analyse a client brief to determine the dynamic functionality requirements
• Write a script to validate all form fields using JavaScript
• Test and debug JavaScript and document the process
• Test your validation script against user requirements and document the testing
• Upload the final version of your website to a web server (RMIT's Jupiter server)

Section B

Q1: Read the client brief and analyse the dynamic functionality requirements

Create a Word document named functionality-requirements.docx
Write your answer to the following questions
• What fields are required on the contact form?
• What does each field need to be checked for when the form is submitted?
• What messages need to be displayed if the user input is invalid?

Develop
Q2: Write a script to validate all form fields using JavaScript
Your script must use JavaScript event handlers, variables, functions and conditional statements
The script should be written as an external JavaScript file; and linked to form.html
Validation requirements
• On a user submitting the form, the name, subject, email and message fields need to be checked that they are not blank.
• If they are blank, a message must be displayed telling the user this is a required field
• The email field must be checked to ensure the email address has a valid format
• If the email is not valid, a message must be displayed telling the user that a valid email format is required
• The form must not submit if there are validation errors
• Do not use pop ups (this also excludes the use of HTML5 input type email)
Test
Q3: Test and debug JavaScript code and document the process

Create a Word document named JavaScript-testing.docx
Document your testing and debugging as you build the script
- use console.log
- use the debug cheat sheet
- manual checking

Q4: Test your script against user requirements and document the testing

Create a Word document named user-testing.docx
Write testing instructions
Ask a user to test your contact form using the testing document

Q5: Upload the final version of your website to Jupiter

Log into Jupiter using either Filezilla or WinSCP
o public_html / Binary-Zen
o Upload the 3 HTML documents - home.html, portfolio.html& contact.html
o Create an images folder and upload all images required for your website
o Create a CSS or Styles folder and upload all style sheets
o Create a JS or scripts folder and upload your JavaScript file/s

Attachment:- Individual Website Project.rar