ra một nơi uy tín cũng như an toàn giúp cho các khách hàng có nhu cầu sẽ tìm được sản phẩm tốt, đồng thời giúp các chủ cửa hàng bán bài tarot và đá phong thủy quản lý của hàng tốt hơn, đ
Trang 1PHONG THỦY
Giảng viên hướng dẫn:
ThS.Huỳnh Hồ Thị Mộng Trinh
Sinh viên thực hiện:
Trần Hiệp Nguyên Huy -17520590
Trang 2Tp Hồ Chí Minh, 1/2021
Nhận Xét Của Giáo Viên
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
Trang 3………
………
………
………
… , ngày tháng năm 2021
Người nhận xét (Ký tên)
3
Trang 4Lời cảm ơn
Để có được sự thành công trong môn học và hoàn thành tốt đồ án 1 “Website bán bài tarot và
đá phong thủy” em đã nhận được rất nhiều sự giúp đỡ của các quý thầy cô và bạn bè Tỏ lòng biết
ơn sâu sắc em xin chân thành cảm ơn những giảng viên ở khoa Công nghệ phần mềm – Đại họcCông Nghệ Thông Tin đã cùng với tri thức và tâm huyết của mình truyền đạt vốn kiến thức quý báucho em trong suốt thời gian học tập tại trường
Em xin chân thành cảm ơn Cô Huỳnh Hồ Thị Mộng Trinh đã tận tâm hướng dẫn chúng emqua từng buổi học trên lớp Nếu không có những lời hướng dẫn, chỉ bảo của thầy cô thì em nghĩ quátrình hoàn thiện bài báo cáo này của chúng em sẽ gặp nhiều vấn đề và khó khăn hơn
Do kiến thức và khả năng của em còn nhiều hạn chế, vì vậy không tránh khỏi những thiếusót, yếu kém Em rất mong nhận được những ý kiến đóng góp quý báu của thầy cô để kiến thức của
em được hoàn thiện hơn
Sau cùng, em xin kính chúc quý thầy cô ở khoa Công nghệ phần mềm và Cô Huỳnh Hồ ThịMộng Trinh thật dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình làtruyền đạt kiến thức cho thế hệ mai sau
Trân trọng cảm ơn
Trang 5ra một nơi uy tín cũng như an toàn giúp cho các khách hàng có nhu cầu sẽ tìm được sản phẩm tốt, đồng thời giúp các chủ cửa hàng bán bài tarot và đá phong thủy quản lý của hàng tốt hơn, đổi mới phương thức mua và bán thủ công hay thông qua các trang mạng xã hội Đó
là những nội dung cơ bản đề cập đến trong đề tài này
Website bán bài tarot và đá phong thủy sẽ giúp ích rất nhiều cho khách hàng, chủ của hàng Bạn không cần thiết phải biết nhiều về tin học, bạn vẫn có thể sử dụng trang web một cách hiệu quả Giao diện thuận tiện dễ sử dụng của chương trình sẽ luôn khiến bạn cảm thấy thật thoải mái khi sử dụng website
1.2. Giải pháp
Để có thể hoàn thành được đề tài thì cần phải nghiên cứu những nội dung như sau:
• Tìm hiểu cách thức mua và bán bài tarot, đá phong thủy
• Tìm hiểu về các nghiệp vụ liên quan tới quá trình mua bán
• Cần phải tìm hiểu nghiên cứu về những nhu cầu có thể phát sinh của người dung để
có giải pháp phù hợp
• Tìm hiểu những thuật ngữ chuyên môn, những khái niệm cũng như những liên quan đến tarot, đá phong thủy Nghiên cứu cách tư vấn bài phù hợp cho khách hàng
1.3. Mục tiêu
Xây dựng website bán bài tarot và đá phong thủy đáp ứng những nhu cầu sau:
• Thực hiện được các chức năng cơ bản của một website bán hàng
• Trang dashboard giúp chủ cửa hàng có thể quản lý, cập nhật thông tin
• Tìm kiếm hỗ trợ người dung khi có nhu cầu
• Thuật toán hỗ trợ khi khác hàng có nhu cầu tìm hiểu, mua hàng theo như cầu
5
Trang 61.4. Phạm vi
Thời gian thực hiện đồ án có hạn, việc xây dựng website sẽ tập trung vào các chức năng
chính bao gồm : Quản lý mua bán bài tarotm đá phong thủy, Quản lý các mặt hàng, Quản lý sản phẩm , Quản lý user
1.5. Công cụ sử dụng
Trong quá trình xây dựng phần mềm, nhóm đã sử dụng phần mềm sau:
• Visual Studio Code: IDE xây dựng phần mềm
• MonggoDB: Hệ quản trị cơ sở dữ liệu
• ReactJS: Xây dựng giao diện website
2. Xác định và phân tích yêu cầu
dung khi muốn mua bài
tarot và đá phong thủy
Nắm rõ những nhu cầu cũng như thắc mắc khi một người dung muốn tìm cho mình một sản phẩm
mềm
Tìm hiểu kỹ về tài nguyên máy móc, trang thiết bị, phần mềm, hệ điều hành phần lớn của khách hàng
2.2. Phân tích yêu cầu
2.2.1.Yêu cầu chức năng
Yêu cầu lưu trữ:
Tính năng lưu trữ là yêu cầu quan trọng nhất của hệ thống là cơ sở để thực hiện phần lớn tính năng của hệ thống, để đảm bảo việc quản có hiệu quả hệ thống lưu trữ cần lưu
trữ những thông tin sau:
Trang 7• Thông tin sản phẩm, hóa đơn, khách hàng, thông tin về những khái niệm chuyên sâu về lĩnh vực.
• Thông tin user, phân quyền các user
•
Yêu cầu tính năng:
• Chức năng tìm kiếm sản phẩm, tìm kiếm sản phẩm phù hợp theo các thông tin được nhập vào
• Chức năng thống kê báo cáo, quản lý kho
• Chức năng cập nhật
• Các chức năng tự động
2.2.2.Yêu cầu phi chức năng
Yêu cầu về giao diện: giao diện phải thân thiện với người dùng, phù hợp Người dùng cóthể dễ dàng sử dụng cũng như thap tác
Yêu cầu chất lượng:
Trang 113.2. Danh sách tác nhân hệ thống
quản lý nhân viên
Trang 12phẩm phẩm
2 Quản lý hóa đơn nhập xuất Giúp quản lý thông tin chi tiết về hóa đơn
nhập, xuất sản phẩm của cửa hàng
3 Quản lý nhân viên, user Giúp quản lý thông tin nhân viên, khách hàng,
user
theo thời gian
6 Xem thông tin sản phẩm, tìm
kiếm Giúp xem thông tin chi tiết về sản phẩm, tìm kiếm sản phẩm cần thiết
hủy đơn nếu đủ các điều kiện
3.4. Đặc tả usercase
3.4.1.Moduel Thêm sản phẩm mới, loại sản phẩm mới
Thêm sản phẩm, loại sản phẩm mới
Mô tả Khi nhân viên của hệ thống tiến hành thêm sản phẩm, loại sản
phẩm mớiXảy ra khi Nhận được yêu cầu thêm mới sản phẩm, loại sản phẩm
Điều kiện trước PRE-1: Nhân viên đã đăng nhập vào hệ thống
PRE-2: Nhân viên được phân quyền tương ứngĐiều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bỏi
quản lýPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản 1.2. Có yêu cầu thêm sản phẩm mới Nhân viên hệ thống chọn thêm sản phẩm mới ở website
3. Điền đầy đủ các thông tin cần thiết cho thêm sách mới
4. Nhân viên xác nhận lại thông tin
5. Nhân viên tiến hành thêm sản phẩm mớiDòng sự kiện
ngoài lề 1 Thêm loại sản phẩm không có trong hệ thống1.1 Lưu lại thông tin và tiến hành thêm mới loại sách
1.2 Quay lại thực hiện thêm mới loại sách thêm yêu cầu
Trang 13Độ ưu tiên Cao
Quy định liên qua
Thông tin bổ sung 1. Nhân viên có thể tạo sản phẩm mới nếu cần thiết
3.4.2.Moduel Thêm phiếu mua hàng
Tạo phiếu mua hàng
Mô tả Khi khách hàng tiến hành thanh toán hóa đơn của giao diện giỏ
hàng websiteXảy ra khi Khi khách hàng có nhu cầu thanh toán giỏ hàng
Điều kiện trước PRE-1: KH đã đăng nhập vào website
PRE-2: Các thông tin đều được cung cấp đủ, cart không trốngĐiều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lýPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản
1. Có yêu cầu thanh toán giỏ hàng
2. Khách hàng vào giao diện giỏ hàng ở website
3. Điền đầy đủ các thông tin cần thiết cho việc thanh toán
4. Xác nhận lại thông tin
5. Nhân viên tiến hành thanh toánDòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung 1. Khách hàng có thể hủy đơn hàng mới nếu cần thiết
3.4.3.Moduel Thêm phiếu nhập hàng
Thêm phiếu nhập hàng
Mô tả Khi actor có nhu cầu lập phiếu mua hàng cho cửa hàng thì sẽ
thực hiện thêm phiếu nhập hàng để cửa hàng quản lýXảy ra khi Khi actor có nhu cầu lập phiếu mua hàng
Điều kiện trước PRE-1: Actor đã đăng nhập vào website, có quyền được truy
cập
13
Trang 14PRE-2: Các thông tin đều được cung cấp đủ, cart không trốngĐiều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lý, adminPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản 1.2. Có yêu cầu lập phiếu mua hàngActor vào giao diện lập phiếu mua hàng ở website admin
của cửa hàng
3. Điền đầy đủ các thông tin cần thiết cho việc thanh toán
4. Xác nhận lại thông tin
5. Actor tiến hành lập phiếuDòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung 1. Actor có thể tạo sản phẩm mới nếu cần thiết
3.4.4.Moduel Xem phiếu kiểm kho
Thêm phiếu nhập hàng
Tác nhân chính Quản lý, Admin Tác nhân phụ
Mô tả Khi actor có nhu cầu lập phiếu kiểm kho cho cửa hàng thì sẽ
thực hiện kiểm khoXảy ra khi Khi actor có nhu cầu kiểm tra kho của cửa hàng
Điều kiện trước PRE-1: Actor đã đăng nhập vào website, có quyền được truy
cậpPRE-2: Các thông tin đều được cung cấp đủĐiều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lý, adminPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản
1. Có yêu cầu xem kiểm kho
2. Actor vào giao diện kiểm kho ở website admin của cửa hàng
3. Điền đầy đủ các thông tin cần thiết
4. Xác nhận lại thông tin
5. Actor tiến hành xem Dòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung
Trang 163.4.5.Moduel Xem doanh thu
Thêm phiếu nhập hàng
Mô tả Khi actor có nhu cầu xme doanh thu cho cửa hàng thì sẽ thực
hiện báo cáo doanh thuXảy ra khi Khi actor có nhu cầu xem báo cáo doanh thu
Điều kiện trước PRE-1: Actor đã đăng nhập vào website, có quyền được truy
cậpPRE-2: Các thông tin đều được cung cấp đủĐiều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lý, adminPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản
1. Có yêu cầu xem báo cáo doanh thu
2. Actor vào giao diện báo cáo doanh thu ở website admin của cửa hàng
3. Điền đầy đủ các thông tin cần thiết
4. Xác nhận lại thông tin
5. Actor tiến hành xem Dòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung
3.4.6.
Trang 173.4.7.Moduel tìm kiếm, xem thôgn tin sản phẩm
Thêm phiếu nhập hàng
Mô tả Khi khách hàng có nhu cầu muốn tìm kiếm và xem danh sách
sản phẩmXảy ra khi Khi actor có nhu cầu muốn tìm kiếm và xem danh sách sản
phẩmĐiều kiện trước PRE-1: Actor có quyền được truy cập vào website
Điều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lý, adminDòng sự kiện cơ
bản
1. Có nhu cầu muốn tìm kiếm sản phẩm
2. Actor vào giao diện website, thanh tìm kiếm của phần header ở website của cửa hàng
3. Điền đầy đủ các thông tin cần thiết
4. Xác nhận lại thông tin
5. Actor tiến hành nhấn nút tìm kiếm và xem danh sách sản phẩm tương ứng với từ khóa tìm kiếm
Dòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung
17
Trang 183.4.8.Moduel hủy đơn hàng
Thêm phiếu nhập hàng
Mô tả Khi khách hàng có nhu cầu muốn hủy đơn hàng đã thanh toán
trước đóXảy ra khi Khi actor có nhu cầu muốn hủy đơn hàng đã thanh toán trước đó
Điều kiện trước PRE-1: Actor đã đăng nhập vào website, có quyền được truy
cậpPRE-2: Các thông tin đều được cung cấp đủ, đơn hàng chưa chuyển sang trạng thái đang chuyển hàng
Điều kiện sau POST-1: Yêu cầu được chấp nhận và có thể được nhìn thấy bởi
quản lý, adminPOST-2: Thông tin được lưu trữ vào hệ thốngDòng sự kiện cơ
bản
6. Có yêu cầu hủy đơn hàng
7. Actor vào giao diện lịch sử đơn hàng ở website của cửa hàng
8. Điền đầy đủ các thông tin cần thiết
9. Xác nhận lại thông tin
10. Actor tiến hành hủy đơn hàngDòng sự kiện
ngoài lề
Quy định liên qua
Thông tin bổ sung
a. Sơ đồ lớp và sơ đồ tuần tự
• Sơ đồ tuần tự thêm sản phẩm, loại sản phẩm
Trang 192. Thiết kế dữ liệu
19
Trang 20a. Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic
i. Bảng Ghi Chú
ii. Mô tả chi tiết các kiểu dữ liệu
1. customer
Trang 23Kiến trúc Client-Server (máy khách-máy chủ) là một mô hình máy tính, trong đó máy chủ (server), cung cấp và quản lý hầu hết các nguồn lực và dịch vụ cho máy khách (client).
Kiểu kiến trúc này có một hoặc nhiều máy khách kết nối với máy chủ trung tâm thông qua mạnghoặc Internet
Kiến trúc Client-Server cũng có thể được gọi là mạng mô hình tính toán vì tất cả các yêu cầu
và dịch vụ là được phân phối qua mạng
• Server của trang web (Web server)
Ưu điêm: Ưu điểm của mô hình client server là với mô hình client server thì mọi thứ dường như đều nằm trên bàn tay của người sử dụng, nó có thể truy cập dữ liệu từ xa (bao gồm các công việcnhư gửi và nhận file, tìm kiếm thông tin, …) với nhiều dịch vụ đa dạng mà mô hình cũ không thể làm được Mô hình client/server cung cấp một nền tảng lý tưởng cho phép tích hợp các kỹ thuật hiện đại như mô hình thiết kế hướng đối tượng, hệ chuyên gia, hệ thông tin địa lý (GIS)…Nhược điểm: Một trong những vấn đề nảy sinh trong mô hình này đó là tính an toàn và bảo mật thông tin trên mạng Do phải trao đổi dữ liệu giữa 2 máy ở 2 khu vực khác nhau cho nên dễ dàngxảy ra hiện tượng thông tin truyền trên mạng bị lộ
2. Thiết kế giao diện
2.1. Danh sách màn hình
4 Chỉnh sửa, xóa bài post Chỉnh sửa, xóa bài post của mình trong hệ thống
7 Chỉnh sửa, xóa comment Chỉnh sửa, xóa bài post của mình trong bài post
23
Trang 248 Lưu bài post Lưu lại bài post để xem sau
9 Thống kê sản phảm Thống kê các bài post đã được bán hoặc đang
được bán
2.2. Chi tiết màn hình
Màng hình trang chủ website
Màn hình danh sách sản phẩm
Trang 25Màn hình giới thiệu về tarot
Màn hình Lựa chọn đá phong thủy theo ngày sinh, cung hoàng đạo
25
Trang 26Màn hình xem độ tương tác của các cặp yêu nhauMàn hình chi tiết sản phẩm
Màn hình giỏ hàng
Trang 27Màn hình đăng nhập trang web
27
Trang 28Màn hình loại sản phẩm
Màn hình trang chính dashboard
Trang 30Màn hình thêm mới nhân viên
Màn hình thêm phiếu nhập hàng
Trang 31Màn hình thêm mới sản phẩm
31
Trang 32Màn hình thông tin nhân viên
Trang 33Màn hình thông tin chi tiết hóa đơn
Màn hình thông tin khách hàng
33
Trang 34Màn hình quản lý kho
Màn hình chỉnh chi tiết đơn hàng
Trang 35Màn hình thêm loại sản phẩm
Màn hình chính hóa đơn
35
Trang 36Màn hình thêm thông tin khách hàng
Trang 373. Kết luận
3.1. Môi trường phát triển và môi trường triển khai
3.1.1.Môi trường phát triển
• Hệ điều hảnh: Microsoft Win 10
• Ngôn ngữ: JavaScript
• FameWork: NodeJS, Express
• Hệ quản trị cơ sở dữ liệu: MongoDB
• Công cụ phân tích thiết kế: StarUML + Draw.io
• Công cụ chạy ứng dụng: Visual studio 2019 + Visual code
3.1.2.Môi trường triển khai
• Hệ điều hành: Microsoft Windows
• Xây dựng được website có giao diện thân thiện với người dùng cũng như dễ dàng tương tác
• Website hỗ trợ những tính năng giúp cho người dùng tiếp cận với sản phẩm tốt hơn