Hệ thống này bao gồm các tính năng như đặt lịch trực tuyến, quản lý thông tin khách hàng, theo dõi doanh thu, quản lý nhân viên, và tổ chức các chương trình khuyến mãi.. Nội dung chính c
Trang 1ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
KHOA CÔNG NGHỆ SỐ
Đà Nẵng, tháng 01/2024
ĐỒ ÁN TỐT NGHIỆP
ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN
ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ SPA
Sinh viên thực hiện : Võ Duy Việt
Trang 2ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
KHOA CÔNG NGHỆ SỐ
Đà Nẵng, tháng 01/2024
ĐỒ ÁN TỐT NGHIỆP
ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN
ĐỀ TÀI:
XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ SPA
Giảng viên hướng dẫn duyệt
Trang 3NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Trang 4NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN
Trang 5TÓM TẮT
Tên đề tài: Xây dựng hệ thống website quản lý Spa (SpaCare) Sinh viên thực hiện: Võ Duy Việt
Mã SV: 1911505310269 Lớp:19T2 Xây dựng hệ thống website quản lý Spa là một dự án nhằm tạo ra một nền tảng trực tuyến để quản lý các hoạt động của một spa Hệ thống này bao gồm các tính năng như đặt lịch trực tuyến, quản lý thông tin khách hàng, theo dõi doanh thu, quản lý nhân viên, và tổ chức các chương trình khuyến mãi Người dùng, bao gồm cả khách hàng và nhân viên, có thể truy cập thông tin của họ thông qua giao diện đơn giản và thuận tiện Đồng thời, hệ thống cũng cung cấp bảo mật dữ liệu và các công cụ phân tích để hỗ trợ quyết định kinh doanh Mục tiêu của dự án là tối ưu hóa quản lý hoạt động của Spa, cung cấp trải nghiệm thuận lợi cho khách hàng và tăng cường hiệu suất kinh doanh
Trang 6TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
Xây dựng hệ thống website quản lý Spa
2 Các số liệu, tài liệu ban đầu:
Dựa trên số liệu của các website về quản lý Spa: - https://posapp.vn/
- https://nanosoft.com.vn/phan-mem-quan-ly-spa-salon.htm
- https://ezs.vn/
- https://erpviet.vn/he-thong-phan-mem-quan-ly-spa
3 Nội dung chính của đồ án:
- Ứng dụng SpaCare dành cho người dùng: + Đăng ký lịch hẹn
+ Xem thông tin lịch hẹn + Xem thông tin dịch vụ - Ứng dụng SpaCare dành cho Admin:
+ Quản lý lịch hẹn + Quản lý thông tin khách hàng + Quản lý thông tin nhân viên + Quản lý thông tin dịch vụ - Ứng dụng SpaCare dành cho Lễ Tân:
+ Xem thông tin lịch hẹn + Lựa chọn nhân viên thực hiện dịch vụ - Ứng dụng SpaCare cho nhân viên Spa:
+ Xem công việc và thực hiện công việc + Xem thông tin lương
Trang 74 Các sản phẩm dự kiến Hệ thống website quản lý Spa (SpaCare)
5 Ngày giao đồ án: …/…/2023 6 Ngày nộp đồ án: 21/01/2024
Trang 8i
LỜI NÓI ĐẦU
Trước hết, em muốn bày tỏ lòng biết ơn sâu sắc và tôn trọng đối với tất cả các giáo viên đã đồng hành và hỗ trợ em trong quá trình thực hiện đề tài này Sự giúp đỡ, hướng dẫn, và chia sẻ kiến thức quý báu từ quý thầy cô đã đóng góp lớn vào thành công của đồ án này
Đặc biệt, em muốn bày tỏ lòng biết ơn chân thành đến ThS Nguyễn Văn Phát,
người đã nhiệt tình và không ngừng động viên, hỗ trợ em trong suốt quá trình thực hiện đề tài tốt nghiệp Nhờ những kiến thức và kinh nghiệm của thầy, em đã học được nhiều điều quý giá và trải qua một quá trình nghiên cứu thực sự đáng nhớ
Em cũng muốn bày tỏ lòng biết ơn chân thành đến toàn bộ các thầy cô thuộc Khoa Công Nghệ Số, Trường Đại Học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng Trong suốt 4 năm học tại trường, em đã được trang bị những kiến thức chuyên môn, kỹ năng quan trọng, và lời khuyên quý báu từ quý thầy cô Đặc biệt, em muốn gửi lời cảm ơn đến ThS Lê Vũ, giáo viên chủ nhiệm lớp 19T2, người đã truyền đạt không chỉ kiến thức mà còn những phẩm chất đạo đức và tình yêu thương đối với nghề giáo Cùng với ThS Nguyễn Văn Phát, họ đã trở thành nguồn động viên và hỗ trợ quan trọng trong quá trình học tập và công việc của em
Tuy nhiên trong quá trình thực hiện đề tài này, do kiến thức và thời gian có hạn, em không thể tránh khỏi những sai sót Vì vậy, em mong quý thầy, cô thông cảm và góp ý để em có thể hoàn thiện hơn và tránh được những sai lầm trong tương lai
Trang 9ii Em xin cam đoan:
CAM ĐOAN
1 Những nội dung trong luận văn này do chúng em thực hiện dưới sự hướng dẫn
của thầy ThS Nguyễn Văn Phát
2 Mọi tham khảo trong luận văn đều được trích dẫn rõ ràng tên tác giả, tên công trình ,thời gian, địa điểm công bố
3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, chúng em xin chịu hoàn toàn trách nhiệm
Sinh viên thực hiện
Võ Duy Việt
Trang 10DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT xii
DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xiii
MỞ ĐẦU 1
1 Mục tiêu đề tài 1
2 Đối tượng nghiên cứu và phạm vi nghiên cứu 1
a Đối tượng nghiên cứu 1
Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 7
2.1 Liệt kê người dùng và yêu cầu chức năng 7
2.1.1 Chủ Spa 7
Trang 112.3.2 Kịch bản cho Usecase quản lý lịch hẹn 12
2.3.2.1 Kịch bản cho Usecase xem lịch hẹn 12
2.3.2.2 Kịch bản cho Usecase duyệt lịch hẹn 12
2.3.2.3 Kịch bản cho Usecase huỷ lịch hẹn 13
2.3.3 Kịch bản cho Usecase quản lý thông tin dịch vụ 14
2.3.3.1 Kịch bản cho Usecase thêm mới dịch vụ 14
2.3.3.2 Kịch bản cho Usecase xem thông tin dịch vụ 15
2.3.3.3 Kịch bản cho Usecase xoá thông tin dịch vụ 16
2.3.3.4 Kịch bản cho Usecase chỉnh sửa thông tin lịch hẹn 17
2.3.4 Kịch bản cho Usecase quản lý thông tin nhân viên 18
2.3.4.1 Kịch bản cho Usecase thêm mới nhân viên 18
2.3.4.2 Kịch bản cho Usecase chỉnh sửa thông tin nhân viên 19
2.3.4.3 Kịch bản cho Usecase xoá thông tin nhân viên 20
2.3.4.4 Kịch bản cho Usecase xem thông tin nhân viên 20
2.3.5 Kịch bản cho Usecase quản lý thông tin khách hàng 21
2.3.5.1 Kịch bản cho Usecase chỉnh sửa thông tin khách hàng 21
2.3.5.2 Kịch bản Usecase xem thông tin khách hàng 22
2.3.5.3 Kịch bảng cho Usecase xoá thông tin khách hàng 22
2.3.6 Kịch bản cho Usecase quản lý thông tin sản phẩm 23
Trang 12v
2.3.6.1 Kịch bản cho Usecase thêm mới sản phẩm 23
2.3.6.2 Kịch bản cho Usecase xem thông tin sản phẩm 24
2.3.6.3 Kịch bản cho Usecase chỉnh sửa sản phẩm 24
2.3.6.4 Kịch bản cho Usecase xoá sản phẩm 25
2.3.7 Kịch bản cho Usecase xử lý hoá đơn 26
2.3.7.1 Kịch bản cho Usecase tạo hoá đơn 26
2.3.8 Kịch bản cho Usecase đăng ký 27
Trang 13vi
2.5.1.9 LichHen(Lịch hẹn) 37
2.5.1.10 ChiTietLichHen (Chi tiết lich hẹn) 37
2.5.1.11 ChiTietCombo (Chi tiết combo) 37
Chương 3 Chương 3 XÂY DỰNG CHƯƠNG TRÌNH 41
3.1 Công cụ xây dựng chương trình 41
3.2 Giao diện chương trình 41
3.2.1 Giao diện trang chủ 41
3.2.2 Giao diện trang đặt lịch 42
3.2.3 Giao diện thanh toán 43
3.2.4 Giao diện người dùng xem chi tiết lịch hẹn 43
3.2.5 Giao diện duyệt lịch hẹn 44
3.2.6 Giao diện quản lý dịch vụ 44
3.2.7 Giao diện quản lý nhân viên 45
3.2.8 Giao diện Lễ Tân quản lý khách hàng 45
3.2.9 Giao diện Lễ tân quản lý chi tiết lịch hẹn 46
3.2.10 Giao diện công việc của nhân viên 46
3.2.11 Giao diện công việc đã hoàn thành của nhân viên 47
3.2.12 Giao diện trang đăng nhập 47
3.2.13 Giao diện dăng ký 48
Chương 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49
Trang 15viii
DANH MỤC BẢNG BIỂU
Bảng 2.1 Kịch bản cho Usecase đặt lịch hẹn 11
Bảng 2.2 Kịch bản cho Usecase xem lịch hẹn 12
Bảng 2.3 Kịch bản cho Usecase duyệt lịch hẹn 12
Bảng 2.4 Kịch bản cho Usecase huỷ lịch hẹn 13
Bảng 2.5 Kịch bản cho Usecase thêm mới dịch vụ 14
Bảng 2.6 Kịch bản cho Usecase xem thông tin dịch vụ 15
Bảng 2.7 Kịch bản cho Usecase xoá thông tin dịch vụ 16
Bảng 2.8 Kịch bản cho Usecase chỉnh sửa thông tin lịch hẹn 17
Bảng 2.9 Kịch bản cho Usecase thêm mới nhân viên 18
Bảng 2.10 Kịch bản cho Usecase chỉnh sửa thông tin nhân viên 19
Bảng 2.11 Kịch bản cho Usecase xoá thông tin nhân viên 20
Bảng 2.12 Kịch bản cho Usecase xem thông tin nhân viên 20
Bảng 2.13 Kịch bản Usecase chỉnh sửa thông tin khách hàng 21
Bảng 2.14 Kịch bản Usecase xem thông tin khách hàng 22
Bảng 2.15 Kịch bảng cho Usecase xoá thông tin khách hàng 22
Bảng 2.16 Kịch bản cho Usecase thêm mới sản phẩm 23
Bảng 2.17 Kịch bản cho Usecase xem thông tin sản phẩm 24
Bảng 2.18 Kịch bản cho Usecase chỉnh sửa sản phẩm 24
Bảng 2.19 Kịch bản cho Usecase xoá sản phẩm 25
Bảng 2.20 Kịch bản cho Usecase tạo hoá đơn 26
Bảng 2.21 Kịch bản cho Usecase đăng ký 27
Trang 17Hình 2.1 Sơ đồ Usecase SpaCare 9
Hình 2.2 Sơ đồ Usercase “Xem thông tin” 9
Hình 2.3 Sơ đồ Usercase “Tìm kiếm” 10
Hình 2.14 Sơ đồ tuần tự quản lý lịch hẹn 39
Hình 2.15 Sơ đồ tuần tự quản lý khách hàng 39
Hình 2.16 Sơ đồ tuần tự quản lý dịch vụ 40
Hình 3.1 Giao diện trang chủ 41
Hình 3.2 Giao diện trang đặt lịch hẹn 42
Hình 3.3 Giao diện trang thanh toán 43
Hình 3.4 Giao diện người dùng xem chi tiết lịch hẹn 43
Hình 3.5 Giao diện duyệt lịch hẹn 44
Hình 3.6 Giao diện quản lý dịch vụ 44
Hình 3.7 Giao diện quản lý nhân viên 45
Hình 3.8 Giao diện Lễ Tân quản lý khách hàng 45
Hình 3.9 Giao diện Lễ Tân quản lý chi tiết lịch hẹn 46
Trang 18xi
Hình 3.10 Giao diện công việc của nhân viên 46
Hình 3.11 Giao diện công việc đã hoàn thành của nhân viên 47
Hình 3.12 Giao diện trang đăng nhập 47
Hình 3.13 Giao diện trang đăng ký 48
Trang 19DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT
xii
Stt Chữ viết tắt Giải nghĩa
Trang 20DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH
xiii
1 HTML Hyper Text Markup
Language Ngôn ngữ đánh dấu siêu văn bản 2 CSS Cascading Style Sheets Ngôn ngữ thiết kế website
Trang 21Xây dựng hệ thống website SpaCare giúp quản lý Spa
MỞ ĐẦU
1 Mục tiêu đề tài
SpaCare là một nền tảng tiện ích trực tuyến thiết kế đặc biệt để giúp các chủ spa
quản lý mọi khía cạnh của kinh doanh một cách thông minh và hiệu quả hơn bao giờ hết Thay vì phải đối diện với những thủ tục quản lý phiền toái trên giấy hoặc trong tập tin Excel, SpaCare đem lại sự thuận tiện và độ chính xác tối ưu, tiết kiệm thời gian quý báu và đồng thời nâng cao trải nghiệm của bạn
Với SpaCare, bạn có thể quản lý dễ dàng thông tin về nhân sự, khách hàng, sản phẩm, và dịch vụ một cách linh hoạt Đồng thời, nó cung cấp một giao diện trực quan và tích hợp các tính năng tiên tiến giúp bạn theo dõi tình hình kinh doanh và tạo ra các kế hoạch chi tiết Điều này không chỉ giúp bạn giảm bớt công việc thủ công mà còn đảm bảo bạn luôn duy trì sự chính xác và hiệu suất tối ưu trong mọi khía cạnh của spa của bạn
2 Đối tượng nghiên cứu và phạm vi nghiên cứu
a Đối tượng nghiên cứu
Ứng dụng được nghiên cứu dựa trên các tác nhân sau: - Quản lý spa: Quản lý Spa quản lý hoạt động chung của Spa, giám sát nhân viên,
lên kế hoạch và thực hiện chiến lược kinh doanh - Nhân viên spa: Bao gồm các thợ mát-xa, thợ làm nails, chuyên viên chăm sóc
da và các nhân viên khác Họ thực hiện các dịch vụ trực tiếp cho khách hàng - Lễ tân: Lễ tân tương tác trực tiếp với khách hàng, đặt lịch hẹn, giải đáp thắc mắc
và đảm bảo rằng dịch vụ diễn ra một cách suôn sẻ - Kế toán: Kế toán quản lý tài chính, thanh toán nhân viên và quản lý các khoản
thu chi của Spa
b Phạm vi nghiên cứu
Thành phố Tam Kỳ - Tỉnh Quảng Nam
Trang 22Xây dựng hệ thống website SpaCare giúp quản lý Spa
3 Phương pháp nghiên cứu
- Khảo sát nhu cầu thực tế của các chủ spa ở thành phố Tam kỳ - Tham khảo, trải nghiệm website tương tự
4 Giải pháp công nghệ
- Công cụ lập trình: Visual Studio Code, PyCharm - Công nghệ: Django REST Framework, Nextjs - Cơ sở dữ liệu: PostSQL
- Công cụ hỗ trợ: Figma, Postman
Chương 2: Phân tích thiết kế Chương này trình bày một hướng tiếp cận trong việc phân tích hệ thống Trình bày những hướng chức năng cơ bản cho người dùng, sơ đồ cơ sở dữ liệu…
Chương 3: Xây dựng chương trình Trên cơ sở tìm hiểu và phân tích bài toán liên quan, đặc biệt là các chức năng hệ thống Từ các phân tích hệ thống và dữ liệu có được, ứng dụng được triển khai và cập nhật
Trang 23Xây dựng hệ thống website SpaCare giúp quản lý Spa
Hình 1.1 Logo Visual Studio Code
1.1.2 PyCharm
PyCharm, một sản phẩm của JetBrains, là một IDE độc đáo và mạnh mẽ dành cho phát triển ứng dụng Python Với chức năng gỡ rối tích hợp, kiểm tra lỗi liên tục, và tính năng tự động hoàn thành mã, PyCharm tạo ra một môi trường làm việc hiệu quả và tiện ích cho cả người mới bắt đầu và những nhà phát triển kỳ cựu
IDE này không chỉ hỗ trợ nhiều frameworks và thư viện Python phổ biến, như Django và Flask, mà còn mang lại các công cụ phân tích mã nguồn và chức năng tái cấu trúc mã (refactoring) Sự tích hợp linh hoạt và khả năng tương thích với nhiều ngôn ngữ làm cho PyCharm trở thành một lựa chọn ưu việt cho các dự án đa ngôn ngữ
Trang 24Xây dựng hệ thống website SpaCare giúp quản lý Spa
Với phiên bản miễn phí là PyCharm Community Edition, IDE này trở thành người bạn đồng hành lý tưởng cho cộng đồng lập trình Python, giúp họ tận hưởng sức mạnh của một môi trường phát triển chuyên nghiệp mà không tốn kém Đối với những ai đang tìm kiếm công cụ đầy đủ và hiệu quả cho phát triển Python, PyCharm là một sự lựa chọn không thể bỏ qua
Hình 1.2 Logo Pycharm
1.1.3 Postman
Postman là một công cụ phát triển ứng dụng API mạnh mẽ và phổ biến Nó cung cấp một giao diện đồ họa thân thiện và dễ sử dụng để tạo, kiểm thử và tương tác với các API
Với Postman, bạn có thể tạo các yêu cầu HTTP (GET, POST, PUT, DELETE, v.v.) và gửi chúng đến các endpoint API Bạn có thể chỉ định các thông số, tham số và thân yêu cầu để tương tác với API một cách linh hoạt Ngoài ra, Postman cũng hỗ trợ các phương thức xác thực như OAuth, JWT và Basic Auth, giúp bạn kiểm tra tính bảo mật và quyền truy cập của API
Postman cung cấp một bộ công cụ mạnh mẽ để kiểm tra và gỡ lỗi API Bạn có thể xem các câu trả lời từ API, kiểm tra mã trạng thái, xem thông tin header và body của yêu cầu và kiểm tra dữ liệu trả về Điều này giúp bạn xác nhận tính đúng đắn và chính xác của API và khắc phục lỗi nhanh chóng
Ngoài ra, Postman cũng hỗ trợ việc tạo và quản lý bộ kiểm tra (test suite) tự động Bạn có thể viết các kịch bản kiểm tra để kiểm tra tự động các yêu cầu và đảm bảo tính ổn định và chất lượng của API Các bộ kiểm tra này có thể được chạy một cách tự động và cung cấp các kết quả chi tiết về việc kiểm tra
Postman có một cộng đồng sôi động và nhiều tài liệu hữu ích Bạn có thể tìm thấy nhiều bộ sưu tập (collection) API đã được chia sẻ, hướng dẫn sử dụng và các ví dụ thực
Trang 25Xây dựng hệ thống website SpaCare giúp quản lý Spa
tế từ cộng đồng người dùng Postman Ngoài ra, Postman còn cung cấp tính năng Team và Collaboration, cho phép bạn làm việc nhóm và chia sẻ các bộ kiểm tra và môi trường làm việc
Hình 1.3 Logo Postman
1.2 Công nghệ
1.2.1 Django REST Framework
Django Rest Framework (DRF) là một bộ công cụ mạnh mẽ và linh hoạt được xây dựng trên nền tảng của Django, một framework phổ biến cho phát triển web bằng ngôn ngữ lập trình Python DRF cung cấp các công cụ và thư viện mở rộng cho việc xây dựng API RESTful trong ứng dụng Django
Với DRF, việc phát triển API trở nên dễ dàng hơn bao giờ hết, nhờ vào các tính năng như xác thực, phân quyền, và serialization tự động của đối tượng Django DRF cũng hỗ trợ nhanh chóng và dễ dàng tạo ra các chế độ xem (view) cho API, bao gồm chế độ xem dựa trên lớp (class-based views) và chế độ xem dựa trên hàm (function- based views)
Bằng cách tích hợp DRF vào dự án Django, người phát triển có thể xây dựng các API mạnh mẽ, linh hoạt và an toàn, phục vụ cho nhu cầu ngày càng tăng về giao tiếp giữa các ứng dụng và dịch vụ DRF không chỉ giúp tối ưu hóa quá trình phát triển API mà còn cung cấp các tính năng như kiểm thử tự động (automatic testing), tài liệu API tự động (automatic API documentation) và hỗ trợ tốt cho các tính năng OAuth và Token Authentication Đối với những dự án Django ứng dụng mô hình RESTful, Django Rest Framework là một công cụ mạnh mẽ để tối ưu hóa quá trình phát triển và duy trì API
Trang 26Xây dựng hệ thống website SpaCare giúp quản lý Spa
Với kiến trúc tập trung vào thành phần, Vue.js giúp tạo ra mã nguồn dễ đọc, tái sử dụng và bảo trì Nó có khả năng tích hợp dễ dàng vào dự án hiện tại, cho phép phát triển linh hoạt từ những ứng dụng nhỏ đến các dự án lớn và phức tạp
Vue.js cung cấp một hệ sinh thái mạnh mẽ với các tính năng như hai chiều binding (two-way binding), xử lý sự kiện, và quản lý trạng thái ứng dụng Điều này giúp giảm độ phức tạp của việc theo dõi và cập nhật dữ liệu trong ứng dụng, đồng thời tăng cường trải nghiệm người dùng
Bởi vì Vue.js có cộng đồng lớn và đội ngũ phát triển tích cực, nó ngày càng trở thành một lựa chọn phổ biến cho các nhà phát triển web muốn xây dựng các ứng dụng linh hoạt và hiệu quả
Hình 1.5 Logo Vuejs
Trang 27Xây dựng hệ thống website SpaCare giúp quản lý Spa
- Đăng ký - Đăng nhập - Quên mật khẩu
2.1.2 Nhân viên Spa
- Quản lý công việc - Xem lịch hẹn - Xem thông tin sản phẩm - Xem thông tin dịch vụ - Tìm kiếm thông tin sản phẩm và dịch vụ - Đăng ký
- Đăng nhập - Quên mật khẩu
2.1.3 Lễ tân
- Quản lý đặt lịch hẹn - Quản lý thông tin khách hàng - Quản lý hoá đơn
- Tìm kiếm thông tin khách hàng - Xem các sản phẩm và dịch vụ - Tìm kiếm thông tin sản phẩm và dịch vụ
Trang 28Xây dựng hệ thống website SpaCare giúp quản lý Spa
- Đăng ký - Đăng nhập - Quên mật khẩu
2.1.4 Kế toán
- Quản lý kho - Thống kê - Xử lý thanh toán - Quản lý sản phẩm - Đăng nhập
- Đăng ký - Đăng nhập - Quên mật khẩu
2.1.5 Khách hàng
- Đặt lịch hẹn - Thanh toán trực tuyến - Xem thông tin dịch vụ - Lưu trữ lịch sử dụng dịch vụ - Xem thông tin sản phẩm - Tìm kiếm thông tin sản phẩm - Tìm kiếm thông tin dịch vụ - Đánh giá sản phẩm, dịch vụ - Đăng ký
- Đăng nhập - Quên mật khẩu
2.1.6 Khách vãng lai
- Xem thông tin dịch vụ - Xem thông tin sản phẩm - Tìm kiếm thông tin sản phẩm - Tìm kiếm thông tin dịch vụ
Trang 29Xây dựng hệ thống website SpaCare giúp quản lý Spa
2.2 Sơ đồ Usecase cho hệ thống
Hình 2.1 Sơ đồ Usecase SpaCare
Hình 2.2 Sơ đồ Usercase “Xem thông tin”
Trang 30Xây dựng hệ thống website SpaCare giúp quản lý Spa
Hình 2.3 Sơ đồ Usercase “Tìm kiếm”
Mô tả: Sơ đồ Usecase của hệ thồng gồm 6 tác nhân: Chủ Spa, kế toán, lễ tân, nhân viên spa, khách hàng, khách vãng lai Bao gồm các chức năng như đặt lịch hẹn, quản lý đặt lịch hẹn, quản lý thông tin khách hàng, quản lý thông tin dịch vụ, quản lý thông tin nhân viên, cập nhật ưu đãi, khuyến mãi, quản lý sản phẩm… Sơ đồ tổng quát giúp người đọc có thể hiểu rõ hơn các chức năng có trong hệ thống và những tác nhân có những chức năng nào
Trang 31Xây dựng hệ thống website SpaCare giúp quản lý Spa
2.3 Kịch bản cho từng Usecase
2.3.1 Kịch bản cho Usecase đặt lịch hẹn
Use case name Đặt lịch hẹn
Description Người dùng đặt lịch hẹn các dịch vụ mà spa có thể thực hiện
Input Người dùng cần đã đăng nhập vào hệ thống
Output Khách hàng đặt lịch hẹn thành công
Basic flow 1 Người dùng truy cập mục "Đặt lịch hẹn" trên giao diện
2 Hệ thống hiển thị dịch vụ, thời gian đặt cho khách hàng chọn 3 Khách hàng chọn dịch vụ và thời gian cuộc hẹn
4 Nhấn nút đặt lịch và thanh toán 5 Khách hàng thanh toán trước tổng tiền mà khách hàng đặt 6 Thông báo khách hàng đặt lịch thành công và chờ duyệt
Alternative flow
3a Khách hàng không muốn đặt, thoát trang web 5a Khách hàng không thanh toán có thể nhấn nút thoát
Exception flow
Bảng 2.1 Kịch bản cho Usecase đặt lịch hẹn
Trang 32Xây dựng hệ thống website SpaCare giúp quản lý Spa
2.3.2 Kịch bản cho Usecase quản lý lịch hẹn
Use case name Xem lịch hẹn
Description Chủ Spa, Lễ tân xem lịch hẹn của khách hàng dã đặt lịch hẹn
Input Người dùng cần đã đăng nhập vào hệ thống
Output Hiển thị thông tin lịch hẹn đã được đặt
Basic flow 1 Người dùng truy cập mục "Đặt lịch hẹn" trên giao diện chính
của hệ thống quản lý Spa 2 Hệ thống hiển thị lịch hẹn cho người dùng xem
Alternative flow
Exception flow
Bảng 2.2 Kịch bản cho Usecase xem lịch hẹn
Use case name Duyệt lịch hẹn
Description Chủ Spa xem những lịch hẹn nào có thể thì duyệt
Input Người dùng đang ở trang quản lý lịch hẹn
Output Trạng thái của lịch hẹn chuyển sang đã duyệt
Basic flow 1 Người dùng xem thông tin của lịch hẹn có hợp lý thì bắt đầu
duyệt lịch hẹn 2 Người dùng nhấn nút duyệt 3 Trạng thái của lịch hẹn cần duyệt đã chuyển qua đã duyệt
Alternative flow
Exception flow
Bảng 2.3 Kịch bản cho Usecase duyệt lịch hẹn
Trang 33Xây dựng hệ thống website SpaCare giúp quản lý Spa
Use case name Huỷ lịch hẹn
Description Chủ Spa xem những lịch hẹn nào có thể thì huỷ
Input Người dùng đang ở trang quản lý lịch hẹn
Output Hệ thống hiển thị huỷ lịch hẹn thành công
Basic flow 1 Người dùng truy cập mục "Đặt lịch hẹn" trên giao diện chính
của hệ thống quản lý Spa 2 Hệ thống hiển thị lịch hẹn cho người dùng xem 3 Người dùng chọn lịch hẹn muốn huỷ
4 Nhấn nút “ Huỷ”
Alternative flow
4a Hệ thống hiển thị thanh xác nhận muốn huỷ12 4b Nhấn “Có” để xoá, nhấn “Không” để huỷ
Exception flow
Bảng 2.4 Kịch bản cho Usecase huỷ lịch hẹn
Trang 34Xây dựng hệ thống website SpaCare giúp quản lý Spa
2.3.3 Kịch bản cho Usecase quản lý thông tin dịch vụ
Use case name Thêm mới dịch vụ
Description Người dùng thêm sản phẩm mới vào danh sách dịch vụ
Basic flow 1 Người dùng đăng nhập vào hệ thống
2 Người dùng truy cập mục "Quản lý dịch vụ" trên giao diện chính
3 Người dùng chọn tùy chọn “Thêm mới dịch vụ” 4 Hệ thống hiển thị biểu mẫu hoặc trang để người dùng nhập
thông tin về dịch vụ mới Thông tin này bao gồm tên dịch vụ, mô tả, giá, danh mục, thời gian thực hiện, và hình ảnh (nếu cần)
5 Người dùng nhập thông tin dịch vụ vào biểu mẫu hoặc trang 6 Nhấn nút "Lưu"
Alternative flow
4a Người dùng nhấn vào nút Huỷ để huỷ
Exception flow 5a Người dùng điền không đủ thông tin sản phẩm
5b Nếu tên dịch vụ mới bị trùng lặp với một dịch vụ đã tồn tại trong hệ thống, hệ thống sẽ hiển thị thông báo lỗi và yêu cầu người dùng nhập lại tên dịch vụ
Bảng 2.5 Kịch bản cho Usecase thêm mới dịch vụ
Trang 35Xây dựng hệ thống website SpaCare giúp quản lý Spa
Use case name Xem thông tin dịch vụ
Description Người dùng xem thông tin chi tiết của một dịch vụ
Output Hiển thị thông tin dịch vụ
Basic flow 1 Người dùng truy cập mục "Quản lý dịch vụ" trên giao diện
chính 2 Người dùng tìm kiếm và chọn dịch vụ mà họ muốn xem
thông tin 3 Hệ thống hiển thị trang chi tiết của dịch vụ, bao gồm: tên
dịch vụ, mô tả, danh mục, thời gian thực hiện và hình ảnh(nếu có)
Alternative flow
Exception flow
Bảng 2.6 Kịch bản cho Usecase xem thông tin dịch vụ