Báo Cáo Đồ Án 1 WEBSITE BÁN BÀI TAROT VÀ ĐÁ PHONG THỦY

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

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHẦN MỀM

-🙞🙞🙞🙞🙞 -Báo Cáo Đồ Án 1 WEBSITE BÁN BÀI TAROT VÀ ĐÁ

Tp Hồ Chí Minh, 1/2021

Nhận Xét Của Giáo Viên

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

1

………

………

………

………

… , ngày tháng năm 2021

Người nhận xét (Ký tên)

Lờ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

3

3.4.1 Moduel Thêm sản phẩm mới, loại sản phẩm mới 11

3.4.7 Moduel tìm kiếm, xem thôgn tin sản phẩm 16

a Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic 19

Màn hình Lựa chọn đá phong thủy theo ngày sinh, cung hoàng đạo 24

Mà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 25

Dựa trên nhu cầu thực tế của xã hội ngày càng có nhiều văn hóa và khoa học của các nước trên thế giới du nhập về Việt Nam và trong số đó bài tarot và đá phong thủy đang ngày càng được nhiều bạn trẻ cũng như nhiều thành phần trong xã hội quan tâm Nhằm giải quyết những vấn đề những bạn trẻ gặp trong việc tiếp cận cùng như mua bán đối với bài tarot, tạo

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, đổ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

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

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ữ:

7

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:

● 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:

3.2 Danh sách tác nhân hệ thống

STT Tác nhân của hệ thống Ý nghĩa

2 Quản lý Quản lý các nghiệp vụ chính của cửa hàng,

quản lý nhân viên

3 Nhân viên Quản lý thông tin sản phẩm, hóa đơn, khách

hàng

4 Khách hàng Thực hiện được các chức năng cơ bản khi vào

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

4 Quản lý kho Giúp quản lý thông tin kho

5 Báo cáo doanh thu Giúp quản lý thông tin doanh thu của cửa hàng

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

7 Mua sản phẩm Thực hiện được chức năng mua sản phẩm

8 Hủy đơn hàng Khi khách hàng đã chốt đơn có thể thực hiện

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

11

Thêm sản phẩm, loại sản phẩm mới

Tác nhân chính Nhân viên Tác nhân phụ

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 Có yêu cầu thêm sản phẩm mới

2 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ách1.2 Quay lại thực hiện thêm mới loại sách thêm yêu cầu

Độ ư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

Ngầm định Không có

3.4.2 Moduel Thêm phiếu mua hàng

Tạo phiếu mua hàng

Tác nhân chính Khách hàng Tác nhân phụ

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ề

Độ ưu tiên Cao

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

Ngầm định Không có

13

3.4.3 Moduel Thêm phiếu nhập hàng

Thêm phiếu nhập hàng

Tác nhân chính Quản lý, Admin Tác nhân phụ Người bán 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ậpPRE-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 Có yêu cầu lập phiếu mua hàng

2 Actor vào giao diện lập phiếu mua hàng ở website admincủ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ề

Độ ưu tiên Cao

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

Ngầm định Không có

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ề

Độ ưu tiên Cao

15

Quy định liên qua

Thông tin bổ sung

Ngầm định Không có

3.4.5 Moduel Xem doanh thu

Thêm phiếu nhập hàng

Tác nhân chính Admin Tác nhân phụ

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ề

Độ ưu tiên Cao

Quy định liên qua

Thông tin bổ sung

Ngầm định Không có

17

3.4.6.

3.4.7 Moduel tìm kiếm, xem thôgn tin sản phẩm

Thêm phiếu nhập hàng

Tác nhân chính Admin Tác nhân phụ

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ề

Độ ưu tiên Cao

Quy định liên qua

Thông tin bổ sung

Ngầm định Không có

19

3.4.8 Moduel hủy đơn hàng

Thêm phiếu nhập hàng

Tác nhân chính Admin Tác nhân phụ

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ề

Độ ưu tiên Cao

Quy định liên qua

Thông tin bổ sung

Ngầm định Không có

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

21

2 Thiết kế dữ liệu

a Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic

i Bảng Ghi Chú

3 role Lưu thông tin phân quyền chức năng

4 customer Lưu thông tin chi tiết của khách hàng

5 category Lưu thông tin về loại sản phẩm

6 bill Lưu thông tin về thông tin hóa đơn

7 billDetail Lưu thông tin chi tiết về hóa đơn

8 receipt Lưu thông tin về phiếu nhập hàng

ii Mô tả chi tiết các kiểu dữ liệu

Kiến trúc Client – Server:

Kiế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

5 Xem bài post Xem bài post có 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

8 Lưu bài post Lưu lại bài post để xem sau

27

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

Màn hình giới thiệu về tarot

29

Màn hình Lựa chọn đá phong thủy theo ngày sinh, cung hoàng đạo

Mà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

Màn hình đăng nhập trang web

31

Màn hình loại sản phẩm

Màn hình trang chính dashboard

Màn hình thêm mới nhân viên

33

Màn hình thêm phiếu nhập hàng

Màn hình thêm mới sản phẩm

35

Màn hình thông tin nhân viên

Màn hình thông tin chi tiết hóa đơn

37

Màn hình thông tin khách hàng

Màn hình quản lý kho

Màn hình chỉnh chi tiết đơn hàng

39

Màn hình thêm loại sản phẩm

Màn hình chính hóa đơn

Màn hình thêm thông tin khách hàng

41

3 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