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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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ý.

Trang 1

ĐỒ ÁN TỐT NGHIỆP

Đề Tài:

XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG BÁNNƯỚ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

Trang 2

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ÁNNƯỚ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

Trang 3

LỜI CẢM ƠN

Là một sinh viên trường Đại Học Giao Thông Vận Tải, đồ án tốt nghiệp là minhchứng cho những kiến thức đã có sau bốn năm học tập Trong quá trình hoàn thànhđồ án tốt nghiệp, ngoài sự cố gắng của bản thân em cũng nhận được sự hướng dẫn rấttận tình của thầy cô cùng các anh chị bạn bè Qua đây, em xin chân thành cảm ơnkhoa Công nghệ thông tin, trường Đại Học Giao Thông Vận Tải đã trang bị kiến thứccho em trong suốt quá trình học tập và tạo cơ hội để em được làm đồ án tốt nghiệp.Đặc biệt, em cảm ơn tới cô TS.GVC Cao Thị Luyên đã dành thời gian, tâm huyết vàkiến thức để hướng dẫn em suốt quá trình hoàn thành đồ án tốt nghiệp này

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 chochặ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

Trang 4

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

Trang 5

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.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

Trang 6

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

Trang 7

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

STT

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

Trang 9

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

Trang 10

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

Trang 11

MỞ ĐẦU

Ngày nay, việc ứng dụng công nghệ thông tin vào quản lý kinh doanh đã phát triể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án hà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án hà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ổi trội như hàng loạt các ứng dụng mua hàng ra đời như Shopee, Lazada, Tiki Có thể nói việ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àng tă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ức nă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ản phẩm nước hoa trực tuyến Đồng thời, website cũng cung cấp cho chủ cửa hàng các cô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ạo bá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 cho cử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ưu trữ 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ài liệ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 Tham khả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 sau khi đã 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.

Trang 12

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ính hã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ước hoa 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:

- Phiếu nhập hàng - Hóa đơn bán

- Thông tin sản phẩm, khách hàng.

1.1.2 Mục tiêu

Hiểu biết những kiến thức cần thiết về xây dựng giao diện trang web, phân tích thiết kế hệ thống, cơ sở dữ liệu.

Đáp ứng được tiêu chuẩn của một website: Cấu trúc khoa học, chặt chẽ, dễ khai thác, chỉnh sửa; thân thiện với người dùng; hoạt động ổn định và bảo mật.

Cung cấp một không gian mua hàng trực tuyến cho cho khách hàng, với giao diện bắt mắt, thông tin rõ ràng, hỗ trợ các cụ lọc và tìm kiếm sản phẩm Từ đó tiết kiệm được thời gian cho khách hàng, khách hàng có thể mua hàng mà không cần phải đến trực tiếp cửa hàng.

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ác hoạt động của cửa hàng từ đó kiểm soát được mọi hoạt động kinh doanh và thúc đẩy doanh 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ọc trong 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.

Trang 13

- 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

Trang 14

- 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 website bá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ương hiệ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ông muố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.

Trang 15

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ản phẩ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ầu củ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àng xem 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ửa hà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ựa theo 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 đăng lê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àng hó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ách hà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ông tin 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.

Trang 16

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ụng trê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ến hành đặt mua hàng qua quá trình thanh toán trực tuyến hoặc hình thức thanh 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ông tin 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ài khoả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 tin sả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ác nhậ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 doanh khá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ân quyề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ức nă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 vi hoạ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.

Trang 17

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

1.4.1 HTML a Khái niệm

HTML là từ viết tắt của Hypertext Markup Language (ngôn ngữ đánh dấu siêu văn bản) là đoạn code được dùng để tạo nên cấu trúc và nội dung của trang web.

HTML là cốt lõi của mọi trang web Mỗi trang web được tạo thành từ một loạt các thẻ HTML mà chúng biểu thị từng loại nội dung trên trang Mỗi loại nội dung trên trang được “bọc”, tức là được bao quanh bởi các thẻ HTML HTML bao gồm một loạt các thẻ (elements) bọc nhau hoặc không để nhằm mục đích xây dựng kết cấu trang web.

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

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ắt của Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để mô tả trình bà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ển thị 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 web củ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.

Trang 18

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ủa mô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 ứng với hành động của người dùng Các cách sử dụng phổ biến cho JavaScript bao gồm cá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ó.

1.4.4 Jquery

Jquery Là thư viện mã nguồn mở viết bằng ngôn ngữ javascript, giúp đơn giản cách viết javascript và tăng tốc độ xử lý các xự kiện trên trang web.

a Ưu điểm:

- Dễ sử dụng: Đây là lợi thế chính khi sử dụng jquery, nó dễ dàng hơn so với nhiều thư viện javascript chuẩn khác bởi cú pháp đơn giản và bạn chỉ phải viết í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ủa ngườ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ới cá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 đang cò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ác plugin 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 được reload 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ào yê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át triển, do đó bạn vẫn phải sử dụng javascript thuần để xây dựng chức năng này.

Trang 20

1.4.5 PHP

a Giới thiệu về PHP.

PHP là từ viết tắt của thuật ngữ Personal Home Page Đây là một dạng mã lệnh hoặc một chuỗi ngôn ngữ kịch bản Trong đó, ngôn ngữ PHP chủ yếu được phát triển để dành cho những ứng dụng nằm trên máy chủ Mỗi khi các lập trình viên PHP viết các chương trình thì các chuỗi lệnh sẽ được chạy ở trên server, từ đó sinh ra mã HTML Nhờ vậy mà những ứng dụng trên các website có thể chạy được một cách dễ dàng.

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ập trì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 cho phép phát triển ứng dụng ở quy mô lớn.

b Ưu điểm:

PHP là một trong những ngôn ngữ lập trình phổ biến nhất vì những lợi ích mà nó đem lại Về cơ bản, có 4 ưu điểm chính:

+ Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc cài đặt và sử dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn toàn mới với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 – 6 tháng để thuần thục nó.

+ Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn đàn, đội nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thị trường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt.

+ 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 kinh nghiệ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

Trang 21

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 Database Management 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ên quan 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ết quả 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àm tiệ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ệc rấ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à đặc biệ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ững chức năng SQL rất được mong chờ từ 1 hệ quản trị CSDL quan hệ cả gián tiếp cũng như 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 CSDL trê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.

d Nhược điểm:

+ Giới hạn: Theo thiết kế, MySQL không có ý định làm toàn bộ & nó đi kèm với các hạn chế về chức năng mà một vào ứng dụng có thể cần.

+ Độ tin cậy: Nhược điểm MySQL là gì? Theo đó cách thức nhận chức năng cụ thể đang được xử lý cùng với MySQL (ví dụ như kiểm toán, những giao dịch, tài liệu tham khảo, …) khiến cho nó trở nên kém tin cậy hơn một số những hệ quản trị về CSDL có quan hệ khác

+ Dung lượng hạn chế: Trong trường hợp nếu như số lượng bản ghi của bạn đang lớ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ậy cầ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

Trang 22

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ợp dù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ạn code để hỗ trợ trong quá trình thực hiện xây dựng, thiết kế website một cách nhanh chóng Visual Studio Code hay còn được viết tắt là VS Code Trình soạn thảo này vận hành mượt mà trên các nền tảng như Windows, macOS, Linux Hơn thế nữa, VS Code cò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ăng cả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ập trì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ạn thả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 sai chí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ăng tố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,…

Trang 23

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ắt củ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ãi nhất trên toàn thế giới để phân phối nội dung Web Ứng dụng được cung cấp dưới dạ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ánh củ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 trang Web 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ển Web 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 qua Localhost 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ười dù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).

Trang 24

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG2.1 Phân tích và thiết kế chức năng

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

a, Dành cho khách hàng

Website được xây dựng với mục tiêu là nơi trưng bày, giới thiệu sản phẩm và các dịch vụ hỗ trợ khách hàng như: liên hệ, tư vấn, tìm kiếm…

Khách hàng bắt đầu duyệt những sản phẩm trên website, các sản phẩm được bố trí theo từng loại đa dạng như sản phẩm mới, sản phẩm bán chạy, các nhóm sản phẩm theo danh mục, thương hiệu… Khi đã ưng ý một sản phẩm khách hàng có thể kích vào hình sản phẩm hoặc tên để xem thông tin chi tiết về sản phẩm Sau đó khách hàng có

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ặckhá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ản phẩ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ản phẩ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ặc thanh 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ông tin 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ống kê…

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 cao nhất.

Trang 25

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ụ, đăng nhậ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,

Trang 26

- 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

Trang 27

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 - CaseST

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

Trang 28

c, Use – Case tổng quát

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

Trang 29

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

Trang 30

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

Trang 31

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ên trong 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ào theo 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 ứng vớ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

Ngày đăng: 29/03/2024, 17:19

Tài liệu cùng người dùng

Tài liệu liên quan