Introduction to Internet and Web Development Assessment

{ INCLUDEPICTURE
“/var/folders/d6/gs36qf496y78v82z_y2kf_b00000gn/T/com.microsoft.Word/WebArchiveCo
pyPasteTempFiles/page2image1374752256” * MERGEFORMATINET
}
ICT101 Introduction to Internet and Web Development Assessment 2
– Individual project work
Overview
In this assessment, you will first read and understand a case study on the development of a website that
serves as a marketplace for second-hand products. In this assessment, you will focus on frontend
development. In particular, you will be addressing the architecture design of the website and developing a
prototype for the website in the case study. Then, you will demonstrate your HTML and CSS programming
skills and apply them in this close-to-real-life web development project.
Important information
Please include SISTC’s assessment cover page at the beginning of the submitted work This assessment weights
25% of your final grade
There are two tasks in this assessment, you need to zip your answers to the two tasks and submit the zipped
file.
The due date of this assessment is
Sunday 11:59pm Week 12 (19 June 2022).
It is recommended to plan time appropriately and start your assessment early which will give you time to gain
feedback from your lecturer and do well.
Please note that both tasks in this assessment should be built on your programming work in the previous
assessment.
Learning Outcomes Assessed
The following course learning outcomes are assessed by completing this assessment task:
LO3. develop simple web pages using and demonstrating basic aspects of HTML5, CSS3 and JavaScript;
LO4. design effective and user-friendly simple web pages, embracing usability principles and adhering to style
guides;
LO5. understand, and be able to modify, very simple interactive web systems using PHP and MySQL on the
server side;
Assessment Tasks
Task 1:
The company management now asks you to create a registration page in HTML. Each potential customer
should be able to fill up a form entering their personal details such as their name, address, mobile, and email
address. You also need to incorporate an external CSS code into this project. Since this is only a prototype, you
should incorporate a JavaScript code that will validate the email addresses of each entry. If the entered email

address is wrong, the system should put out an error message that says, “Invalid email address, please reenter email address”.
Task 2:
The company management also wants you to incorporate a signup and login system using PHP and MySQL.
You need to use a form to collect user registration information including a username and a password. Once
submitted, the registration information will be sent to the server and stored in a MySQL database. Entering the
wrong username and/or password should generate an error message. If the login is successful, you should be
redirected to the home page with a greeting saying, “Hello <your_name>, we are pleased to welcome you in
our website!”
Please note that you need to use HTML, JavaScript, CSS, PHP, and MySQL to implement these functionalities.
References:
Email Validation in JavaScript
https://www.youtube.com/watch?v=nRHCoOVSu5k
How to use XAMPP, phpMyAdmin, and PDO to create and connect to a database
https://www.youtube.com/watch?v=N676lCQq4n8
Simple signup and login system with PHP and MySQL database:
https://www.youtube.com/watch?v=WYufSGgaCZ8
Submission
Submit a zipped field including your prototype and all web system files to Moodle.
Marking Criteria / Rubric
Refer to the attached marking guide.
General Assessment Requirement
Incomprehensible submissions – Assessments provide the opportunity for students to demonstrate their
knowledge and skills to achieve the required standard. To do this, assessment responses need to be both clear
and easy to understand. If not, SISTC cannot determine that students have demonstrated their knowledge and
skills. Assessments will, therefore, be marked accordingly including the potential for 0 (zero) marks where
relevant.
Case study: Assessment response must focus on the hypothetical case study given in the Task Instructions. Any
assessment items that do not address the case study may be awarded 0 (zero) marks.
Check with marking rubric: Before submitting your assessment, you should check it against the assessment
criteria and the marking rubric included in this specification to ensure that you have satisfactorily addressed all
the criteria that will be used to mark your submission.
Feedback
Feedback will be supplied through Moodle. Authoritative results will be published on Moodle.
Academic Misconduct
To submit your assessment task, you must indicate that you have read and understood, and comply with, the
Sydney International School of Technology and Commerce Academic Integrity and Student Plagiarism policies
and procedures.
You must also agree that your work has not been outsourced and is entirely your own except where work
quoted is duly acknowledged. Additionally, you must agree that your work has not been submitted for
assessment in any other course or program.