Bác cáo đồ án xây dựng website quả lý cửa hàng nước hoa

Báo cáo đồ án xây dựng website quản lý cửa hàng nước hoa. Phân tích và thiết kế các chức năng cho website, trình bày sơ đồ mô hình hoá đối tượng như: Sơ đồ phân rã chức năng, sơ đồ use – case và sơ đồ tuần tự. Phân tích mối quan hệ giữa các thực thể và thiết kế CSDL vậy lý.

ĐỒ ÁN TỐT NGHIỆP

Đề Tài:

XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG BÁN

NƯỚC HOA GUHA

Giảng viên hướng dẫn : TS.GVC Cao Thị Luyên

Sinh viên thực hiện : Đặng Hữu Thịnh

Hà Nội – 2023

TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI

KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN TỐT NGHIỆP

Đề Tài:

XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG BÁN

NƯỚC HOA GUHA

Giảng viên hướng dẫn : TS.GVC Cao Thị Luyên

Sinh viên thực hiện : Đặng Hữu Thịnh

Hà Nội – 2023

Tuy có nhiều cố gắng trong quá trình học tập, cũng như trong quá trình làm đồ

án tốt nghiệp nhưng không thể tránh khỏi những sai sót, em rất mong được sự góp ý quý báu của tất cả thầy cô cũng như các bạn để kết quả của em được hoàn thiện nhất

Em xin kính chúc các thầy cô và nhà trường luôn luôn mạnh khỏe Kính chúc cho chặng đường lái đò của thầy cô được thuận buồm xuôi gió!

Em xin chân thành cảm ơn!

Hà Nội, ngày tháng năm

Sinh viên thực hiện

Đặng Hữu Thịnh

MỤC LỤC

LỜI CẢM ƠN 1

MỤC LỤC 2

DANH MỤC CÁC TỪ VIẾT TẮT 5

DANH MỤC BẢNG BIỂU 6

DANH MỤC HÌNH ẢNH 7

MỞ ĐẦU 9

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

1.1 Mô tả bài toán 10

1.1.1 Khái quát về hệ thống 10

1.1.2 Mục tiêu 10

1.1.3 Phạm vi đồ án 10

1.2 Quan sát một số website Nước Hoa 11

1.3 Khảo sát nghiệp vụ 13

1.3.1 Quá trình nhập hàng 13

1.3.2 Quá trình bán hàng 13

1.3.3 Các đối tượng sử dụng 14

1.3.4 Ưu nhược điểm của hệ thống 14

1.4 Sơ lược về công nghệ sử dụng 15

1.4.1 HTML 15

1.4.2 CSS 15

1.4.3 Javascript 16

1.4.4 Jquery 16

1.4.5 PHP 17

1.4.6 MySQL 18

1.5 Công cụ sửa dụng: 19

1.5.1 Visual studio code 19

1.5.2 Xampp 20

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

2.1.1 Phân tích nghiệp vụ 21

2.1.2 Biểu đồ phân cấp chức năng 22

2.1.3 Biểu đồ Use – Case 24

2.1.4 Biểu đồ tuần tự 28

2.2 Phân tích và thiết kế CSDL 31

2.2.1 Các thực thể và quan hệ giữa các thực thể 31

2.2.2 Thiết kế CSDL vật lý 33

2.3 Gợi ý sản phẩm liên quan sử dụng kỹ thuật lọc cộng tác 40

2.3.1 Khái niệm lọc cộng tác 40

2.3.2 Vai trò của lọc cộng tác trong website bán hàng 40

2.3.3 Áp dụng độ tương đồng Cosin trong lọc cộng tác 40

2.3.4 Tích hợp lọc cộng tác vào hệ thống 41

CHƯƠNG 3 CÀI ĐẶT VÀ THỬ NGHIỆM 42

3.1 Giao diện phía khách hàng 42

3.1.1 Giao diện chính 42

3.1.2 Giao diện cửa hàng sản phẩm 43

3.1.3 Giao diện xem sản phẩm 44

3.1.4 Giao diện đăng nhập 44

3.1.5 Giao diện trang giỏ hàng 45

3.1.6 Giao diện trang thanh toán 45

3.1.6 Giao diện trang tài khoản 47

3.2 Giao diện phía người quản lý 49

3.2.1 Giao diện đăng nhập 49

3.2.2 Giao diện chính 49

3.2.3 Giao diện quản lý đơn hàng 50

3.2.4 Giao diện quản lý sản phẩm 52

3.2.5 Giao diện quản lý danh mục sản phẩm 53

3.2.6 Giao diện quản lý thương hiệu 53

3.2.7 Giao diện quản lý tài khoản 53

3.2.8 Giao diện quản lý bài viết 54

3.2.9 Giao diện quản lý phiếu nhập kho 55

3.2.10 Giao diện thống kê 56

KẾT LUẬN 57

DANH MỤC TÀI LIỆU THAM KHẢO 59

DANH MỤC CÁC TỪ VIẾT TẮT

ST

T

Viết tắt Ý nghĩa

1 HTML Hypertext Markup Language

2 CSS Cascading Style Sheets

3 IDE Integrated Development Environment

4 VS Code Visual Studio Code

5 CSDL Cơ sở dữ liệu

6 NK Nhập kho

DANH MỤC BẢNG BIỂU

Bảng 2.1: Danh sách các actor 24

Bảng 2.2: Danh sách các Use - Case 24

Bảng 2.3: Bảng brand 33

Bảng 2.4: Bảng category 33

Bảng 2.5: Bảng account 33

Bảng 2.6: Bảng capacity 34

Bảng 2.7: Bảng product 34

Bảng 2.8: Bảng customer 35

Bảng 2.9: Bảng article 35

Bảng 2.10: Bảng orders 36

Bảng 2.11: Bảng order_detail 36

Bảng 2.12: Bảng inventory 37

Bảng 2.13: Bảng chi tiết nhập kho 37

Bảng 2.14: Bảng delivery 38

Bảng 2.15: Bảng metrics 38

DANH MỤC HÌNH ẢN

Hình 1.1: Website nuochoaphap.com 11

Hình 1.2: Website bán nước hoa nuochoarosa.com 11

Hình 1.3: Website bán nước hoa parfumerie.vn 12

Y Hình 2.1: Biểu đồ phân cấp chức năng 23

Hình 2.2: Use – case tổng quát 25

Hình 2.3: Use – Case Đăng nhập, Đăng ký 26

Hình 2.4: Use – Case mua sản phẩm 26

Hình 2.5: Use – Case quản lý sản phẩm 27

Hình 2.6: Use – Case Xử lý đơn hàng 27

Hình 2.7: Biểu đồ tuần tự cho chức năng đăng nhập 28

Hình 2.8: Biểu đồ tuần tự cho chức năng tìm kiếm sản phẩm 29

Hình 2.9: Biểu đồ tuần tự cho chức năng tìm kiếm sản phẩm 29

Hình 2.10: Biểu đồ tuần tự cho chức năng thống kế bán hàng 30

Hình 2.11: Biểu đồ tuần tự cho chức năng quản lý mua hàng 30

Hình 2.12: Mối quan hệ giữa Sản phẩm và Thương hiệu 31

Hình 2.13: Mối quan hệ giữa Sản phẩm và Loại sản phẩm 31

Hình 2.14: Mối quan hệ giữa Khách hàng và Tài khoản 32

Hình 2.15: Mối quan hệ giữa Nhân viên và Bài viết 32

Hình 2.16: Mối quan hệ giữa Nhân viên – Sản phẩm – Khách hàng 32

Hình 2.17: Biểu đồ quan hệ thực thể 39

Hình 3.1: Giao diện chính 42

Hình 3.2: Giao diện cửa hàng sản phẩm 43

Hình 3.3: Giao diện chi tiết sản phẩm 44

Hình 3.4: Giao diện đăng nhập khách hàng 44

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

Hình 3.6: Giao diện trang thanh toán 45

Hình 3.7: Giao diện thanh toán VNPAY 46

Hình 3.8: Giao diện thanh toán MOMO 46

Hình 3 9: Giao diện thông tin tài khoản 47

Hình 3 10: Giao diện cập nhật thông tin tài khoản 47

Hình 3.11: Giao diện lịch sử đơn hàng 48

Hình 3.12: Giao diện xem chi tiết đơn hàng 48

Hình 3.13: Giao diện đăng nhập quản lý 49

Hình 3.14: Giao diện chính quản lý 49

Hình 3.15: Giao diện danh sách đơn hàng 50

Hình 3.16: Giao diện thêm đơn hàng tại quầy 50

Hình 3.17: Giao diện chi tiết đơn hàng 51

Hình 3.18: Giao diện khi in đơn hàng 51

Hình 3.19: Giao diện danh sách sản phẩm 52

Hình 3.20: Giao diện thêm mới sản phẩm 52

Hình 3.21: Giao diện quản lý danh mục sản phẩm 53

Hình 3.22: Giao diện quản lý danh mục sản phẩm 53

Hình 3.23: Giao diện quản lý tài khoản 53

Hình 3.24: Giao diện danh sách bài viết 54

Hình 3.25: Giao diện soạn thảo bài viết 54

Hình 3.26: Giao diện danh sách phiếu nhập 55

Hình 3.28: Giao diện thống kê 56

Hình 3.29: File xlsx nhận được sau khi export 56

MỞ ĐẦU

Ngày nay, việc ứng dụng công nghệ thông tin vào quản lý kinh doanh đã pháttriển mạnh ở các nước tiên tiến trên thế giới Đặc biệt trong mùa dịch, việc mua bánhàng là rất cần thiết Trước tình hình đó, vấn đề áp dụng tin học để quản lý, mua bánhàng dường như đã thay thế rất nhiều cho các phương thức mua hàng truyền thống, nổitrội như hàng loạt các ứng dụng mua hàng ra đời như Shopee, Lazada, Tiki Có thể nóiviệc mua bán hàng online đang là một trong những nhu cầu hết sức thiết yếu hiện nay.Trong lĩnh vực bán lẻ nước hoa cũng vậy, việc có một website chuyên biệt không chỉ

để giới thiệu sản phẩm mà còn để quản lý và tiếp cận khách hàng sẽ giúp cửa hàngtăng cường cạnh tranh và nâng cao doanh thu

Với mục tiêu đó, bài đồ án tốt nghiệp này sẽ là xây dựng một website đa chứcnăng cho cửa hàng nước hoa, kết hợp cả quản lý và bán hàng Website được thiết kế đểcung cấp một giao diện trực quan cho khách hàng tham quan và mua sắm các sảnphẩm nước hoa trực tuyến Đồng thời, website cũng cung cấp cho chủ cửa hàng cáccông cụ quản lý để theo dõi kho hàng, quản lý đơn hàng, quản lý khách hàng và tạobáo cáo thống kê

Trong quá trình thực hiện đồ án, tôi đã áp dụng kiến thức về phân tích thiết kế hệthống, lập trình web, thiết kế cơ sở dữ liệu để xây dựng một website đa chức năng chocửa hàng Tôi đã sử dụng các công nghệ và ngôn ngữ lập trình phổ biến như HTML,CSS, JavaScript, PHP và MySQL để tạo ra giao diện hấp dẫn, tính năng linh hoạt, lưutrữ thông tin sản phẩm, đơn hàng và thông tin khách hàng

Bố cục của đề tài gồm: phần mở đầu, phần thân (3 chương), phần kết luận và tàiliệu tham khảo Kết quả chính của đề tài tập trung ở chương 2 và chương 3 Cụ thể:Chương 1: Trình bày tổng quan về đề tài, mục tiêu và phạm vi của đề tài Thamkhảo một số website, khảo sát nghiệp vụ Nêu các công nghệ và công cụ được sử dụng.Chương 2: Phân tích và thiết kế các chức năng cho website, trình bày sơ đồ môhình hoá đối tượng như: Sơ đồ phân rã chức năng, sơ đồ use – case và sơ đồ tuần tự.Phân tích mối quan hệ giữa các thực thể và thiết kế CSDL vậy lý

Chương 3: Cài đặt và kiểm thử chương trình Nêu ra các kết quả đã đạt được saukhi đã phân tích thiết kế

Kết luận: Trình bày tóm tắt được những kết quả mà đề tài đạt được, chỉ ra nhữngđiểm hạn chế, đưa ra những hướng phát triển trong tương lai

CHƯƠNG 1: TỔNG VỀ ĐỀ TÀI 1.1 Mô tả bài toán

1.1.1 Khái quát về hệ thống

Hệ thống: Nhập và bán hàng cho cửa hàng bán nước hoa GUHA

Cửa hàng có quy mô vừa và nhỏ chuyên bán các loại nước hoa xách tay chínhhãng từ nước ngoài về với đa dạng mẫu mã và chủng loại Các thương hiệu hiệu nướchoa nổi tiếng với giá cả hợp lý

Các loại nước hoa bao gồm:

- Nước hoa nam

- Nước hoa nữ

- Nước hoa unisex

- Nước hoa chiết

Hình thức bán hàng: bán trực tiếp tại cửa hàng và bán hàng online

Trong quá trình nhập/bán hàng, các thông tin được ghi lại bao gồm:

Giúp người quản lý đơn giản hơn trong công tác quản lý cửa hàng, minh bạch cáchoạt động của cửa hàng từ đó kiểm soát được mọi hoạt động kinh doanh và thúc đẩydoanh thu của cửa hàng

Đưa ra các báo cáo, thống kê tổng hợp

1.1.3 Phạm vi đồ án

Phạm vi thực hiện đồ án dựa trên những kiến thức thu được từ những môn họctrong quá trình học tập tại trường và tham khảo thêm một số tài liệu bên ngoài để bốsung thêm kiến thức nhằm hoàn thiện đồ án tốt hơn, đáp ứng được mục tiêu đồ án.Phạm vi quay quanh các nghiệp vụ quản lý của một cửa hàng, đảm bảo đầy đủchức năng của một website quản lý bán hàng

- Website nuochoaphap.com :

Hình 1.1: Website nuochoaphap.com

- Website bán nước hoa nuochoarosa.com :

Hình 1.2: Website bán nước hoa nuochoarosa.com

- Website bán nước hoa parfumerie.vn:

Hình 1.3: Website bán nước hoa parfumerie.vn

Thông qua tham khảo một số website bán nước hoa online ta thấy rằng một websitebán nước hoa cần phải có một số yêu cầu chính như sau:

+ Website phải dễ sử dụng, giao diện và bố cục phải bắt mắt

+ Website có chức năng tìm kiếm sản phẩm theo các tiêu chí khác nhau như thươnghiệu, giới tính, giá cả

+ Khi chọn sản phẩm thì sẽ hiện ra thông tin chi tiết của sản phẩm đó

+ Có chức năng đặt hàng và thanh toán

+ Chức năng giỏ hàng có thể thêm sản phẩm vào giỏ hàng, xóa sản phẩm khi khôngmuốn mua nữa và cập nhật số lượng từng sản phẩm trong giỏ hàng

+ Trên website có cung cấp thông tin, địa chỉ của cửa hàng và tin tức

+ Website có thể đăng ký đăng ký và đăng nhập để mua hàng

+ Hỗ trỡ một số phương thức liên lạc với cửa hàng

1.3 Khảo sát nghiệp vụ

1.3.1 Quá trình nhập hàng

Bên nhà cung cấp gửi thông tin về các sản phẩm cho cửa hàng

Thông tin sản phẩm gồm: Tên sản phẩm, loại sản phẩm, thương hiệu, ảnh sảnphẩm, đơn giá

Nhân viên phụ trách nhập hàng sẽ dựa vào lượng hàng tồn trong kho và nhu cầucủa thị trường để lên danh sách các mặt hàng cần nhập, trình lên cho chủ cửa hàngxem xét và duyệt Hai bên sẽ thỏa thuận ngày giao hàng

Đến ngày giao hàng nhận hàng từ nhà cung cấp, nhân viên kiểm tra số lượng vàchất lượng sản phẩm

- Sản phẩm đạt yêu cầu sẽ được đánh mã, chụp ảnh và nhập kho

- Các sản phẩm lỗi sẽ hoàn trả nhà cung cấp

Thông tin ghi lại : Tên sản phẩm, loại sản phẩm, thương hiệu, đơn giá nhập, sốlượng nhập, người nhập, tổng tiền

1.3.2 Quá trình bán hàng

Thời gian bán hàng: 8 giờ - 22 giờ

Sản phẩm của cửa hàng được bán theo 2 hình thức chính là bán hàng trực tiếp tại cửahàng và bán hàng trực tuyến (thời gian phê duyệt đơn hàng trực tuyến sẽ được dựatheo thời gian bán hàng) Các thông tin của sản phẩm bán tại cửa hàng sẽ được đănglên website

Khách hàng có tiếp nhận thông tin sản phẩm trên website hoặc trực tiếp tại cửa hàng.Hình thức bán hàng: Bán lẻ tại cửa hàng và bán hàng online

- Quá trình bán lẻ tại cửa hàng được mô tả như sau:

Khách hàng đưa ra yêu cầu mua hàng Nhân viên kiểm tra thông tin chi tiết hànghóa, còn hàng hay không rồi báo chi tiết sản phẩm, giá bán cho khách hàng Kháchhàng xác nhận mua hàng và cung cấp thông tin khách hàng, Nhân viên tiếp nhận thôngtin và lập hóa đơn bán Sau đó xuất hàng và thanh toán

Thông tin được ghi lại : Ngày bán, mã sản phẩm, tên sản phẩm, thương hiệu, sốlượng bán, đơn giá, thành tiền, hình thức thanh toán, tình trạng thanh toán

- Quá trình bán hàng online:

Khách hàng khi vào website phải đăng nhập tài khoản để mua hàng, nếu chưa cótài khoản thì phải đăng ký tài khoản

Khi đăng ký, khách hàng phải nhập đầy đủ thông tin cá nhân bao gồm : Họ tên,

số điện thoại, địa chỉ, gmail, giới tính Thông tin khách hàng sẽ được lưu lại

Khi mua hàng, khách hàng có thể lựa chọn các sản phẩm phù hợp để thêm vào giỏhàng, có thể cập nhật lại giỏ hàng và thanh toán khi đã ưng ý

Khách hàng có thể xem lại thông tin đơn hàng thông qua trang quản lý đơn hàng

1.3.3 Các đối tượng sử dụng

Qua khảo sát ta thấy có các đối tượng sử dụng và tương tác với hệ thống chính là:Các khách hàng và những người quản trị hay nhân viên Mỗi một đối tượng sử dụngtrên dùng phần mềm theo các cách khác nhau và họ cũng có các đặc quyền khác nhauđối với hệ thống, vì vậy họ có các yêu cầu của riêng mình

Khách hàng (người sử dụng) có các chức năng và quyền hạn như sau:

- Tìm kiếm: Khách hàng có thể tìm kiếm thông tin sản phẩm trên website sửdụng các tiêu chí được cung cấp

- Xem thông tin sản phẩm: Khách hàng có thể xem chi tiết về sản phẩm,bao gồm tên sản phẩm, hình ảnh, mô tả, giá cả

- Đặt mua hàng: Khách hàng có thể thêm sản phẩm vào giỏ hàng và tiếnhành đặt mua hàng qua quá trình thanh toán trực tuyến hoặc hình thứcthanh toán khác

- Quản lý tài khoản: Khách hàng có thể đăng ký tài khoản, cập nhật thôngtin cá nhân, xem lịch sử đơn hàng và quản lý địa chỉ giao hàng

Người quản trị: Đây là những người quản lý và điều hành toàn bộ hệ thống.Người quản trị có các chức năng và quyền hạn như sau:

- Quản lý tài khoản: Người quản trị có quyền tạo, chỉnh sửa và xóa tàikhoản khách hàng, cũng như quyền phân quyền cho nhân viên

- Quản lý sản phẩm: Người quản trị có thể thêm, chỉnh sửa và xóa thông tinsản phẩm, bao gồm hình ảnh, mô tả, giá cả và danh mục

- Quản lý đơn hàng: Người quản trị có thể xem danh sách đơn hàng, xácnhận và xử lý đơn hàng, và cập nhật trạng thái giao hàng

- Báo cáo thống kê: Người quản trị có thể tạo báo cáo thống kê doanh thu,

số lượng sản phẩm bán ra, đánh giá khách hàng và các chỉ số kinh doanhkhác

Nhân viên: Đây là các thành viên của nhóm nhân viên được người quản trị phânquyền truy cập và quản lý các tác vụ cụ thể trong hệ thống Nhân viên có các chứcnăng và quyền hạn tương tự như người quản trị nhưng có thể bị giới hạn trong phạm vihoạt động và quyền truy cập

1.3.4 Ưu nhược điểm của hệ thống

a Ưu điểm:

- Đơn giản, dễ sử dụng

- Thông tin bảo mật

b Nhược điểm:

- Một số chức năng chưa được tối ưu

- Chưa kiểm soát được chặt chẽ doanh thu

- Khó kiểm soát lượng hàng tồn kho

1.4 Sơ lược về công nghệ sử dụng

b Ưu điểm:

- Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn

- Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay

- Học HTML khá đơn giản

- Sử dụng mã nguồn mở, hoàn toàn miễn phí

- HTML là chuẩn web được vận hành bởi W3C

- Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js, …)

c Nhược điểm:

- Chỉ được áp dụng chủ yếu cho web tĩnh Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP)

- Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer.

- Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một số trình duyệt cũ không render được tag mới Do đó, dù trong HTML document có sử dụng các tag này thì trình duyệt cũng không đọc được).

- Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML

1.4.2 CSS

Cũng giống như HTML, CSS không phải là một ngôn ngữ lập trình CSS (viết tắtcủa Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để mô tả trìnhbày các trang Web, bao gồm màu sắc, cách bố trí và phông chữ Nó cho phép hiểnthị nội dung tương thích trên các loại thiết bị có kích thước màn hình khác nhau,chẳng hạn như màn hình lớn hoặc màn hình nhỏ

Trong khi HTML là cấu trúc cơ bản của trang web CSS mang lại cho trang webcủa bạn phong cách mà bạn muốn CSS gần như tạo nên bộ mặt của một website

1.4.3 Javascript

Javascript là một nền tảng (cross-platform), ngôn ngữ kịch bản hướng đối tượng(object-oriented) Nó là một ngôn ngữ nhỏ và nhẹ Chạy trong môi trường máy chủlưu trữ (ví dụ: Trình duyệt web), JavaScript có thể được kết nối với các đối tượng củamôi trường để cung cấp kiểm soát chương trình đối với chúng

JavaScript là ngôn ngữ lập trình dựa trên logic Nó có thể được sử dụng để sửađổi nội dung trang web Và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứngvới hành động của người dùng Các cách sử dụng phổ biến cho JavaScript bao gồmcác hộp xác nhận, kêu gọi hành động và thêm các danh tính mới vào thông tin hiện có

ít dòng lệnh để tạo ra các chức năng tương tự Chỉ với 10 dòng lệnh JQuery bạn

có thể thay thế cả 20 chục dòng lệnh DOM javaScript, tiết kiệm thời gian củangười lập trình

- Là một thư viện lớn của javascript: Thực thi được nhiều chức năng hơn so vớicác thư viện jascript khác

- Cộng đồng mã nguồn mở mạnh mẽ (một số plugin jquery có sẵn): JQuery đangcòn tương đối mới, có một cộng đồng dành thời gian của họ để phát triển cácplugin của JQuery Như vậy có hàng trăm plugin được viết trước đó có sẵn đểtải về ngay lập tức để đẩy nhanh quá trình viết code của bạn Một lợi thế khácđằng sau này là hiệu quả và an toàn của các script

- Có nhiều tài liệu và hướng dẫn chi tiết: Các trang web JQuery có một toàn bộtài liệu và hướng dẫn để ngay cả một người mới bắt đầu lập trình cũng có thểlàm được quả bóng lăn với thư viện jquery này

- Hỗ trợ ajax: JQuery cho phép bạn phát triển các template Ajax một cách dễdàng Ajax cho phép một giao diện kiểu dáng đẹp trên website, các chức năng

có thể được thực hiện trên các trang mà không đòi hỏi toàn bộ trang đượcreload lại

b Nhược điểm:

- Làm client trở nên chậm chạp: Client không những phải chỉ mình hiển thị nữa

mà còn phải xử lý nhiều chức năng được tạo thành từ jquery Nếu lạm dụng quánhiều jquery sẽ làm cho client trở nên chậm chạp, đặc biệt những client yếu.Chính vì vậy mà lập trình viên phải dùng thêm cache

- Chức năng có thể không có: JQuery đã có rất nhiều chức năng, tùy thuộc vàoyêu cầu trên trang web của bạn Nhưng nhiều chức năng vẫn chưa được pháttriển, do đó bạn vẫn phải sử dụng javascript thuần để xây dựng chức năng này

PHP đã trải qua rất nhiều phiên bản và được tối ưu hóa cho các ứng dụng Web,với cách viết mã rõ ràng, tốc độ nhanh, dễ học nên PHP đã trở thành một ngôn ngữ lậptrình Web rất phổ biến và được ưa chuộng

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và có

sự đóng góp rất lớn của Zend Inc nên đã tạo ra một môi trường chuyên nghiệp chophép phát triển ứng dụng ở quy mô lớn

+ CSDL đa dạng: PHP cho phép kết nối với hầu hết các loại CSDL như MySQL,mSQL, MS-SQL, SQLite, PostgreSQL, v.v Nhờ vậy, bạn sẽ không bị giới hạn và cóthể chọn CSDL tối ưu nhất cho ứng dụng của mình

+ Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có sẵn,cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần

c Nhược điểm:

+ Mặc dù ngôn ngữ lập trình PHP hữu ích cho việc phát triển web, nhưng nócũng có một số nhược điểm nhất định Trong đó, hạn chế lớn nhất có thể kể đến chính

là lỗi bảo mật đến từ hai nguyên do chính:

+ Bản chất mã nguồn PHP: Ngôn ngữ PHP có mã nguồn mở Điều này có nghĩa

là các lỗ hổng của mã nguồn sẽ bị công khai ngay sau khi chúng được tìm thấy Do đó,trước khi kịp sửa chữa, các lỗ hổng có thể bị khai thác cho các mục đích xấu

+ Một số ứng dụng bằng ngôn ngữ PHP được thiết kế bởi người thiếu kinhnghiệm: Bởi PHP phù hợp với lập trình viên mới vào nghề Cho nên một số trang web

hiệu suất và bảo mật kém hơn.

1.4.6 MySQL

a Giới thiệu về MySQL

MySQL chính là hệ quản trị cơ sở dữ liệu mã nguồn mở Relational DatabaseManagement System – RDBMS vào thời điểm hiện tại được dùng phổ biến trên phạm

vi toàn cầu Hệ quản trị cơ sở dữ liệu này hoạt động dựa trên mô hình chuẩn mực làClient (Máy khách) – Server (Máy chủ)

b Cơ chế hoạt động của MySql:

+ MySQL tạo ra bảng dữ liệu để có thể lưu trữ dữ liệu và định nghĩa về sự liênquan giữa những bảng đó

+ Client sẽ trực tiếp gửi yêu cầu SQL bằng 1 lệnh đặc biệt có trên MySQL

+ Ứng dụng tại server sẽ tiến hành phản hồi thông tin cũng như trả về những kếtquả trên máy client

c Cơ chế hoạt động của MySql:

+ Dễ dàng sử dụng: MySQL đang là CSDL dễ sử dụng, ổn định, tốc độ cao vàhoạt động trên rất nhiều những hệ điều hành đang cung cấp 1 hệ thống lớn những hàmtiện ích rất mạnh

+ Nhanh chóng: Việc công bố một vài chuẩn mực cho phép MySQL để làm việcrất chi là hiệu quả & tiết kiệm khoản chi, vì lẽ đó nó làm tăng tốc độ thực thi

+ Khả năng mở rộng và mãnh liệt: MySQL có thể xử lý rất nhiều dữ liệu và đặcbiệt nó có thể được mở rộng nếu quan trọng

+ Đa tính năng: Ưu điểm MySQL là gì? MySQL hiện đang hỗ trợ nhiều nhữngchức năng SQL rất được mong chờ từ 1 hệ quản trị CSDL quan hệ cả gián tiếp cũngnhư trực tiếp

+ Độ bảo mật cao: MySQL rất thích hợp cho các phần mềm có truy cập CSDLtrên Internet khi sở hữu nhiều nhiều chức năng bảo mật thậm chí là ở cấp cao

+ Dung lượng hạn chế: Trong trường hợp nếu như số lượng bản ghi của bạn đanglớn dần lên thì khi đó quá trình truy xuất dữ liệu sẽ diễn ra vô cùng khó khăn Như vậycần phải áp dụng rất nhiều những biện pháp khác nhau để có thể gia tăng được tốc độ truy xuất những dữ liệu ví dụ như tạo cache MySQL hoặc chia tải database ra nhiều server

1.5 Công cụ sửa dụng:

1.5.1 Visual studio code

a Giới thiệu về visual studio code

IDE (Integrated Development Environment) hay còn gọi là môi trường tích hợpdùng để viết code và phát triển ứng dụng Bên trong IDE còn có tích hợp các tool hỗtrợ khác như: trình biên dịch (Compiler), trình thông dịch (Interpreter), kiểm tra lỗi(Debugger), …

Visual Studio Code chính là ứng dụng cho phép biên tập, soạn thảo các đoạncode để hỗ trợ trong quá trình thực hiện xây dựng, thiết kế website một cách nhanhchóng Visual Studio Code hay còn được viết tắt là VS Code Trình soạn thảo này vậnhành mượt mà trên các nền tảng như Windows, macOS, Linux Hơn thế nữa, VS Codecòn cho khả năng tương thích với những thiết bị máy tính có cấu hình tầm trung vẫn

có thể sử dụng dễ dàng

Visual Studio Code hỗ trợ đa dạng các chức năng Debug, đi kèm với Git, cóSyntax Highlighting Đặc biệt là tự hoàn thành mã thông minh, Snippets, và khả năngcải tiến mã nguồn Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép các lậptrình viên thay đổi Theme, phím tắt, và đa dạng các tùy chọn khác Mặc dù trình soạnthảo Code này tương đối nhẹ, nhưng lại bao gồm các tính năng mạnh mẽ

b Lý do nên dùng visual studio code

- IntelliSense: đây là một tính năng nhắc lệnh và hoàn thành đoạn code cực kìhay và hữu ích Nó giúp người code tiết kiệm được thời gian và giảm thiểu việc saichính tả Điều này giúp việc code trở nên nhanh hơn cho cả người mới học và cảnhững lập trình viên lâu năm

- Cho phép sử dụng plug – in hoặc thư viện bên thứ ba

- Tích hợp các tính năng quan trọng như tính năng bảo mật (Git), khả năng tăngtốc xử lý vòng lặp (Debug), …

- Đơn giản hóa việc tìm quản lý hết tất cả các Code có trên hệ thống

- Ngoài ra còn có các tính năng khác như: Exploder, Search, Run and debug,Extensions,…

1.5.2 Xampp

a Giới thiệu về Xampp

XamPP hoạt động dựa trên sự tích hợp của 5 phần mềm chính là Cross-Platform(X), Apache (A), MariaDB (M), PHP (P) và Perl (P) , nên tên gọi XamPP là viết tắtcủa 5 phần mềm này:

- Chữ X đầu tiên là viết tắt của hệ điều hành mà nó hoạt động với Linux,Windows và Mac OS X

- Apache: Web Server mã nguồn mở Apache là máy chủ được sử dụng rộng rãinhất trên toàn thế giới để phân phối nội dung Web Ứng dụng được cung cấp dướidạng phần mềm miễn phí bởi Apache Software Foundation

- MySQL / MariaDB: Trong MySQL, XAMPP chứa một trong những hệ quản trị

cơ sở dữ liệu quan hệ phổ biến nhất trên thế giới Kết hợp với Web Server Apache vàngôn ngữ lập trình PHP, MySQL cung cấp khả năng lưu trữ dữ liệu cho các dịch vụWeb Các phiên bản XAMPP hiện tại đã thay thế MySQL bằng MariaDB (một nhánhcủa dự án MySQL do cộng đồng phát triển, được thực hiện bởi các nhà phát triển banđầu)

- PHP: Ngôn ngữ lập trình phía máy chủ PHP cho phép người dùng tạo các trangWeb hoặc ứng dụng động PHP có thể được cài đặt trên tất cả các nền tảng và hỗ trợmột số hệ thống cơ sở dữ liệu đa dạng

- Perl: Ngôn ngữ kịch bản Perl được sử dụng trong quản trị hệ thống, phát triểnWeb và lập trình mạng Giống như PHP, Perl cũng cho phép người dùng lập trình cácứng dụng Web động

- XamPP được sử dụng cho mục đích nghiên cứu, phát triển website quaLocalhost của máy tính cá nhân

b Lý do nên dùng Xampp

- XamPP có thể chạy được trên tất cả các hệ điều hành

- XamPP có cấu hình đơn giản cũng như nhiều chức năng hữu ích cho ngườidùng (Giả lập Server, giả lập Mail Server, hỗ trợ SSL trên Localhost)

- XamPP tích hợp nhiều thành phần với các tính năng:

+ Apache

+ PHP (tạo môi trường chạy các tập tin script *.php)

+ MySql (hệ quản trị cơ sở dữ liệu mysql)

thể chọn nút “Thêm vào giỏ hàng” để đưa sản phẩm vào giỏ hàng của mình hoặc khách hàng có thể chọn nút “Mua ngay” để tới luôn trang giỏ hàng, giỏ hàng chỉ đơn

giản là danh sách các sản phẩm bao gồm những thông tin như mã sản phẩm, tên sảnphẩm, đơn giá, số lượng, thành tiền

Các giỏ hàng thường cung cấp các tùy chọn số lượng sản phẩm hoặc xóa một sảnphẩm khỏi giỏ hàng

Ngay sau khi khách hàng có tất cả các sản phẩm cần mua, khách hàng có thể

chọn nút “Đặt Hàng” Ở đây để mua hàng khách hàng buộc phải đăng nhập Trang

đơn hàng này gồm có thông tin về khách hàng (họ tên, email, số điện thoại, địa chỉgiao hàng…), phương thức thanh toán (chuyển khoản, thanh toán tiền trực tuyến) hoặcthanh toán khi giao hàng, sau cùng là thông tin về giỏ hàng (tên sản phẩm, hình ảnh,đơn giá, số lượng, thành tiền)

Sau khi khách hàng đã điền đầy đủ thông tin thì chọn nút “Tiến hành đặt hàng”

để hoàn tất quá trình mua hàng

b, Dành cho quản trị viên

Website cung cấp cho nhân viên hệ thống giao diện dùng để quản trị các thôngtin như sản phẩm, đơn hàng, khách hàng, thương hiệu, tài khoản, tin tức, góp ý, thốngkê…

Tùy vào quyền hạn của mỗi nhân viên mà chức năng của mỗi người khác nhau.Chỉ có thể cập nhật (phân quyền) được các tài khoản khi tài khoản ở mức quyền caonhất

2.1.2 Biểu đồ phân cấp chức năng

a, Các chức năng chính của website

- Quản lý người dùng: Hỗ trợ người quản trị, nhân viên, nhà cung cấp, khách

hàng đăng ký tài khoản và đăng nhập vào hệ thống Người quản trị (hoặc nhân viên) cóthể cập nhật tài khoản hoặc các thông tin trong hệ thống như sản phẩm, danh mục, tin

tức, hóa đơn nhập/ bán, khách hàng,

- Quản lý sản phẩm: cho biết website có những sản phẩm nào, giá cả, các dịch

vụ; xử lý thông tin hàng hóa trong phiếu nhập, cập nhật thông tin chi tiết khi quản lýkho

- Quản lý giao dịch khách hàng: Tra cứu thông tin cần thiết, tìm kiếm các sản

phẩm và gửi yêu cầu đặt hàng, gửi thông tin cá nhân và các yêu cầu về dịch vụ, đăngnhập, đăng ký tài khoản

- Quản lý kinh doanh: lập hóa đơn, thanh toán, cập nhật trạng thái đơn hàng và

báo cáo thống kê

b, Các chức năng cơ sở

- Đăng nhập: Người dùng (nhân viên, người quản trị, khách hàng) có thể đăng

nhập vào hệ thống với các quyền sử dụng khác nhau

- Đăng ký: Người dùng thực hiện điền thông tin theo yêu cầu trên giao diện đăng

ký để hệ thống kiểm tra và lưu trữ thông tin

- Cập nhật tài khoản: Cho phép quản trị viên sửa, xóa và phân quyền tài khoản.

- Cập nhật thương hiệu: Thêm, sửa, xóa thương hiệu

- Cập nhật loại sản phẩm: Thêm, sửa, xóa, phân loại sản phẩm.

- Cập nhật sản phẩm: Thêm, sửa, xóa sản phẩm và phân loại chúng.

- Cập nhật kho: Chức năng này nhằm giúp nhân viên kiểm soát được lượng

hàng, nhân viên có thể nhập thêm vào số lượng các số lượng, giá cả

- Tìm kiếm sản phẩm: Hỗ trợ tìm kiếm sản phẩm theo thương hiệu, giá cả, kích

thước, màu sắc, của sản phẩm

- Chọn giỏ hàng: Giúp khách hàng thêm hoặc xóa sản phẩm trong giỏ hàng, cập

nhật số lượng của mặt hàng và đặt mua những mặt hàng đó

- Xử lý đơn đặt hàng: Xem xét tính hợp lệ của đơn hàng, mặt hàng, số lượng, địa

điểm nhận để duyệt và lập hóa đơn bán

- Lập hóa đơn: Lập hóa đơn cho một đơn hàng.

- Cập nhật chi tiết hóa đơn bán: Hóa đơn và sản phẩm bán sẽ liên kết thông qua

chi tiết hóa đơn bán bao gồm một số thông tin như Mã hóa đơn, Mã sản phẩm, Đơn giábán, Số lượng bán,

- Xuất hóa đơn: In hóa đơn cho một đơn hàng.

- Báo cáo thống kê: Đưa ra báo cáo doanh thu định kỳ.

- Cập nhật tin tức: Thêm, sửa, xóa tin tức.

c, Biểu đồ phân cấp chức năng

Hình 2.1: Biểu đồ phân cấp chức năng

2.1.3 Biểu đồ Use – Case

năng Là những người truy cập vào website mà chưa có tài khoản

2 Khách hàng Là những người truy cập vào website mà đã có tài

khoản, có thể đặt mua sản phẩm

3 Nhân viên Là những nhân viên quản lý của cửa hàng

4 Quản trị viên Chủ cửa hàng, quản lý toàn bộ hệ thống website

b, Danh sách các Use – Case

Bảng 2.2: Danh sách các Use - Case

ST

T

1 Use – Case tổng quát Tổng quát hóa toàn bộ quá trình của hệ thống

2 Use – Case đăng

nhập, đăng ký

Mô tả quá trình đăng nhập và đăng ký

3 Use – Case mua sản

phẩm Mô tả quá trình mua sản phẩm của khách hàng

4 Use – Case quản lý

sản phẩm

Quản lý thông tin sản phẩm của cửa hàng

5 Use – Case quản lý

hóa đơn bán Quản lý hóa đơn bán ra các sản phẩm cho khách hàng

c, Use – Case tổng quát

Hình 2.2: Use – case tổng quát

d, Use – Case Đăng nhập, Đăng ký

Hình 2.3: Use – Case Đăng nhập, Đăng ký

e, Use – Case mua sản phẩm

Hình 2.4: Use – Case mua sản phẩm

f, Use – Case quản lý sản phẩm

Hình 2.5: Use – Case quản lý sản phẩm

g, Use – Case quản lý đơn hàng

Hình 2.6: Use – Case Xử lý đơn hàng

2.1.4 Biểu đồ tuần tự

- Mục đích: biểu diễn tương tác giữa những người dùng và những đối tượng bêntrong hệ thống Biểu đồ này cho biết các thông điệp được truyền tuần tự như thế nàotheo thời gian

- Biểu diễn: Biểu đồ tuần tự được biểu diễn bởi các đối tượng và message truyền

đi giữa các đối tượng đó

- Để xác định rõ các thành phần cần bổ sung trong biểu đồ lớp, trong mỗi biểu đồtuần tự của hệ thống quản lý bán hàng sẽ thực hiện:

+ Xác định rõ kiểu của đối tượng tham gia trong tương tác

+ Mỗi biểu đồ tuần tự có thể có ít nhất một lớp giao diện (Form) tương ứngvới chức năng (use case) mà biểu đồ đó mô tả

+ Mỗi biểu đồ tuần tự có thể liên quan đến một hoặc nhiều đối tượng thực thể

a, Biểu đồ tuần tự cho chức năng đăng nhập

Hình 2.7: Biểu đồ tuần tự cho chức năng đăng nhập