Báo cáo chuyên đề học phần lập trình web nâng cao đề ti website bán nước hoa tq

Ngày nay, với sự bùng nổ của công nghê z thông tin, Internet l}i càng có ýngh‚a quan trọng hơn đối với các doanh nghiê zp có thể quảng cáo, giới thiê zu sảnphẩm, dịch vw của mình phổ biế

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO

ĐỀ T"I:

WEBSITE BÁN NƯỚC HOA TQ

Sinh viên thực hiện : ĐỖ KHẮC TÚ

: ĐỖ KIÊN QUYẾT Giảng viên hướng

PHIẾU CHẤM ĐIỂM

Sinh viên thực hiện:

Họ và tên Nội dung thực hiện Chữ ký Điểm

MỤC LỤC

TRANG

CHƯƠNG 1 KHẢO SÁT VÀ XÁC LẬP DỰ ÁN 1

1.1 Khảo sát các hệ thống tương tự 1

1.2 Đặt vấn đề 1

1.3 Các chức năng chính của dự án 2

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3

2.1 Biểu đồ use case hệ thống 3

2.1.1 Xác định các tác nhân 3

2.1.2 Biểu đồ Use Case 4

2.1.2.1 Use Case tổng quát 4

2.1.2.2 Use case chủ cửa hàng 5

2.1.2.3 Use case Khách hàng 6

2.2 Biểu đồ Sequence cho các chức năng 7

2.2.1 Biểu đồ Sequence đăng nhập 7

2.2.2 Biểu đồ Sequence tìm kiếm nước hoa 8

2.2.3 Biểu đồ Sequence cập nhật khách hàng 9

2.2.4 Biểu đồ Sequence quản lý sản phẩm 10

2.3 biểu đồ class của hệ thống 14

CHƯƠNG 3: GIAO DIỆN 15

3.1 Thiết kế giao diện 15

3.1.1 Giao diện trang chủ 15

3.1.2 Giao diện sản phẩm 16

3.1.3 Giao diện đăng nhập 17

3.1.4 Giao diện đăng kí tài khoản 18

3.1.5 Giao diện giỏ hàng 19

3.2 Thiết kế lưu trữ 20

3.2.1 Lưu trữ sản phẩm 20

3.2.2 Lưu trữ người dùng 20

LỜI CẢM ƠN 21

LỜI MỞ ĐẦU

Internet đang là công cw liên kết xy hô zi lớn nhất trong lịch sử loài người, vàđang ngày càng phổ biến trên kh{p thế giới và đóng vai tr| quan trọng trong đờisống con người Internet đem l}i những l~i ích to lớn cho con người hơn bất k• nềncông nghiê zp truyền thống nào khác c€ng như nguồn l~i khổng lồ mà người dùng

có thể mang l}i cho các nhà đ•u tư

Ngày nay, với sự bùng nổ của công nghê z thông tin, Internet l}i càng có ýngh‚a quan trọng hơn đối với các doanh nghiê zp có thể quảng cáo, giới thiê zu sảnphẩm, dịch vw của mình phổ biến hơn với chi phí thấp hơn và làm hoàn thiê zn hơncông tác tiếp thị, quảng cáo, giới thiê zu sản phẩm, dịch vw của mình tới người tiêudùng nhƒm đ}t đư~c l~i thế c}nh tranh cao trên thị trường

Nhâ zn thức đư~c t•m quan trọng đó em đy tìm hiểu, nghiên cứu và quyếtđịnh chọn đề tài: “Xây dựng Website bán nước hoa” với mwc đích làm hoàn thiê znhơn công tác quảng cáo, tiếp thị sản phẩm, dịch vw của các doanh nghiê zp tới ngườitiêu dùng

CHƯƠNG 1 KHẢO SÁT V" XÁC LẬP DỰ ÁN

1.1 Khảo sát các hệ thống tương tự

Hiê zn nay trào lưu tiê zn ích qua m}ng càng ngày tr‡ nên phổ biến Internetphát triển kˆo theo nhiều dịch vw phát triển theo đi liền với nó Và viê zc tiếp câ zn vớiinternet hiê zn nay không c|n mấy xa l} với con người đư~c tr‡ thành phương tiê zntruyền thông đư~c nhiều người sử dwng nhất thế giới Không ch‰ Internet làmphương tiê zn truyền thông tin trao đổi, giải trí, xem tin tức, tìm kiếm thông tin…mọi người c|n dùng internet để kinh doanh các mă zt hàng bình thường đến đă zc biê ztcủa mình

Xu hướng mua s{m online t}i nhà đư~c coi là đang phổ biến với đ}i dịchCovid-19 hiê zn nay, với các web điê zn tho}i online như thế này ch‰ c•n khách hàngthao tác mấy click chuô zt là mua đư~c những lo}i nước hoa

Nước hoa là một trong những thương hiệu nổi tiếng và uy tín nhất trên thếgiới với lịch sử phát triển hơn 100 năm 60% người Mỹ đều s‡ hữu ít nhất 1 lọnước hoa Với thiết kế đơn giản, trẻ trung và năng động, nước hoa tr‡ thành mộtmust-have item trong bộ sưu tập của tất cả mọi người

Dựa trên các kiến thức nền tảng đư~c th•y cô trao đổi và một số tài liệutham khảo em đy tổng h~p kiến thức để xây dựng một trang web Báo cáo sẽ lậptrình trên nền web “WEBSITE BÁN NƯỚC HOA TQ” tích h~p đư~c giao diệncác chức năng sau:

 Giao diện chính của website

 Giao diện sản phẩm

 Giao diện chi tiết sản phẩm

 Giao diện đăng nhập

 Giao diện giỏ hàng

 Giao diện đặt hàng/thanh toán

1.2 Đặt vấn đề

Hiện nay việc bán hàng và mua s{m trực tuyến đy không c|n xa l} vớichúng ta nữa và l~i ích mà nó mang l}i thật sự lớn Người mua ch‰ c•n truy cậptrang web bán hàng để tìm kiếm và lựa chọn sản phẩm mà mình thích thay vì mấtthời gian tìm kiếm ngoài ch~ truyền thống kèm với mảng thanh toán trực tuyếnđang tăng cao trong bối cảnh hiện nay và hơn cả, sau khách hàng đặt hàng sẽ đư~cgiao hàng đến địa ch‰ cung cấp một cách nhanh chóng Web bán nước hoa đư~c t}o

1

ra nh{m vào những cá nhân có nhu c•u về mua những lọ nước hoa, thơm mát vànhẹ nhàng, phù h~p với nhiều lo}i nước hoa, và phù h~p với mọi t•ng lớp xy hội,mang l}i cảm giác mới mẻ và thoải mái c€ng như đưa đến khách hàng đa d}ng mặthàng cùng với nhiều phân khúc khác nhau Nhanh chóng cập nhật những mẫu sảnphẩm mới đến với khách hàng

 Sản phẩm: Đa d}ng mẫu my sản phẩm, hình ảnh sản phẩm chân thực,

dễ phân lo}i để người dùng dễ tìm kiếm và lựa chọn

 Giao diện: Đơn giản, đẹp m{t, dễ thao tác trên màn hình, phù h~p chomọi đối tư~ng khách hàng

CHƯƠNG 2 PHÂN TÍCH V" THIẾT KẾ HỆ THỐNG

2.1 Biểu đồ use case hệ thống

2 Khách hàng Đăng nhập / Đăng kí

Cập nhật thông tin khách hàngĐặt hàng / Thanh toánTìm kiếm sản phẩm

3

2.1.2 Biểu đồ Use Case

2.1.2.1 Use Case tổng quát

Hình 2.1 Use case tổng quát

4

2.1.2.2 Use case chủ cửa hàng

Hình 2.2 Use case chủ cửa hàng

5

2.1.2.3 Use case Khách hàng

Hình 2.3 Use case khách hàng

6

2.2 Biểu đồ Sequence cho các chức năng

2.2.1 Biểu đồ Sequence đăng nhập

Hình 2.4 Biểu đồ trình tự đăng nhập

7

2.2.2 Biểu đồ Sequence tìm kiếm nước hoa

Hình 2.5 Biểu đồ trình tự tìm kiếm nước hoa

8

2.2.3 Biểu đồ Sequence cập nhật khách hàng

Hình 2.6 Biểu đồ trình tự cập nhật khách hàng

9

2.2.4 Biểu đồ Sequence quản lý sản phẩm

Hình 2.7 Biểu đồ trình tự thêm sản phẩm

10

Hình 2.8 Biểu đồ trình tự sửa sản phẩm

11

Hình 2.9 Biểu đồ trình tự xóa sản phẩm

12

Hình 2.10 Biểu đồ trình tự tìm kiếm sản phẩm

13

2.3 biểu đồ class của hệ thống

tb_OrderDetail ID IDDatHang IDSanPham Gia SoLuong DatHang()

tb_Category ID TenLoaiSanPham HienThiSP()

tb_Product ID TenSanPham Gia Anh NgayNhap TinhTrang IDLoaiSanPham MoTa ThemSanPham() SuaSanPham() XoaSanPham() HienThiSanPham()

Hình 2.11 Biểu đồ lớp

14

CHƯƠNG 3: GIAO DIỆN 3.1 Thiết kế giao diện

3.1.1 Giao diện trang chủ

Hình 3.1: Giao diện trang chủ

15

3.1.2 Giao diện sản phẩm

Hình 3.2: Giao diện sản phẩm

16

3.1.3 Giao diện đăng nhập

Hình 3.3: Giao diện đăng nhập

17

3.1.4 Giao diện đăng kí tài khoản

Hình 3.4: Giao diện đăng kí tài khoản

18

3.1.5 Giao diện giỏ hàng

Hình 3.5: Giao diện giỏ hàng

19

LỜI CẢM ƠN

Trong thời gian làm báo cáo chuyên đề, em đy nhận đư~c nhiều sự giúp đỡ

từ th•y cô b}n bè và gia đình

Để cho phˆp em bày tỏ l|ng biết ơn sâu s{c đến trước hết đến th•y phwtrách bộ môn Phương Văn Cảnh đy tận tình ch‰ bảo cho chúng em suốt thời gianvừa để có thể hoàn thành đư~c báo cáo chuyên đề nói riêng, và học đư~c nhữngkiến thức bổ ích nhƒm phwc vw cho công việc của chúng em sau này nói chung

Em c€ng xin bày tỏ l|ng biết ơn và lời cảm ơn chân thành nhất đến Trườngđ}i học Điện lực đy giúp cho th•y cô và sinh viên chúng em có điều kiện học tậptrao đổi kiến để hoàn thành báo cáo chuyên đề này

Cuối cùng, em xin chân thành cảm ơn các b}n đy giúp em trong quá trìnhhoàn thành chuyên đề, và cảm ơn gia đình đy cho chúng em thêm động lực học tập

và tr‡ thành người công dân và là người sinh viên có ích cho cộng đồng và ngành

21