Áo cáo Đồ án công nghệ phần mềm Đề tài website thương mại Điện tử mỹ phẩm

CHUONG I 1.1 Giới thiệu đề tài Việc kinh doanh mua bán là nhu cầu không thể thiếu trong cuộc sống của chúng ta.. Trong thời đại cạnh tranh hiện nay, việc giới thiệu sản phâm đến từng cá

Đề tài: Website Thương Mại Điện Tử Mỹ Phẩm

Tên sinh viên : Nguyễn Thắng Lợi Lop:21CTS

GVHD: Pham Thi Dung

2.2 Biểu đỗ tuần tự 22 2222122211222 1.21101101010111 rrg 9

2.2.1 Biều đồ tuần tự đăng nhậtp - 2 220122112211 2211211 1211111111121 201 8112 re 9 2.2.2 Biểu đồ tuần tự đăng ký 0 Sàn 1121121 1212121 2121211212 rve 9 2.2.3 Biểu đỗ tuần tự thêm sản phâm vào giỏ hàng 5à 5c s22 211211 E1 teg 10

2.2.4 Biểu đỗ tuần tự thanh toán +-2222+12221112221112221111221111.1.111.1 1 g6 10 2.2.5 Biểu đỗ tuần tự lịch sử 22c: 2222 2211222112111 11

2.2.6 Biểu đỗ tuần tự thêm sản phâm - cccecsesseseessescesssesessesessseeseseseseeeses 11 2.2.7 Biểu đồ tuần tự sửa thông tin khách hàng 5 S219 2112122111211 xxe 12

2.4 Các bản thiết kế đề trang demo - 52-51 E1 111211211711111211121.2211 21 21 rg Hư 13 2.4.1 Giao diện đăng nhập - 0 2011211211121 1221 111111115111111 1111211 11 ngay 13 2.4.2 Giao diện trane đăng kí - - L1 2122112111221 12 1122110111111 1 1121111111111 11 11112 ra 13 2.4.3 Giao dién trang chủ -.- c1 22112211211 1211111 11111 1121111011111 1111161 k cưng 13

2.4.5 Trang thanh toán sản phẩm 2 5+ se SE E211211111121121121121 1111 1c ru 14 2.4.6 Trang thông tin người dùng - c c2 1211211 12111111111111 11 1111 151118111 cay 15

2.4.8 Quan ly san pham

2.4.9 Quản lý lịch su giao dich

CHƯNG 3 c2 2s

3.1Bảng demo Gantt-Chart

CHUONG I

1.1 Giới thiệu đề tài

Việc kinh doanh mua bán là nhu cầu không thể thiếu trong cuộc sống của chúng

ta Trong thời đại cạnh tranh hiện nay, việc giới thiệu sản phâm đến từng cá nhân với chi phi thấp và hiệu quả cao là một vấn đề nan giải đối với người kinh doanh Đồng thời, nhu cầu mua sắm với các sản phâm đa chúng loại, chất lượng cao, mẫu mã đa chủng loại, chất lượng cao, mẫu mã đa dạng và giá cả hợp lý ngày càng tăng Chính vì vậy, thương mại điện tử đã ra đời và phát triển mạnh mẽ trên thế giới

Hiện nay, việc phổ biến các sản phâm của cửa hàng đến khách hàng thường thông qua các bảng báo giá Tuy nhiên, phương pháp này có chi phi kha cao do sé lượng sản phẩm ngày càng đa dạng và giá cả thay đôi liên tục, đồng thời tính phổ biến không cao, chưa đáp ứng được nhu cầu người dùng Bên cạch đó, các cửa hàng càng øặp nhiều khó khăn trong việc quản lý người dùng, thông tin nha san xuất, cập nhập

giá sản phẩm và quản lý hàng hoá

Đề giải quyết những vấn để nảy, em quyết định thiết kế một website mua bán

hàng trực tuyến nhằm hỗ trợ các cửa hàng kinh doanh phát triển hiệu quả hơn Mục tiêu của dự án là giúp các cửa hàng quan ly dé dang hon, tiết kiệm chi chi va đáp ứng được nhu cầu của khách hàng một cách tốt nhất

1.2 Hướng dẫn cài đặt môi trường

1.2.1 Yêu cầu hệ thống

> Phan cing:

® - Bộ vị xử ly: Intel Core 13 hoặc cao hon

® RAM: 4GB hoặc cao hơn

® - Ô cứng: 20GB dung lượng trống

> Phần mềm:

e Hé diéu hành: Windows, macOs, hoặc Linux

® Firebase: phiên bản 4x hoặc cao hơn

e Trinh duyét web: Google Chrome, Microsoft Edge 1.2.2 Công cụ và ngôn ngữ lập trình sử dụng

> Ngôn ngữ lập trình:

® JavaScript (ES6+)

> Công nghệ phía client:

® React

¢ Redux toolkit (quan ly trang thai)

e React Router (quản lý điều hướng)

> Công nghệ phía server:

® Firebase

Bước 2 :Trong thu muc myc ‘ecommerce’ tao | folder “comp

> ecommerce

¢ comp

Bước 3: cd tới `client` tải thư viện cần thiết bằng lệnh

Bước 4: Triển khai chạy dự án

CHUONG 2 2.1 Biéu do use case

use case khach hang

Quản lý tài khoản

2.1.4 Biéu dé use case quan ly san pham

use case quan ly khách hảng

Sửa thông tin

<<Extends>>-“”

+

Quản lý khách hảng

12

¡1 Nhập thông tin và yêu cầu đăng nhập

+, _ 2 Hiên thị giao điện đăng nhập |

3 Nhập thông tin và chọn đăng nhập

4 Truyên thông tin đăng nhập

7 Gửi đăng nhập thành công hoặc

8 Hiên thị thông báo thành công hoặc that bai

3 Nhập thông tin và chọn đăng ký

8 Hiên thị thông báo xác nhân đăng

Sơ đô tuân tự đăng ký

| 4 Truyên thông tin đăng ký

7 Gửi xác nhân đăng ký thành công

6 Lưu thông tin đăng ký

' ' ' ' '

13

1 Yêu cầu thanh toán

10 Kết quả thanh toán

3.Kiém tra thông tin sản phẩm

9 Xác nhân thanh toán thành công |

Database

: 4 Xác nhân yêu cầu

' 8 Xác nhận yêu cầu

5 Truy vấn đến cơ sở dữ liệu

7 Tra về thông tin sản phẩm

6 Lưu lịch si thanh toán

ừ

15

1 Yêu cầu lịch sử giao dịch i

5 Truy vấn đến cơ sở dữ liệu

2.2.6 Biêu đồ tuần tự thêm sản pham

Sơ đô tuân tự thêm sản phâm

| 2 Yêu cầu thêm sản phẩm

4 Hiễn thị giao diện thêm sản fl < -

6 Yêu cầu thêm sản phẩm

Gio thanh toan

Phương thục thanh loan

2.4 Các bản thiết kế đề trang demo

2.4.1 Giao diện đăng nhập

2.4.3 Giao diện trang chủ

'Đăng kỷ vào dev-1đs(jfyqz140x0e0 để tiếp tục vào

Top Products

` L : Goyer ——

uae - oats ‘e

Faberlic Cosmetics ‘Set of 4 inshe brand Set of 4 inshe brand Shalimar Guerlain Eau de Foundation Face Lipstick products products tollette brand prod

2.4.4 Trang gid hang

Search for products

2.4.5 Trang thanh toản sản phầm

FullName Nguyen Thang Lot f Faberlic Cosmetics Foundation Face Lipstick

0123456789 Email

loj_2151220245Ødau.edu.vn = Sunscreen Lotion Factor de solar PericonMD

2.4.6 Trang thông tin người dùng

nguyenthangloi1011@gmail.com

huynhvanhungnp123@gmail.com

2.4.8 Quan ly sản phâm

Email loi_2151220245@dau.edu.vn

(verified)

Latest Login May 26th 2024, 11:25:16 AM

Sự liền quan

google-oauth2 Tên người dùng-Mật khẩu-Xác

Cửa hàng google-oauth2

Signed Up March 9th 2024, 12:29:42 PM

Order placed on: 5/28/2024, 12:09:10 AM

Customer: Nguyen Thang Loi

PhoneNumber: 0123456789 Email: loi_2151220245@dau.edu.vn Address: 10 thanh luong - Da Nang Total Price: $300

Faberlic Cosmetics Foundation Face Lipstick - Qty: 1

Sunscreen Lotion Factor de solar PericonMD - Qty: 1