Reference no: EM133000778 , Length: word count:1200

ICT101 Introduction to Internet and Web Development

Assessment - 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.

Learning Outcome 1: develop simple web pages using and demonstrating basic aspects of HTML5, CSS3 and JavaScript;
Learning Outcome 2: design effective and user-friendly simple web pages, embracing usability principles and adhering to style guides;
Learning Outcome 3: 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 implement a functionality called "magic advertisement". That is, consumers will see a special section of normal advertisements (at least 6 advertisements). Consumers will also see a button besides this advertisement area called "magic advertisement". Once consumers click it, they will see the advertisements in the special section to be changed into special offers (e.g. reduced price) - while the normal advertisements in your previous website design remain unchanged. Please note that you need to use Javascript to implement this functionality.

Task 2:

The company management also gives you another task to implement a user registration functionality. 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 special MySQL database (This database needs to be created in a separate php file, named "database.php", at first. The servername should be "localhost"; username is "ICT101_Assessment2"; password is
"ICT101_password"). There are three possible outcomes of the registration process:
- If the username is a used one (i.e. you already have a same username data in the database), you need to output an error message - "Sorry! This username has been taken!";
- If the password is too short (less than 10 characters), the web systems will also not accept this new user. You need to output this error message - "Sorry! The password is too short!"
o Please note that you may have the first and the second situation happening at the same time.
- If both username and password are OKay, you will insert the user information into the MySQL database and record its information. After it is done, a successful registration message needs to be displayed on the user's webpage - "Thanks! The registration process has been successful!"

Besides the above functionality, the company management also asks you to design a button on a webpage. Once button is clicked by users, the webpage needs to list all current users' username.

Please note that you need to use Javascript, PHP, and MySQL in a combination to implement these functionalities.

Attachment:- Internet and Web Development.rar