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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.13 MB, 62 trang )

Trang 1<div class="page_container" data-page="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

</div>Trang 2<div class="page_container" data-page="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

</div>Trang 3<div class="page_container" data-page="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 q trình hồn thànhđồ án tốt nghiệp, ngồ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 hồ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 q 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 ýq 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 ln ln mạnh khỏe. Kính chúc chochặng đường lái đị của thầy cơ được thuận buồm xi 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

</div>Trang 4<div class="page_container" data-page="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

</div>Trang 5<div class="page_container" data-page="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

</div>Trang 6<div class="page_container" data-page="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

</div>Trang 7<div class="page_container" data-page="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

</div>Trang 9<div class="page_container" data-page="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 tốn...45

Hình 3.7: Giao diện thanh tốn VNPAY...46

Hình 3.8: Giao diện thanh tố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

</div>Trang 10<div class="page_container" data-page="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

</div>Trang 11<div class="page_container" data-page="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 chun 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 q 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 hố đố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.

</div>Trang 12<div class="page_container" data-page="12">

CHƯƠNG 1: TỔNG VỀ ĐỀ TÀI 1.1. Mơ tả bài tốn

1.1.1. Khái qt 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ỏ chun 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 số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 q 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.

</div>Trang 13<div class="page_container" data-page="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

</div>Trang 14<div class="page_container" data-page="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ố 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 tố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.

</div>Trang 15<div class="page_container" data-page="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ẽ hồ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 tố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 tốn, tình trạng thanh tốn.

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

</div>Trang 16<div class="page_container" data-page="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 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 q trình thanh tố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 sốt lượng hàng tồn kho.

</div>Trang 17<div class="page_container" data-page="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 số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.

</div>Trang 18<div class="page_container" data-page="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 số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 tồ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 tồ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.

</div>Trang 20<div class="page_container" data-page="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 hồn tồ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

</div>Trang 21<div class="page_container" data-page="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 tồ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 tố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 đó q 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.

</div>Trang 22<div class="page_container" data-page="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ự hồ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à hồ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.

- Ngồi ra cịn có các tính năng khác như: Exploder, Search, Run and debug, Extensions,…

</div>Trang 23<div class="page_container" data-page="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).

</div>Trang 24<div class="page_container" data-page="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”

để hồn tất q 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.

</div>Trang 25<div class="page_container" data-page="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 số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, ...

</div>Trang 26<div class="page_container" data-page="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

</div>Trang 27<div class="page_container" data-page="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 qt hóa tồn bộ q trình của hệ thống 2 Use – Case đăng

nhập, đăng ký

Mơ tả q trình đăng nhập và đăng ký

3 Use – Case mua sản

phẩm Mơ tả q 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

</div>Trang 28<div class="page_container" data-page="28">

c, Use – Case tổng quát

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

</div>Trang 29<div class="page_container" data-page="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

</div>Trang 30<div class="page_container" data-page="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

</div>Trang 31<div class="page_container" data-page="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

</div>