Chương 1 CƠ SỞ LÝ THUYẾT 1. Visual Studio Code Visual Studio Code (VSCode) là một trình soạn thảo mã nguồn mở và miễn phí của Microsoft, đem đến cho nhà phát triển môi trường làm việc hiệu quả và linh hoạt. Với sự hỗ trợ đa ngôn ngữ, tính năng mạnh mẽ như gỡ rối tích hợp, và khả năng mở rộng thông qua các tiện ích mở rộng, VSCode là lựa chọn ưa thích cho cộng đồng lập trình. Điều đặc biệt là tích hợp tốt với các hệ thống quản lý phiên bản như Git, giúp quản lý mã nguồn dễ dàng.
Đồng thời, tính di động của nó trên nhiều hệ điều hành khác nhau làm cho nó trở thành công cụ lý tưởng cho các dự án đa nền tảng. Được xây dựng trên cơ sở của một cộng đồng mạnh mẽ, VSCode không chỉ là một trình soạn thảo mã nguồn, mà còn là một nền tảng tương tác và chia sẻ kinh nghiệm giữa các nhà phát triển.1 Logo Visual Studio Code 1. 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ữ. SVTH: Võ Duy Việt 3 Xâ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.
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à 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 SVTH: Võ Duy Việt 4 Xâ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. 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. SVTH: Võ Duy Việt 5 Xây dựng hệ thống website SpaCare giúp quản lý Spa Hình 1.4 Logo Django REST framework 1.js là một thư viện JavaScript mã nguồn mở, tập trung vào việc xây dựng giao diện người dùng (UI) linh hoạt và dễ sử dụng. Thiết kế nhẹ nhàng và dễ hiểu của Vue.js làm cho nó trở thành một công cụ phổ biến cho việc phát triển ứng dụng web đơn trang (SPA) và các thành phần giao diện tương tác. 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.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.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ả.5 Logo Vuejs SVTH: Võ Duy Việt 6 Xây dựng hệ thống website SpaCare giúp quản lý Spa Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2. Liệt kê người dùng và yêu cầu chức năng 2. Chủ Spa - 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 - Đăng ký - Đăng nhập - Quên mật khẩu 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. 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ụ SVTH: Võ Duy Việt 7 Xâ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. 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. 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.
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ụ SVTH: Võ Duy Việt 8 Xây dựng hệ thống website SpaCare giúp quản lý Spa 2. Sơ đồ Usecase cho hệ thống Hình 2.1 Sơ đồ Usecase SpaCare Hình 2.2 Sơ đồ Usercase “Xem thông tin” SVTH: Võ Duy Việt 9 Xâ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. SVTH: Võ Duy Việt 10 Xây dựng hệ thống website SpaCare giúp quản lý Spa 2.
Kịch bản cho từng Usecase 2. 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 Actors Khách hàng 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.
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. Khách hàng không muốn đặt, thoát trang web flow 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 SVTH: Võ Duy Việt 11 Xây dựng hệ thống website SpaCare giúp quản lý Spa 2. Kịch bản cho Usecase quản lý lịch hẹn 2.
Kịch bản cho Usecase xem 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 Actors Chủ Spa, Lễ tâ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.