Xây dựng website bán mỹ phẩm shop mỹ phẩm rose cosmetics

+ Xây dựng các chức năng của website cho phép người mua đặthàng, xem giỏ hàng, thanh toán, người bán có thể xem đơn hàng, quảnlý,cập nhật thông tin Về thực tiễn : - Xây dựng website gồm

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA ĐIỆN – ĐIỆN TỬ

Tel: (84-02363) 894882 – Fax: (84-02363) 894882Website: http://feee.ute.udn.vn - E-mail: cntt@ute.edu.vn

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

NGÀNH CÔNG NGHỆ THÔNG TIN

MÃ NGÀNH : 505310

ĐỀ TÀI :

XÂY DỰNG WEBSITE BÁN MỸ PHẨM SHOP MỸ PHẨM ROSE COSMETICS

SINH VIÊN : Lê Văn Dũng

CBHD : PGS.TS Phan Huy khánh

ĐÀ NẴNG, 08/2020

LỜI CẢM ƠN

Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến quý thầy, cô đã giúp đỡ

chúng em thực hiện đề tài này Đặc biệt là PGS.TS Phan Huy Khánh đã tận tình

giúp đỡ em trong suốt quá trình thực hiện đề tài này.

Đồng thời, em cũng xin cảm ơn quý thầy, cô trong khoa Điện – Điện tử, bộ môn Công nghệ thông tin, trường Đại Học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng đã truyền đạt những kiến thức cần thiết và những kinh nghiệm quý báu cho chúng em trong suốt thời gian gần 3 năm trên giảng đường để em có thể thực hiện tốt đề tài này.

Đặc biệt, em xin gởi lời cảm ơn chân thành tới ThS Nguyễn Văn Phát - giáo viên chủ

LỜI CAM ĐOAN

Em xin cam đoan :

1 Những nội dung trong luận văn này là do em thực hiện dưới

sự hướng dẫn trực tiếp của thầy PGS.TS Phan Huy Khánh

2 Mọi tham khảo dùng trong luận văn đều được trích dẫn rõ ràng

tên tác giả, tên công trình, thời gian, địa điểm công bố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian

trá, em xin chịu hoàn toàn trách nhiệm.

Sinh viên thực hiện

Lê Văn Dũng

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Đà Nẵng, ngày tháng năm 2020

GVHD

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

Đà Nẵng, ngày tháng năm 2020

HĐPB

SVTH: Lê Văn Dũng Báo cáo đồ án tốt nghiệp

1

MỤC LỤC

LỜI CẢM ƠN 1

LỜI CAM ĐOAN 2

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 3

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN 4

CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 3

I TÊN ĐỀ TÀI 3

II LÝ DO CHỌN ĐỀ TÀI 3

III MỤC TIÊU VÀ PHẠM VI ĐỀ TÀI 3

1 Đặt vấn đề 3

2 Giải quyết vấn đề 4

3 Mục tiêu đề tài 4

4 Phạm vi đề tài 5

IV PHƯƠNG PHÁP NGHIÊN CỨU VÀ GIẢI PHÁP CÔNG NGHỆ 5

1 Phương pháp nghiên cứu 5

2 Giải pháp công nghệ 5

V NỘI DUNG NGHIÊN CỨU 6

VI KẾT QUẢ DỰ KIẾN 7

VII KẾ HOẠCH THỰC HIỆN 7

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 8

I NGÔN NGỮ LẬP TRÌNH PHP 8

1 PHP là gì? 8

2 Lịch sử phát triển 8

II LARAVEL FRAMEWORK 9

1 Giới thiệu laravel 9

2 Tổng quan về laravel 10

III TỔNG QUAN VỀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 11

IV MÔ HÌNH LARAVEL MVC ( Model – View – Controller) 12

V BOOTSTRAP VÀ RESPONSIVE 13

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 14

I SƠ ĐỒ USE CASE 14

II ĐẶC TẢ USE CASE 14

III SƠ ĐỒ ERD 30

IV SƠ ĐỒ CLASS 31

SVTH: Lê Văn Dũng Báo cáo đồ án tốt nghiệp

2

CHƯƠNG 4: THIẾT KẾ CƠ SỞ DỮ LIỆU 33

I BẢNG DỮ LIỆU 33

II SƠ ĐỒ QUAN HỆ 41

CHƯƠNG 5: XÂY DỰNG CHƯƠNG TRÌNH 42

1 Giao diện trang chủ 42

2. Giao diện đăng kí thành viên 43

3. Giao diện đăng nhập 43

4. Giao diện Email đã xác nhận đăng ký tài khoản 44

5. Giao diện nhập mã xác nhận tài khoản 44

6. Giao diện chi tiết sản phẩm 45

7. Giao diện bình luận Facebook 45

8. Giao diện trang tìm kiếm sản phẩm 46

9. Giao diện giỏ hàng 46

10. Giao diện trang thanh toán 47

11. Giao diện xác nhận đơn đặt hàng 48

12. Giao diện theo dõi đơn hàng cá nhân 49

13. Giao diện chi tiết đơn đặt hàng 49

14. Giao diện theo dõi trạng thái đơn đặt hàng 50

15. Giao diện gửi Mail đơn đặt hàng 50

16. Giao diện gửi Mail thông báo đơn hàng mới 51

17. Giao diện trang quản trị Admin 51

18. Giao diện trang quản lý người dùng 52

19. Giao diện trang quản lý sản phẩm 52

20. Giao diện trang quản lý đơn hàng 53

21. Giao diện in hóa đơn bán hàng 54

KẾT LUẬN 55

I ƯU ĐIỂM CỦA ĐỀ TÀI 55

1 Ưu điểm 55

II HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI 56

TÀI LIỆU THAM KHẢO 58

CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI

Với việc các cửa hàng mọc lên như vậy thì sự cạnh cạnh là không thể tránhkhỏi Mỗi cửa hàng đều xây dựng cho mình các chính sách riêng về sản phẩm,chính sách thu hút và giữ chân khách hàng Để thực hiện được tốt các điều đóthì việc xây dựng một trang web sẽ đảm bảo được quản lý hiệu quả cũng nhưđưa ra các dịch vụ chăm sóc thuận tiện và tốt nhất cho khách hàng Do đó em

đã thực hiện đề tài: Xây dựng Website bán mỹ phẩm cho shop mỹ phẩm ROSECosmetics với mục đích xây dựng một hệ thống bán hàng qua mạng uy tín,đơn giản, thân thiện, tiện ích, đem lại cho khách hàng những lựa chọn tốt nhấtkhi mua hàng và cung cấp các dịch vụ từ Website

III MỤC TIÊU VÀ PHẠM VI ĐỀ TÀI

1 Đặt vấn đề

Việc bán hàng trực tiếp tại cửa hàng theo hình thức truyền thống gây tốn kémnhiều chi phí cho quảng cáo, xây dựng thương hiệu nhưng đạt hiệu quả khôngcao Thời gian bán hàng cố định, bị hạn chế về mặt thời gian, do đó gây khókhăn cho khách hàng khi muốn đến mua sản phẩm Với sự canh tranh gay gắtgiữa các thương hiệu thì việc đưa ra một trang web có thể giải quyết tối ưunhững vấn đề trên

Trong thời đại 4.0 hiện nay, thì sự hiện diện của một trang web giúp cửa hàngquảng bá sản phẩm nhanh chóng, rộng khắp đến người tiêu dùng, đặc biệt làcác

khách hàng tiềm năng, thu hút khách hàng làm tăng lợi nhuận đáng kể mà chiphí tối ưu.

- Bán hàng mọi lúc, mọi nơi Website hoạt động 24/24, luôn luôn online, vìthế bất cứ khi nào khách hàng truy cập vào website đều có thể xem thôngtin sản phẩm và đặt mua hàng

- Dễ dàng hỗ trợ, tư vấn cho khách hàng Thay vì mỗi nhân viên tư vấn chomỗi khách hàng thì sử dụng web chỉ cần 1 nhân viên có thể hỗ trợ và tư vấncho nhiều khách hàng cùng một lúc

- Giúp dễ dàng quản lý công việc, quản lý sản phẩm cũng như quản lý dữliệu khách hàng Từ đó tiết kiệm được thời gian, chi phí hơn cho cửa hàng

- Cho phép chủ cửa hàng có thể thêm, chỉnh sửa các sản phẩm,

thương hiệu, danh mục sản phẩm

- Cho phép chủ cửa hàng có thể thống kê doanh thu đơn giản, nhanh chóng

và tiện lợi hơn.

- Cho phép khách hàng đăng ký thành viên và đảm bảo bí mật thông tinkhách hàng

- Thêm thông tin người nhận hàng trong phần đặt hàng giúp người dùng cóthể đặt hàng làm quà tặng hoặc biếu gửi

- Nghiên cứu, áp dụng công nghệ Laravel vào ứng dụng giúp tăng tốc độcũng như giới hạn truy cập

4 Phạm vi đề tài

Về lý thuyết: Tìm hiểu quy trình mua – bán thực tế ở các cửa hàng mỹ

phẩm Lưu ý những khó khăn, hạn chế của việc mua – bán thủ công và mua –bán trực tuyến Thống kê các mặt hàng đang có trong cửa hàng Tập trungnghiên cứu các công nghệ mới nhằm giải quyết vấn đề một cách tốt nhất cóthể

Về ứng dụng: Xây dựng các chức năng cơ bản cần thiết cho một website

thương mại điện tử bán mỹ phẩm kết hợp phát triển thêm các chức năng màcác website bán mỹ phẩm hiện nay đang còn thiếu hoặc đã có nhưng chưahoàn thiện

IV PHƯƠNG PHÁP NGHIÊN CỨU VÀ GIẢI PHÁP CÔNG NGHỆ

1 Phương pháp nghiên cứu

Về lý thuyết:

- Phỏng vấn trực tiếp người dùng đã và đang sử dụng sản phẩm

- Thu thập thông tin bán hàng của shop từ đó phân tích nhu cầu ngườidùng

- Thu thập thông tin từ các văn bản biểu mẫu gửi đến người dùng

- Tìm hiểu từ các trang web bán hàng tương tự trên internet

- Thiết kế Frontend: HTML, CSS, JAVASCRIPT, BOOTSTRAP.

- Sử dụng XAMPP để hỗ trợ giả lập web server trên windows

- Sử dụng hệ quản trị cơ sở dữ liệu: MySQL

- Sử dụng StarUML để hỗ trợ phân tích, thiết kế hệ thống

V NỘI DUNG NGHIÊN CỨU

Về lý thuyết :

- Nghiên cứu lý thuyết về hệ quản trị cơ sở dữ liệu MySQL, về các ngônngữ lập trình như: HTML, CSS, JAVASCRIPT, BOOTSTRAP, PHPLARAVELFramework để áp dụng sử dụng cho:

+ Xây dựng cơ sở dữ liệu

+ Xây dựng các trang giao diện website

+ Xây dựng các chức năng của website (cho phép người mua đặthàng, xem giỏ hàng, thanh toán, người bán có thể xem đơn hàng, quảnlý,cập nhật thông tin)

Về thực tiễn :

- Xây dựng website gồm các tác nhân và các chức năng tương ứng sau:

❖ Khách hàng

➢ Đăng nhập tài khoản

➢ Đăng ký tài khoản

➢ Tìm kiếm sản phẩm (theo tên, theo hãng, theo danh mục)

➢ Xem thông tin sản phẩm (Giá cả, hình ảnh, chi tiết)

➢ Quản lý sản phẩm(thêm, chỉnh sửa sản phẩm)

➢ Quản lý danh mục sản phẩm (thêm, chỉnh sửa danh mục)

➢ Quản lý thương hiệu sản phẩm (thêm, chỉnh sửa thương hiệu)

➢ Quản lý khuyến mãi (thêm mã khuyến mãi, xóa mã khuyến mãi)

➢ Quản lý phí ship (thêm, cập nhật phí ship)

➢ Quản lý đơn hàng (xem đơn hàng, xác nhận và xử lý đơn hàng)

➢ Quản lý slider (thêm slider, xóa slider)

➢ Quản lý doanh thu(doanh thu theo tháng, quý, năm)

VI KẾT QUẢ DỰ KIẾN

Xây dựng được website bán mỹ phẩm với các chức năng:

❖ Quản trị:

➢ Đăng nhập

➢ Quản lý thông tin người dùng (thêm, sửa, cập nhật trạng thái người dùng)

➢ Phân quyền người dùng

➢ Quản lý sản phẩm (thêm, chỉnh sửa sản phẩm)

➢ Quản lý danh mục sản phẩm (thêm, chỉnh sửa danh mục)

➢ Quản lý thương hiệu sản phẩm (thêm, chỉnh sửa thương hiệu)

➢ Quản lý slider (thêm slider, xóa slider)

➢ Quản lý mã giảm giá (thêm mã giảm giá, xóa mã giảm giá)

➢ Quản lý phí ship hàng (thêm, cập nhật phí ship)

➢ Quản lý đơn hàng(xem đơn hàng, xác nhận và xử lý đơn hàng)

❖ Khách hàng:

➢ Đăng nhập tài khoản

➢ Đăng ký tài khoản

➢ Tìm kiếm sản phẩm (theo tên, theo hãng, theo danh mục)

➢ Xem thông tin sản phẩm (Giá cả, hình ảnh, chi tiết)

STT Nội dung công việc Dự kiến

thời gian

Ghi chú

1 Tìm hiểu, khảo sát quy trình nghiệp vụ thực tế

của Shop và Báo cáo đề cương, Chọn đề tài

3 tuẩn

2 Phân tích chức năng, thiết lập hệ thống 4 Tuần

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quảntrị cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL và hệ điều hànhLinux (LAMP)

2 Lịch sử phát triển

PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/FI doRasmus Lerdorf tạo ra năm 1994, ban đầu được xem như là một tập con đơngiản của các mã kịch bản Perl để theo dõi tình hình truy cập đến bản sơ yếu lýlịch của ông trên mạng Ông đã đặt tên cho bộ mã kịch bản này là 'PersonalHome Page Tools' Khi cần đến các chức năng rộng hơn, Rasmus đã viết ramột bộ thực thi bằng C lớn hơn để có thể truy vấn tới các cơ sở dữ liệu vàgiúp cho người sử

dụng phát triển các ứng dụng web đơn giản Rasmus đã quyết định công bố mã

nguồn của PHP/FI cho mọi người xem, sử dụng cũng như sửa các lỗi có trong

nó đồng thời cải tiến mã nguồn

PHP/FI, viết tắt từ "Personal Home Page/Forms Interpreter", bao gồm một

số các chức năng cơ bản cho PHP như ta đã biết đến chúng ngày nay Nó cócác biến kiểu như Perl, thông dịch tự động các biến của form và cú phápHTML nhúng Cú pháp này giống như của Perl, mặc dù hạn chế hơn nhiều,đơn giản và có phần thiếu nhất quán

Vào năm 1997, PHP/FI 2.0, lần viết lại thứ hai của phiên bản C, đã thu hútđược hàng ngàn người sử dụng trên toàn thế giới với xấp xỉ 50.000 tên miền

đã được ghi nhận là có cài đặt nó, chiếm khoảng 1% số tên miền có trên mạngInternet Tuy đã có tới hàng nghìn người tham gia đóng góp vào việc tu chỉnh

mã nguồn của dự án này thì vào thời đó nó vẫn chủ yếu chỉ là dự án của mộtngười

PHP/FI 2.0 được chính thức công bố vào tháng 11 năm 1997, sau một thờigian khá dài chỉ được công bố dưới dạng các bản beta Nhưng không lâu sau

đó, nó đã được thay thế bởi các bản alpha đầu tiên của PHP 3.0 Lịch sử phiênbản PHP:

1 Giới thiệu laravel

Laravel là 1 open source, là một framework dùng để xây dựng webapplication, được thiết kế dựa trên mô hình MVC (Model, Controller, View),toàn bộ source code được đặt trên github Theo kết qủa khảo sát của cácDeveloper vào tháng 12 năm 2013, thì Laravel Framework đứng top 1 mộttrong những framework phổ biến nhất, tiếp sau là Phalcon, Symfony2,CodeIgniter và các framework khác Tháng 8 năm 2014, Laravel Frameworkđược xem như là một dự án PHP phổ biến nhất trên Github

Laravel hiện đang là framework tốt nhất, đứng TOP 1 trong 3 năm liềntrên bảng xếp hạng các Framework tốt nhất.

2 Tổng quan về laravel

Bundles : Ở laravel phiên bản 3.x, cung cấp một hệ thống đóng gói các

module, với rất nhiều tính năng đi kèm

Composer : Ở laravel phiên bản 4.x, được sử dụng như một công cụ quản

lý với tính năng như thêm các gói cài đặt, các chức năng PHP phụ trợ choLaravel có trong kho Packagist

Eloquent ORM (object relation mapping) : ánh xạ các đối tượng và

quan hệ cơ sở dữ liệu, cung cấp các phương thức nội bộ để thực thi đồng thờicũng bổ sung các tính năng hạn chế về mối quan hệ giữa các đối tượng cơ sở

dữ liệu Eloquent ORM trình bày các bảng trong cơ sở dữ liệu dưới dạng cáclớp, cung cấp thêm lựa chọn truy cập cơ sở dữ liệu trực tiếp mới mẻ hơn,chuyên nghiệp hơn

Application logic : Là một phần của phát triển ứng dụng, được sử dụng

bởi bộ điều khiển controllers

Routes : Định nghĩa mối quan hệ giữa các đường dẫn (url), các liên kết

(link) Khi một liên kết được tạo ra bằng cách sử dụng tên của routes, thì mộtđịnh danh liên kết thống nhất sẽ được tạo ra bởi laravel

Restful Controller : cung cấp các tùy chọn để tách các logic phía sau các

request HTTP POST, GET

Class auto loading : cung cấp việc tải tự động các class trong PHP, mà

không cần include các class vào Tùy thuộc vào yêu cầu các class cần thiết sẽđược nạp vào, hạn chế các class không cần thiết

View : chưa các mã html, hiển thị dữ liệu được chỉ định bởi controller Migrations : cung cấp một hệ thống kiểm soát các phiên bản lược đồ cơ

sở dữ liệu (database cheme), làm cho web ứng dụng có khả năng tương tácphù hợp những thay đổi logic, các đoạn mã code của ứng dụng và nhữngthay đổi cần thiết trong việc bố trí cơ sở dữ liệu, triển khai nới lỏng và cậpnhật các ứng dụng

SVTH: Lê Văn Dũng Báo cáo đồ án tốt nghiệp

Unit Testing : đóng một vai trò quan trọng trong Laravel, Unit

testting chứa rất nhiều các hệ thống unit testing, giúp phát hiện và ngănchặn lỗi trong khuôn khổ nhất định Unit Testing có thể được chạy thông quatiện ích command-line

Automatic pagination : Tính năng tự động phân trang được tích hợp

vào Laravel giúp đơn giản hóa các nhiệm vụ thực hiện phân trang so với cácphương pháp thông thường

III TỔNG QUAN VỀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới

và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng

Vì MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khảchuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm

SVTH: Lê Văn Dũng Báo cáo đồ án tốt nghiệp

tiện ích rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp chocác

SVTH: Lê Văn Dũng Báo cáo đồ án tốt nghiệp

14

ứng dụng có truy cập CSDL trên internet MySQL miễn phí hoàn toàn cho nênbạn có thể tải về MySQL từ trang chủ Nó có nhiều phiên bản cho các hệ điềuhành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows,Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix,Solaris, SunOS,…

MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệuquan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)

IV MÔ HÌNH LARAVEL MVC ( Model – View – Controller)

Mô hình MVC (model, controller, view) là mô hình chuẩn cho ứng dụng

web được sử dụng nhiều nhất ngày nay

Mô hình MVC là viết tắt của 3 chữ Model, View, Controller Mô hình

này tách một ứng dụng web ra làm 3 thành phần đảm nhiệm chức năng táchbiệt, thuận tiện cho việc xử lý và bảo trì

Model : Chịu trách nhiệm quản lý dữ liệu, nó lưu trữ và truy xuất các thực

thể từ cơ sở dữ liệu như mysql, sql server, postresSQL,… đồng thời chưa cáclogic được thực thi bởi ứng dụng

View : Chịu trách nhiệm hiển thị dữ liệu đã được truy xuất từ model theo

một format nào đó theo ý đồ của lập trình viên Cách sử dụng của View tương

tự như các module templates thường thấy trong các ứng dụng web phổ biếnnhư WordPress, Joomla,…

Controller : trung gian, làm nhiệm vụ xử lý cho model và view tương tác

với nhau Controller nhận request từ client, sau đó gọi các model để thực hiệncác hoạt động được yêu cầu và gửi ra ngoài View View sẽ chịu trách nhiệmformat lại data từ controller gửi ra và trình bày dữ liệu theo 1 định dạng đầu ra(html)

V BOOTSTRAP VÀ RESPONSIVE

Bootstrap là front-end framework, là một bộ sưu tập miễn phí các công cụ

để tạo ra các trang web và các ứng dụng web Bootstrap bao gồm HTML vàCSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các button và cácthành phần giao diện khác, cũng như mở rộng tùy chọn JavaScript Boostrapđịnh nghĩa sẵn các class CSS giúp người thiết kế giao diện website tiết kiệmrất nhiều thời gian Các thư viện Bootstrap có những đoạn mã sẵn sàng chochúng ta áp dùng vào website của mình mà không phải tốn quá nhiều thời gian

để tự viết Với Bootstrap, việc phát triển giao diện website để phù hợp với đathiết bị trở nên dễ dàng hơn bao giờ hết Bootstrap cung cấp tính năngresponsive và mobile first, nghĩa là làm cho trang web có thể tự co giãn đểtương thích với mọi thiết bị khác nhau, từ điện thoại di động đến máy tínhbảng, máy tính xách tay, máy tính để bàn, Một khía cạnh khác là responsiveweb design làm cho trang web cung cấp được trải nghiệm tuyệt vời cho ngườidùng trên nhiều thiết bị, kích thước màn hình khác nhau Một trang có thể hoạtđộng tốt bất kể sự biến đổi sẽ cung cấp một trải nghiệm người dùng tốt và nhấtquán hơn một trang được thiết kế cho một loại thiết bị và kích thước màn hình

cụ thể

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG

I SƠ ĐỒ USE CASE

II ĐẶC TẢ USE CASE

Use case đăng nhập

o Bước 1: Người dùng nhập email và mật khẩu đăng nhập

o Bước 2: Người dùng nhấn vào nút đăng nhập

o Bước 3: Hệ thống kiểm tra dữ liệu người dùng vừa nhập vào.Nếu thành công hệ thống sẽ chuyển đến trang làm việc tiếp theo.Ngược lại hệ thống gửi một thông báo đến người dùng.

- Đầu ra: Đăng nhập thành công hoặc thất bại

- Ghi chú:

- Phác thảo giao diện:

Use case Đăng ký

o Bước 2: Người dùng nhấn vào nút đăng ký

o Bước 3: Hệ thống kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưađúng hệ thống sẽ hiển thị thông báo tương ứng và hướng dẫn làm lại.Nếu đúng, dữ liệu sẽ được lưu vào CSDL và thông báo tạo tài khoảnthành công đồng thời điều hướng về trang chủ của website và vào thẳngtài khoản vừa đăng ký.

- Đầu ra: Đăng ký tài khoản thành công hoặc thất bại

- Ghi chú:

- Phác thảo giao diện:

Use case Đăng xuất

o Bước 2: Hệ thống đăng xuất, xóa lịch sử của phiên làm việc và chuyển người dùng trở lại trang chủ hệ thống.

- Đầu ra: Đăng Xuất thành công

- Ghi chú:

Use case Quản lý người dùng

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: khóa hoặc

kích hoạt tài khoản người dùng, chỉnh sửa thông tin người dùng và

Khóa hoặc kích hoạt tài khoản:

o Bước 1: Hệ thống hiển thị tất cả khách hàng có trong CSDL

o Bước 2: Người quản trị tìm kiếm một tài khoản khách hàng muốn khóa hoặc kích hoạt tài khoản

o Bước 3: Người quản trị nhấp vào biểu tượng bàn tay để khóa hoặc kích hoạt tài khoản khách hàng đã chọn

o Bước 4: Hệ thống gửi thông báo khóa hoặc kích hoạt tài khoản thànhcông

Chỉnh sửa thông tin người dùng:

o Bước 1: Hệ thống hiển thị tất cả khách hàng có trong CSDL

o Bước 2: Người quản trị tìm kiếm một tài khoản khách hàng muốn chỉnh sửa

o Bước 3: Người quản trị nhấp vào biểu tượng Chỉnh Sửa tài khoản khách hàng đã chọn

o Bước 4: Người quản trị thực hiện chỉnh sửa các thông tin người dùng cần thiết

o Bước 5: Người quản trị nhấn nút Cập Nhật, hệ thống tiến hành cập nhậtcác thông tin của khách hàng vào CSDL và thông báo “Cập nhật thànhcông”.

Thêm người dùng:

o Bước 1: Hệ thống hiển thị trang thêm mới tài khoản

o Bước 2: Người quản trị điền các thông tin theo yêu cầu và nhấn nút Thêm

o Bước 3: Hệ thống kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưađúng hệ thống sẽ hiển thị thông báo tương ứng và hướng dẫn làm lại.Nếu đúng, dữ liệu sẽ được lưu vào CSDL và thông báo tạo tài khoảnthành công

- Đầu ra: khóa hoặc kích hoạt tài khoản người dùng, chỉnh sửa thông tin người dùng và thêm người dùng thành công hoặc thất bại

- Ghi chú:

- Phác thảo giao diện:

Use case Quản lý sản phẩm

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Thêm mới,Cập nhật sản phẩm

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quản trị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website, Người quản trị chọn mục “Quản lý sản phẩm” Người quản trị có thể:

Thêm mới sản phẩm:

o Bước 1: Người quản trị nhấn vào mục “Thêm sản phẩm” trong danhmục quản lý sản phẩm Người quản trị lần lượt điền vào các trườngthông tin yêu cầu

o Bước 2: Người quản trị nhấn nút “Thêm” để kết thúc Hệ thống sẽ kiểmtra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thịthông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được đưa vàoCSDL đồng thời thông báo thêm sản phẩm thành công

Cập nhật sản phẩm:

o Bước 1: Người quản trị vào mục liệt kê sản phẩm, tìm sản phẩm cần cậpnhật và chọn biểu tượng chỉnh sửa Trang chỉnh sửa thông tin sản phẩmhiện lên và tiến hành cập nhật các thông tin cần thiết

o Bước 2: Người quản trị nhấn nút cập nhật để kết thúc Hệ thống sẽ kiểmtra tính hợp lệ của dữ liệu Nếu chưa đúng hệ thống sẽ giữ nguyên dữliệu ban đầu và hiển thị thông báo “cập nhật không thành công” Nếuđúng, hệ thống sẽ lưu các dữ liệu vào CSDL đồng thời tải vào mục liệt

kê sản phẩm và thông báo “cập nhật sản phẩm thành công”

- Phác thảo giao diện:

Use case quản lý danh mục sản phẩm

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Thêm mới,Cập nhật danh mục sản phẩm

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quảntrị trước đó.

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website,Người quản trị chọn mục “Quản lý danh mục sản phẩm” Ngườiquản trị có thể:

Thêm mới danh mục sản phẩm:

o Bước 1: Người quản trị nhấn vào mục “Thêm danh mục” trong danhmục quản lý danh mục sản phẩm Người quản trị lần lượt điền vào cáctrường thông tin yêu cầu

o Bước 2: Người quản trị nhấn nút “Thêm” để kết thúc Hệ thống sẽ kiểmtra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thịthông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được đưa vàoCSDL đồng thời thông báo thêm danh mục sản phẩm thành công

Cập nhật danh mục sản phẩm:

o Bước 1: Người quản trị vào mục liệt kê danh mục sản phẩm, tìm danhmục sản phẩm cần cập nhật và chọn biểu tượng chỉnh sửa Trang chỉnhsửa thông tin danh mục sản phẩm hiện lên và tiến hành cập nhật cácthông tin cần thiết

o Bước 2: Người quản trị nhấn nút Cập nhật để kết thúc Hệ thống sẽkiểm tra tính hợp lệ của dữ liệu Nếu chưa đúng hệ thống sẽ giữ nguyên

dữ liệu ban đầu và hiển thị thông báo “cập nhật danh mục sản phẩmkhông thành công” Nếu đúng, hệ thống sẽ lưu các dữ liệu vào CSDLđồng thời tải vào mục liệt kê danh mục sản phẩm và thông báo “cập nhậtdanh mục sản phẩm thành công”

- Phác thảo giao diện:

Use case quản lý thương hiệu sản phẩm

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Thêm mới,Cập nhật thương hiệu sản phẩm

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quảntrị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website,Người quản trị chọn mục “Quản lý thương hiệu sản phẩm” Ngườiquản trị có thể:

Thêm mới thương hiệu sản phẩm:

o Bước 1: Người quản trị nhấn vào mục “Thêm thương hiệu” trong danhmục quản lý thương hiệu sản phẩm Người quản trị lần lượt điền vào cáctrường thông tin yêu cầu

o Bước 2: Người quản trị nhấn nút “Thêm” để kết thúc Hệ thống sẽ kiểmtra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thịthông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được đưa vàoCSDL đồng thời thông báo thêm thương hiệu sản phẩm thành công

Cập nhật thương hiệu sản phẩm:

o Bước 1: Người quản trị vào mục liệt kê thương hiệu sản phẩm, tìmthương hiệu sản phẩm cần cập nhật và chọn biểu tượng chỉnh sửa Trangchỉnh sửa thông tin thương hiệu sản phẩm hiện lên và tiến hành cập nhậtcác thông tin cần thiết

o Bước 2: Người quản trị nhấn nút Cập nhật để kết thúc Hệ thống sẽkiểm tra tính hợp lệ của dữ liệu Nếu chưa đúng hệ thống sẽ giữ nguyên

dữ liệu ban đầu và hiển thị thông báo “cập nhật thương hiệu sản phẩmkhông thành công” Nếu đúng, hệ thống sẽ lưu các dữ liệu vào CSDLđồng thời tải vào mục liệt kê thương hiệu sản phẩm và thông báo “cậpnhật thương hiệu sản phẩm thành công”

- Phác thảo giao diện:

Use case quản lý slider

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Xóa, Thêm mới slider

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quản trị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website, Người quản trị chọn mục “Quản lý slider” Người quản trị có thể:

Thêm mới slider:

o Bước 1: Người quản trị nhấn vào mục “Thêm slider” trong danh mụcquản lý slider Người quản trị lần lượt điền vào các trường thông tin yêucầu

o Bước 2: Người quản trị nhấn nút “Thêm slider” để kết thúc Hệ thống sẽkiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽhiển thị thông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được đưavào CSDL đồng thời thông báo thêm slider thành công

Cập nhật trạng thái slider:

o Bước 1: Người quản trị vào mục liệt kê slider, tìm slider cần cập nhật

o Bước 2: Người quản trị nhấn vào biểu tượng Bàn Tay trên trang liệt kêslider để cập nhật trạng thái kích hoạt hoặc khóa slider.

o Bước 3: Hệ thống thông báo kích hoạt hoặc khóa slider thành công.

- Đầu ra: Thực hiện quản lý slider thành công hay thất bại

- Ghi chú:

o Bắt buộc phải có thông báo khi người quản trị chọn xóa

o Tất cả các trường thông tin không được bỏ trống

- Phác thảo giao diện:

Use case quản lý đơn hàng

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Cập nhậttrạng thái và xác nhận đơn hàng

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quảntrị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website,Người quản trị chọn mục “Quản lý đơn hàng” trong danh mục đơnhàng Người quản trị có thể:

Cập nhật trạng thái và xác nhận đơn hàng:

o Bước 1: Người quản trị nhấn vào mục “Quản lý đơn hàng” trong danhmục Đơn hàng Trang quản lý đơn hàng hiện ra, người quản trị chọn vàobiểu tượng con mắt ở đơn hàng cần cập nhật trạng thái và xác nhận đơnhàng.

o Bước 2: Trang chi tiết đơn hàng hiện ra, người quản trị kéo xuống liệt kêchi tiết đơn hàng Tìm và chọn trạng thái cần cập nhật và xác nhận đơnhàng

o Bước 3: Hộp thoại thông báo cập nhật đơn hàng thành công, người quảntrị chọn OK để kết thúc và trở lại trang chi tiết đơn hàng

- Phác thảo giao diện:

Use case quản lý mã giảm giá

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Xóa, thêm mới mã giảm giá

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quản trị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website, Người quản trị chọn mục “Mã giảm giá” Người quản trị có thể:

Thêm mới mã giảm giá:

o Bước 1: Người quản trị nhấn vào mục “Thêm mã giảm giá” trong danhmục mã giảm giá Người quản trị lần lượt điền vào các trường thông tinyêu cầu

o Bước 2: Người quản trị nhấn nút “Thêm mã giảm giá” để kết thúc Hệthống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ

thống sẽ hiển thị thông báo và hướng dẫn nhập lại Nếu đúng, dữ liệuđược đưa vào CSDL đồng thời thông báo thêm mã giảm giá thành công.

Xóa mã giảm giá:

o Bước 1: Người quản trị vào mục liệt kê mã giảm giá, tìm mã giảm giácần Xóa và chọn biểu tượng Xóa Hộp thoại xác nhận xóa mã giảm giáhiện lên

o Bước 2: Nếu người quản trị tiếp tục nhấn nút Có thì hệ thống tiến hànhxóa bỏ hoàn toàn các thông tin của Mã Giảm Giá bị xóa ra khỏi CSDL

và thông báo “Xóa mã giảm giá thành công Nếu Người quản trị khôngmuốn xóa Mã Giảm Giá thì chọn “Không”: Hệ thống sẽ không thực hiệnviệc xóa và trở mục Liệt kê Mã giảm giá

- Đầu ra: Thực hiện quản lý mã giảm giá thành công hay thất bại

- Ghi chú:

o Bắt buộc phải có thông báo khi người quản trị chọn xóa

o Tất cả các trường thông tin không được bỏ trống

- Phác thảo giao diện:

Use case quản lý phí vận chuyển

- Tác nhân: Người dùng là quản trị viên

- Chức năng: Quản trị viên có thể thực hiện các chức năng: Thêm mới phí vận chuyển, cập nhật giá phí vận chuyển

- Đầu vào: Người dùng là quản trị viên đã đăng nhập vào trang quản trị trước đó

- Xử lý: Sau khi đăng nhập thành công vào trang quản trị của website, Người quản trị chọn mục “Phí vận chuyển” Người quản trị có thể: