ITAP$/$SOEN $4371$: E$-$Commerce

Term Project

Due Date: $4$

th May $2024$

A demo and a Report From: May $5$

th $2024$

Deliverables: the web site $+$ short report $($for source code and screenshots$)+$ slides

Project description:

Create an ASP.Net$-$based e$-$commerce web site which will present a product catalog of books or laptops

or smartphones, etc. $($The type of the product can be chosen by students$).$

The web site should have at least four web forms $($content pages$)$ and one master page:

$1.$ The "Home.aspx" page will show:

$-$ The different available products. It will only display photos of products $($with a short

description of the product$)$ which are available in the stock. Photos of products could be

displayed in any convenient way $($tabular$,$ lists, etc.$).$

$2.$ The "productDetails.aspx" page is displayed when the user clicks on the photo of a product in the

home page. The page will display all information about the product. A link or a button $$Add to

shopping cart$$ will be displayed next or under the product details and will allow a registered user

to add the product to his shopping cart $($which contains the list of his selected products$).$ If a nonregistered user clicks on "add to shopping cart", a message will tell him that he should log in

before.

$3.$ The "shopCart.aspx" page will be displayed when the user clicks on the ShopCart Logo $($which is

included in the master page$).$ This will display the list of the products that the user added to his

shopping cart. If the user is not logged$-$in$,$ a message will tell him that he should log in first.

$4.$ The "Create account.aspx" page will allow the user to create an account and become a customer.

The user will enter at least a username and chooses a password to register. You can include any

other registration information like First name, last name, email address, address, etc. You can also

include a "forgot password" link, etc.

$5.$ The master page will contain :

$-$ A navigational menu with at least two menu items $($Home$,$ Create account$)$

$-$ A login block

$-$ A banner, a logo$,...$

$-$ A carousel

$-$ The shopping cart logo $($which can be clicked by registered users to display the selected

products$)$

$-$ The Checkout button.

$-$ A footer

$-$ Etc.

$6.$ A "Checkout.aspx" page: a registered user will be asked to enter his shipping details and where

all items in the cart will be listed with the total amount to pay. You can integrate Paypal into your

website for the payment.

$7.$ The project should integrate security techniques like SSL$,$ SQL Injection, Password Hashing, Crosssite scripting etc.

Groups$/$Team:

The project should be develop in group of maximum $4$ students. If you increase the number of student you

have to increase the features in the ecommerce website. All the students in the group need to work on the

project specially coding part.

A project proposal has to be submitted by $10$th March $2024.$ The proposal should contain project

description $($about one paragraph$),$ group student names, id$,$ email, and project leader name. The project

leader is responsible for dividing the work and making sure that it will be done on time. The project leader

is also responsible for making sure that every student is working on the project specially the coding part.

The leader can recommend any student name for outstanding work and give instruction to the student

who is not working at all.

Once the idea in proposal is submitted you cannot change the idea. If you change you will lose the marks.

Design and implementation:

For the design of the web site:

$1.$ Use Bootstrap $4$ as a HTML$/$CSS$/$Javascript framework.

$2.$ For the implementation, you will need to use Asp.net, C#$,$ SQL Server or Access, HTML and CSS$.$

$3.$ This product catalog needs a database into which you will store all information about

registered users, products and shopping carts$$ contents. You can create an SQL Server

Database inside the App$\_$Data folder of your web site then create the different tables:

Product $($idP$,$ labelP, desP, priceP, QtyP$,$ photoPath,$)$

User $($idU$,$ uName, uPass$)$

ShopCart $($#idU, #idP$)$

Order $($idO$,$ #idP,#idU,totalPrice$)$

$...$

PS$.-$ Underlined attributes are primary keys. Attributes with # are foreign keys.

If you see that it is necessary to include additional tables, attributes, etc. you can do it$.$ After

creating the database, you have to fill the tables: Product and User with some records.