Task 2|IS556 Web Design and Development|Even Semester 2022-2023

INDIVIDUAL TASK 1
Description:

1. Practicing create a web application that implements concept of user authentication and
web encryption using e-commerce case study.

Related Sub-CLO:

1. SUB-CLO 09: Students are able to take advantage of Cookies, Session and string
encryption to establish user authentication in information system applications. (C5)
2. SUB-CLO 10: Students are able to build application to validate and upload files to the
server (C5)

Questions:

Using an e-commerce case study, create a simple register, log in, and shopping cart system.

1. Create an index or homepage, which display the list of items or products of the
e-commerce. Create at lease 10 items, include the product name, type, price, and the
“Add to cart” button. You can use a template or table for the design.

2. Create the registration page for customer.

3. Create the login page so the customer can log in after registration. Don’t forget the
cookie and session.

4. When customer logged in, there is a welcome message with the customer name, and
the shopping cart. The shopping cart consist of the the list of items, quantity, unit price,
total price for each items, and overall total price. For example, in the following figure:

IS556 Web Design and Development | 1

Task 2|IS556 Web Design and Development|Even Semester 2022-2023

There are the “Place Order” button to continue check out, and the “Continue Shopping”
to back to the product list (home page).

5. If the customer have no item in the shopping cart, there is a link to redirect to the home
page to select the items.

This following figure is an example for the checkout page. Customer will need to input
some data like name, email, address, phone number, City, state, zip code, credit card,
etc.

IS556 Web Design and Development | 2

Task 2|IS556 Web Design and Development|Even Semester 2022-2023

Submission:

● Assignments submitted in zip file format, includes:

o Project files (PHP files)

o Database design (the database model diagram)

o The screenshots of the UI (jpg, png, or pdf)

● File format collected: IS556-Web Design and Development-NIM-Full Name-Task2.pdf

☺ Good Luck ☺

Assessment rubrics:

Aspect > 45 46 – 55 56 – 65 65 – 79 ≥ 80
Code (60%) The code is Part of the The code Code is All code is
completely code is logic is correct but correct and
wrong or wrong and correct but some code executable,

IS556 Web Design and Development | 3

Task 2|IS556 Web Design and Development|Even Semester 2022-2023

does not can't be does not cannot be and can

match the executed display the executed, display the
question requested though can requested
given. information still display information
the
requested
information
Originality (30%) The results - - - The
of copying or assignment
cheating is the result
assignments. of your
own work
and does
not copy
from any
source.
Creativity (10%) The view The view The view The view The display
does not displays the displays the displays the displays the
display the requested requested requested requested
requested information information information information
information even with a even with even with accurately,
standard the the completely,
view (with standard standard and
a normal view (with view (with attractively
table), but a normal a plain
not as table), but table)
requested only
partially
correct

IS556 Web Design and Development | 4