Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.6. Sơ đồ tuần tự
2.6.4. Quản lý dịch vụ
Hình 2.16 Sơ đồ tuần tự quản lý dịch vụ
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 41
Chương 3 CHƯƠNG 3 XÂY DỰNG CHƯƠNG TRÌNH
3.1. Công cụ xây dựng chương trình
- HTML, CSS, Bootstrap, Vuejs: Xây dựng giao diện website - Django REST framework: Xây dựng các API và logic backend cho website - Hệ quả trị cơ sở dữ liệu PostgreSQL: Lưu trữ và quản lý dữ liệu
3.2. Giao diện chương trình 3.2.1. Giao diện trang chủ
Hình 3.1 Giao diện trang chủ
Trang chủ website hiển thị các thông tin giới thiệu về SpaCare…
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 42
3.2.2. Giao diện trang đặt lịch
Hình 3.2 Giao diện trang đặt lịch hẹn
Mô tả: Trang đặt lịch hẹn hiển thị các thông tin về dịch vụ, combo cho khách hàng lựa chọn nhưng dịch vụ mà khách hàng muốn sữ dụng, sau khi chọn dịch vụ và combo, chọn thời gian thì sẽ hiển thị tiền (nhập voucher để được giảm giá), và nhấn nút đăng ký nhấn nút thanh toán thì sẽ hiển thị đặt lịch thành công.
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 43
3.2.3. Giao diện thanh toán
Hình 3.3 Giao diện trang thanh toán
Mô tả: Tại đây người dùng thanh toán tiền cho những dịch vụ mà khách hàng đã đặt. có thể thanh toán bằng PayPal hoặc thẻ tín dụng.
3.2.4. Giao diện người dùng xem chi tiết lịch hẹn
Hình 3.4 Giao diện người dùng xem chi tiết lịch hẹn
Mô tả: Sau khi khách hàng đã đặt lịch thành công thì có thể xem các lịch hẹn mình đã đặt tại đây, Lịch hẹn đã duyệt thì không được huỷ, lịch hẹn chưa duyệt thì được huỷ.
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 44
3.2.5. Giao diện duyệt lịch hẹn
Hình 3.5 Giao diện duyệt lịch hẹn
Mô tả: Các lịch hẹn sẽ được Admin xem xét và duyệt khi đó khách hàng đã đặt lịch hẹn thành công. Và trang lịch hẹn cũng là nơi để Admin có thể quản lý lịch hẹn. Lịch hẹn đã được duyệt thì không được duyệt nữa.
3.2.6. Giao diện quản lý dịch vụ
Hình 3.6 Giao diện quản lý dịch vụ
Mô tả: Đây là giao diện để Admin có thể quản lý dịch vụ của SpaCare, Admin có thể thêm dịch vụ mới, sửa dịch vụ cũ hoặc xoá dịch vụ đó.
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 45
3.2.7. Giao diện quản lý nhân viên
Hình 3.7 Giao diện quản lý nhân viên
Mô tả: khi Admin tuyển nhân viên mới thì nhân viên cần đăng ký tài khoản tại trang web sau đó Admin sẽ thêm nhân viên mới vào với các chức danh như nhân viên, kế toán, lế tân.
3.2.8. Giao diện Lễ Tân quản lý khách hàng
Hình 3.8 Giao diện Lễ Tân quản lý khách hàng
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 46
Mô tả: Dịch hẹn sau khi được Admin duyệt thì sẽ được chuyển qua Lễ Tân. Khi khách hàng đến thì Lễ Tân sẽ kiểm tra và xem lịch hẹn để tự vấn dùng dịch vụ vào trước hay còn dịch vụ nào chưa dùng, dịch vụ nào đã dùng.
3.2.9. Giao diện Lễ tân quản lý chi tiết lịch hẹn
Hình 3.9 Giao diện Lễ Tân quản lý chi tiết lịch hẹn
Mô tả: Sau khi nhấn “xem chi tiết” bên giao diện Lễ Tân quản lý khách hàng thì sẽ thị giao diện trên. Khi khách hàng muốn thực hiện một dịch vụ nào thì sẽ nhấn thực hiện để chọn nhân viên thực hiện dịch vụ cho khách hàng.
3.2.10. Giao diện công việc của nhân viên
Hình 3.10 Giao diện công việc của nhân viên
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 47
Mô tả: Sau khi Lễ Tân đã chọn nhân viên để thực hiện dịch vụ thì sẽ được hiển thị ở đây cho nhân viên biết là mình sẽ thực hiện dịch vụ nào, cho khách hàng nào nào. Và nhân viên bắt đầu thực hiện cho đến khi xong thì nhấn nút đã hoàn thành công việc.
3.2.11. Giao diện công việc đã hoàn thành của nhân viên
Hình 3.11 Giao diện công việc đã hoàn thành của nhân viên
Mô tả: đây là trang mà nhân viên có thể xem những công việc mà mình đã hoàn thành được.
3.2.12. Giao diện trang đăng nhập
Hình 3.12 Giao diện trang đăng nhập
Mô tả: Khách hàng cần phải đăng nhập tài khoản mật khẩu để đăng nhập.
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 48
3.2.13. Giao diện dăng ký
Hình 3.13 Giao diện trang đăng ký
Mô tả: Khi khách hàng chưa có tài khoản cần vào trang đăng ký để đăng ký tài khoản. Khách hàng cần nhập thông tin: tên, số điện thoại, email, mật khẩu. để đăng ký tài khoản, nếu số điện thoại và email đã đăng ký trùng thì báo lỗi.
Xây dựng hệ thống website SpaCare giúp quản lý Spa
SVTH: Võ Duy Việt 49