LOI CAM ON Nhóm tác giả xin gửi lởi cám ơn chân thành tới tập thể quý Th Cô trưởng dai học Tài Nguyên và Môi Trường nói chung và quý Th Cô khoa Hệ thống thông tin và viễn thám nói riêng
Phương pháp nghiên CỨU ít S ST HH HH HH HH HH Hi 2 I4: {(qddaAaa : :.::(ƠSOÓrsrsrss 2 Chương 2: Cơ sở lý thuyẾT SH HH HH HH TH HH HH HH 3 2.1 _ Công cụ sử dụng và hổ trỢ .c- nh HH HH kh I 3 A Visual Studio COdG ác nh nh HH TH HT HH KH HH TH ĐT KH TH kết 3
Kỹ thuật sử dụng SH HH HH HH HH HH KH 10 A GÌ 19) ¿-.ct::ẪtttddiiiiẢỔỐỐ
JWT (JSON Web Token) là một phương tiện truyền tải thông tin giữa Client và Server, với dữ liệu được định dạng bằng JSON Chuỗi JWT bao gồm ba phần chính: header, payload và signature.
Header Payload Signature base64enc({ base64enc({ HMACSHA256
"alg": "HS256", iss”: "toptal.com", base64enc(heacler
Hinh 2.8 Cau tric JWT (JSON web token)
Thiết kế và xây dựng phần mềm quản lý khách sạn là một nhiệm vụ quan trọng, trong đó header sẽ chứa kiểu dữ liệu và thuật toán được sử dụng để mã hóa ra chuỗi JWT.
H “typ” (type) ch rẩrọ*ng đụếi tượng là mộtJWT >ằ^ A⁄A2
Thuật toán mã hóa cho chuỗi Token được xác định là HS256, trong đó phần payload chứa các thông tin cần thiết như tên người dùng, ID người dùng và tác giả Phần chữ ký được tạo ra bằng cách mã hóa kết hợp giữa header, payload và một chuỗi bí mật.
O Vidu sInR5c DkwTi wiaWF8Tj]oxNT eyJhb6ci0iJTUzT1NiT zdWLi0i1xMjMONTY CI6IkpXVCJ9 ey nF tZST6Ikpva
MjM5MDTyf( emP98 cote u28tDrfxdyKmL _TyKHhpbxb8ghu8UE0yhdRWdw
11 Neuyéén Hoang Vũ quản lý khách sạn GV: ThS Từ Thanh Trí
Hình 2.9 Ví dụ vềJWT (SON Web Token)
H Vì sao sử dụng JWT ?
Xác thực là trường hợp phổ biến nhất khi sử dụng JWT Sau khi người dùng đăng nhập, các yêu cầu tiếp theo sẽ bao gồm mã JWT, cho phép họ truy cập vào các URL, dịch vụ và tài nguyên mà mã Token đó cho phép Phương pháp này không bị ảnh hưởng bởi Cross-Origin Resource Sharing (CORS) vì không sử dụng cookie.
JSON Web Token (JWT) là một phương pháp hiệu quả để trao đổi thông tin an toàn giữa các thành viên, nhờ vào chữ ký của nó Người nhận có thể xác định danh tính người gửi thông qua chữ ký, được tạo ra từ sự kết hợp giữa phần header và payload Điều này cho phép xác minh tính xác thực của chữ ký, đảm bảo rằng thông tin không bị giả mạo.
B Lap trinh dng bé (Synchronous) va bat d ng bé (Asynchronous)
Lập trình đồng bộ (Synchronous) là phương pháp xử lý trong đó chương trình thực hiện từng bước một, chỉ chuyển sang bước tiếp theo khi bước trước đó hoàn tất Nguyên tắc này yêu cầu trình biên dịch xử lý mã nguồn theo thứ tự từ trên xuống dưới và từ trái qua phải, dẫn đến trạng thái chờ khi một dòng mã chưa hoàn thành.
Lập trình bất đồng bộ (Asynchronous) cho phép thực thi các tác vụ độc lập mà không cần phải chạy tuần tự Điều này có nghĩa là các tác vụ có thể chạy song song và không phải chờ đợi lẫn nhau, từ đó nâng cao hiệu suất hoạt động của ứng dụng.
Lập trình bất đồng bộ là phương pháp hiệu quả cho các tác vụ có thể bị chậm trễ, như truy cập website Khi truy cập tài nguyên trên web, người dùng thường gặp phải tình trạng chờ đợi Ngoài ra, nhiều xử lý khác như làm việc với file cũng nên được triển khai theo hình thức bất đồng bộ để tối ưu hóa hiệu suất.
Cookies là một tệp tin tạm thời được tự động tạo ra trên máy tính của người dùng khi truy cập vào một trang web Chúng lưu trữ thông tin cá nhân như tài khoản đăng nhập, giúp cải thiện trải nghiệm sử dụng cho lần truy cập sau.
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Chương 3: Cài đặt và thử nghiệm ứng dụng
3.3.1 Xác định yêu câ bài toán
A Quản lý các phòng trong khách sạn
Quản trị viên có thể thêm, sửa, xóa và đi `âi chỉnh giá của từng phòng mình muốn
Hệ thống sẽ có những quy & hạn cơ bản để thuận tiện trong việc quản lý
Quy õn bao g ụn: Admin (Quản lý), Client(Khỏch hàng), Gỉuest (người dựng, khỏch không nằm trong hệ thống)
C Xác thực đăng nhập và quy & han
Xác thực thành viên đăng nhập vào hệ thống mà không ảnh hướng đến cơ sở dữ liệu
Cho pháp khách hàng (đã đăng nhập vào hệ thống) tiến hành đặt phòng và thanh toán theo hình thức trực tuyến
Khách hàng có thể tùy chọn tìm kiếm phòng theo ngày, theo loại
A Xác định & Phân tích các thực thể hệ thống
1 Phân tích chỉ tiết từng thực thể
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí
Ma id Tén phong Hinh anh Giá mỗi ngày
Mô tả g1ủ1nnnnnn t phong (Bookings)
Mã khách hàng Ngày đặt Ngày trả
Số ngày Tổng thanh toán
H HH hùn Dủ jn nh
H Đặt tả cơ sở dữ liệu
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Thuộc tính Kiêu dữ liệu Khóa nhi chú
_Id Objectld Primary key Not null
Thuộc tính Kiêu dữ liệu Khóa nhi chú
_Id Objectld Primary key Not null
Userld String Not null fromDate String Not null toDate String Not null transactionld String Not null total Date Number Not null amount Number Not null status string Not null
3.3.3 Phân tích hệ thống với UML
Hình 3.1 Lược đ ôUse case tổng quát b Dat ta Usecase
GV: ThsS Từ Thanh Trí mm Client
[1 Chức năng cho phép người dùng (Admin, Client) đăng nhập vào hệ thống
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
FT Người dùng chọn đăng nhập trên thanh menu
FT Hệ thống hiển thị giao diện đăng nhập
Fù Người dựng nhập tài khoản bao gần Tờn đăng nhập và mật khẩu
FT Hệ thống kiểm tra và xác nhận thông tin đăng nhập
FT Hiển thị giao diện chính của trang web
Fù Kết thỳc Use case
FT Người dùng hủy yêu cân đăng nhập
FT Hệ thống trả v êtrang chủ F7 Kết thúc Usecase
Fù Người dựng nhập thụng tin sai F7 Hệ thống hiển thị thông báo lỗi
[1 Chức năng cho phép client (guest, khéng thudc nguoi ding trong hệ thống) đăng ký trở thành người dùng trong hệ thống
FT Người dùng chọn đăng nhập trên thanh menu Người dùng chọn đăng ký từ giao diện đăng nhập
Hệ thống hiển thị giao diện đăng ký
Nguoi ding nhap thông tin đăng ký bao g ôm Tên đăng nhập, mật khẩu và mật khẩu xác nhận
Q Hệ thống kiểm tra và xác nhận thông tin đăng ký
Fù Hiển thị giao diện chớnh của trang web
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí
Fù Kết thỳc Use case
Fù Người dựng hủy yộu ci dang ký
FT Hệ thống trả v êtrang chủ F7 Kết thúc Usecase F7 Dòng thứ hai:
O Nguoi dùng nhập thông tin sai như: nhập tài khoản đã tên tại, nhập mật khẩu không hợp lệ, nhập mật khẩu xác nhận không đúng
F7 Hệ thống hiển thị thông báo lỗi
[1 Chức năng cho phép người dùng (Admin) quản lý bài phòng của khách sạn: Thêm, xóa, tìm kiếm
HH Phải đăng nhập bằng tài khoản Admin
FT Dòng sự kiện chính của thêm phòng:
F7 Sự kiến bắt đần khi người dùng chọn thêm phòng
FT Hệ thống hiển thị giao diện tạo phòngt
F7 Người dùng nhập thông tin phòng g ồn tên, loại, giá mỗi ngày, số người tối đa, ảnh
FT Hệ thống kiểm tra tính hợp lệ thông tin F7 Hệ thống lưu phòng mới
Fù Kết thỳc Use case
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
FT Dòng sự kiện chính của tìm phòng:
FT Người dùng nhập thông tin c3n tìm kiếm
FT Hệ thống hiển thị các bài viết/di tích có liên quan
Fù Kết thỳc Use case
Dòng sự kiện chính của xóa phòng:
FT Người dùng chọn phòng muốn xóa F7 Hệ thống hiển thị thông báo xác nhận xóa cho người dùng
Fẽ Người dựng xỏc nhận thụng tin, F7 Hệ thống xóa phòng
Fù Kết thỳc Use case Dòng sự kiện phụ của xóa phòng F7 Dòng thứ 1:
Fù Người dựng xỏc nhận hủy, khụng xúa phũng khi hệ thống gửi thông báo xác nhận
7 Hệ thống tắt thông báo và không xác bài viết
HH Usecase Quản Lý Thanh Toán
[1 Chức năng cho Admin xem các giao dịch trong lịch sử Dòng sự kiện chính
F7 Sự kiến bắt đầu khi người dùng chọn xem giao dịch tử giao diện quản lý admin
FT Hệ thống hiển thị danh sách giao dịch
Fù Kết thỳc Use case Dòng sự kiện phụ
19 quản lý khách sạn GV: ThS Từ Thanh Trí
FT Người dùng xác nhận hủy kiểm duyệt
[1 Chức năng cho khách hàng và khác không thuộc hệ thống tìm kiếm các phòng
Fẽ Sự kiến bắt đầu khi người dựng nhập tờn phũng hoặc chọn ngày loại ở trên thanh lọc
FT Hệ thống hiển thị các phòng có liên quan
Fù Kết thỳc Use case
[1 Chức năng cho phép khách hang đặt phòng trực tuyến
[1 Phải dang nhập từ trước
F7 Sự kiến bắt đần khi người dùng chọn phòng muốn đặt
Hệ thống hiển thị thông tin đặt phòng từ lựa chọn người dùng Người dùng nhấp thanh toán
Hệ thống yêu cÂi nhập số thẻ VISA
Hệ thống thanh toán và lưu giao dịch
Hệ thống thông báo đặt phòng thành công
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
[1 Chức năng cho phép khách hàng hủy đặt phòng trực tuyến
[1 Phải dang nhập từ trước và phòng được đặt chưa sử dụng
F7 Sự kiến bắt đần khi người dùng chọn phòng muốn hủy từ lịch sử đặt phòng
FT Khách hàng chọn giao dịch muốn hủy
Fù Hệ thống hủy phũng đú và hoàn tĂ
Fù Kết thỳc Use case
Neuyéén Hoàng Vũ quản lý khách sạn
B Mê hình quan hệ thực thé (ERD)
Dae j\ ae =2 = mi statu otaiDa
Hình 3.2 Mô hình quan hệ thực thể
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn
GV: ThS Từ Thanh Trí
-d id name nameRoom email roomld password userid isAdmin fromDate toDate transactionid
-ld amount name status imageUrl rentPerday
23 quản lý khách sạn GV: ThS Từ Thanh Trí
D Sơ đồtu®n tự a Biểu đ ồtu3n tự cho chức năng đăng nhập
Cơ sở dữ liệu người dùng
1 Nhập tài khoản và mất khẩu:
Người dùng Giao diện chính Giao diện đăng nhập Xử lý đăng nhập
' > ' l 3 Kiem tra tài khoản 8 mật khâu — ;
Hình 3.4 Lượt đ ôtu3n tự cho chức năng đăng nhập b Biểu đ ồtu3n tự cho chức năng đăng ký
Cơ sở dữ liệu người dùng
Người dùng Giao diện chính Giao diện đăng ký Xử lý đăng ký
1 Nhập tải khoản.mật khẫu và mật khẫu xác nhận
2 Kiem tra thông tin nhập
B Lưu vào cơ sở dữ liệu người dùng
5 Xác thực thành công Sota
Hình 3.5 Lượt đ `ôtun tự cho chức năng đăng ký
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí c Biểu đềồtu3n tự cho chức năng quản lý phòng
Giao diện quản Xử lý quản lý
Admin lý phòng phòng CSDL phòng
Hình 3.6 Lược đ ôtun tự cho chức năng quản lý phòng
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí d Biểu đ ồtu3n tự cho chức năng tìm kiếm phòng
Hình 3.7 Lược đ ôtun tự cho chức năng tìm phòng e Biểu đồtu3n tự cho chức năng đặt phòng
Hình 3.8 Lược đ ôtun tự cho chức năngđặt phòng
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí f Biểu đồtu3n tự cho chức năng hủy đặt phòng
Hình 3.9 Lược đ ôtun tự cho chức năng hủy đặt phòng
3.3.4 Phân tích thiết kế giao diện với chức năng
Hình 3.10 Giao diện đăng nhập
27 quản lý khách sạn GV: ThS Từ Thanh Trí a Mục đích
Giao diện cho người dùng (Admin, Client) đăng nhập vào hệ thống b Phạm vi
Nguoi ding có thể đăng nhập, hủy hoặc chọn “Tham gia với chúng tôi” tức đăng ký nếu chưa có tài khoản c Mô tả chức năng
Nếu người dùng nhập sai tài khoản hoặc mật khẩu, sẽ có thông báo bên dưới phải màn hình hiển thị cho người dùng
Nếu người dùng nhập đúng tài khoản và mật khẩu, hệ thống sẽ hiện thỉ giao diện chính
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Hình 3.11 Giao diện đăng ký a Mục đích
Giao diện cho client/khách (người không thuộc người dụng trong hệ thống) đăng ký tham gia vào hệ thống b Phạm vi
Client/Khách có thể hủy quay về trang chủ hoặc chọn “Đã có tài khoản” nếu đã là ngươi dùng trong hệ thống c Mô tả chức năng
Nếu Chient/Khách nhập sai thông tin thì hệ thống sẽ không cho phép Client/khách đăng ký
Nếu khách hàng để trống thông tin thì hệ thống sẽ báo lỗi từ cái ô nhập
Nếu Client/Khách nhập đầy đủ và hợp lệ các thông tin, hệ thống sẽ cho đăng ký thành công và trở v êtrang chủ
Neuyéén Hoàng Vũ quản lý khách sạn
Hình 3.12 Giao diện trang chủ
Hình 3.13 Giao diện chính a Mục đích
Giao diện trang chủ hiển thị các phòng cho client b Phạm vi
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Từ giao diện chính (hình 3.13), client có thể chọn đặt phòng, tìm kiếm phòng và kiểm tra thông tin h Ôsơ c Mô tả chức năng
Hệ thống hiển thị các phòng và cho phép người dùng tìm kiếm hoặc đặt phòng Để truy cập vào giao diện trang chủ, người dùng cần phải đăng nhập hoặc thực hiện việc đăng ký tài khoản.
Neuyéén Hoàng Vũ quản lý khách sạn
Hình 3.14 Giao diện thanh toán
Hình 3.Cửa số thông tin thẻ thanh toán
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí a Mục đích
Hiển thị thông tin đặt phòng do khách hàng chọn Cho phép khách hàng thanh toán bằng thẻ b Phạm vi
Người dùng có thể thanh toán bằng thẻ hoặc hủy đặt phòng quay v êgiao điện chính
Người dùng cũng có thể vào h ôsơ từ thanh navbar c Mô tả chức năng
Hiển thị thông tin đặt phòng và thanh toán d Ràng buộc Để thanh toán thì ngươi dùng phải chọn phòng từ trước
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí Chương 4: Kết luận
4.1 Kết quả đạt được của đ êtài
Tìm hiểu hệ thống kỹ càng chính xác
[1 Hién trang hé théng va yéu c_@ ngwoi sv dung
O Các chức năng c3n có của hệ thống
Phân tích thiết kế với UML
Giao diện thân thiện, dễ sử dụng Đưa hệ thống vào thử nghiệm thành công
Tìm hiểu cách xây dựng ứng dụng web từ đầi đến khi xuất bản bằng Node]S, ExpressJS va ReactJS
Hiểu cách cấu trúc một ứng dụng MERN
Sử dụng Visual Studio hiệu quả để cải thiện quy trình làm việc, quy trình thực hiện d€tai
Trién khai xdc thc bang JWT (JSON Web Token)
Dù đã toàn tâm cố gắng, song do khả năng và trình độ nhất định đ Êtài còn giới hạn v`ềmặt quy mê ứng dụng
Việc khai thác đầy đủ chức năng của hệ thống vẫn gặp nhiều khó khăn và chưa đạt hiệu quả như mong muốn Do đó, tác giả rất mong nhận được ý kiến đóng góp và lời khuyên từ mọi người.
Thiết kế và xây dựng phần mềm quản lý khách sạn là một lĩnh vực quan trọng, do ThS Từ Thanh Trí, giảng viên tại Đại học Tài Nguyên và Môi Trường TP.HCM, đảm nhiệm Mục tiêu của hệ thống là phát huy tối đa các chức năng mà tác giả đã phát triển, nhằm nâng cao hiệu quả quản lý trong ngành khách sạn.
D €tai c6 thé phat trién r6gn rai thém cái dịch vụ trong khách sạn (ăn uống) Ð Ông t
Trong thời gian tới, tác giả sẽ tiếp tục nghiên cứu và phân tích nhằm tối ưu hóa và hoàn thiện hệ thống.
Lap trinh d “ng b6é (Synchronous) va bat d Gng bộ (Asynchronou8) ch nnriee 12 Chương 3: Cài đặt và thử nghiệm ứng dụng St 1 HH ren 13
Xây dựng chương trÌnh - th TH HH TH HH HT kết 13 A Xác định & Phân tích các thực thể hệ thống - ác ST HH HH Hà 13
A Xác định & Phân tích các thực thể hệ thống
1 Phân tích chỉ tiết từng thực thể
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí
Ma id Tén phong Hinh anh Giá mỗi ngày
Mô tả g1ủ1nnnnnn t phong (Bookings)
Mã khách hàng Ngày đặt Ngày trả
Số ngày Tổng thanh toán
H HH hùn Dủ jn nh
H Đặt tả cơ sở dữ liệu
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Thuộc tính Kiêu dữ liệu Khóa nhi chú
_Id Objectld Primary key Not null
Thuộc tính Kiêu dữ liệu Khóa nhi chú
_Id Objectld Primary key Not null
Userld String Not null fromDate String Not null toDate String Not null transactionld String Not null total Date Number Not null amount Number Not null status string Not null
Phân tích hệ thống với UMLL, nh nh như th hà HH HH Hi têt 16 A Biểu đÔsecase cành HH HH ĐH HH HH HH LH HH 16 B._ Mô hình quan hệ thực thể (ERD) ch HH Hà HH KH Ho 22 2= 3.1) na đ
Hình 3.1 Lược đ ôUse case tổng quát b Dat ta Usecase
GV: ThsS Từ Thanh Trí mm Client
[1 Chức năng cho phép người dùng (Admin, Client) đăng nhập vào hệ thống
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
FT Người dùng chọn đăng nhập trên thanh menu
FT Hệ thống hiển thị giao diện đăng nhập
Fù Người dựng nhập tài khoản bao gần Tờn đăng nhập và mật khẩu
FT Hệ thống kiểm tra và xác nhận thông tin đăng nhập
FT Hiển thị giao diện chính của trang web
Fù Kết thỳc Use case
FT Người dùng hủy yêu cân đăng nhập
FT Hệ thống trả v êtrang chủ F7 Kết thúc Usecase
Fù Người dựng nhập thụng tin sai F7 Hệ thống hiển thị thông báo lỗi
[1 Chức năng cho phép client (guest, khéng thudc nguoi ding trong hệ thống) đăng ký trở thành người dùng trong hệ thống
FT Người dùng chọn đăng nhập trên thanh menu Người dùng chọn đăng ký từ giao diện đăng nhập
Hệ thống hiển thị giao diện đăng ký
Nguoi ding nhap thông tin đăng ký bao g ôm Tên đăng nhập, mật khẩu và mật khẩu xác nhận
Q Hệ thống kiểm tra và xác nhận thông tin đăng ký
Fù Hiển thị giao diện chớnh của trang web
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí
Fù Kết thỳc Use case
Fù Người dựng hủy yộu ci dang ký
FT Hệ thống trả v êtrang chủ F7 Kết thúc Usecase F7 Dòng thứ hai:
O Nguoi dùng nhập thông tin sai như: nhập tài khoản đã tên tại, nhập mật khẩu không hợp lệ, nhập mật khẩu xác nhận không đúng
F7 Hệ thống hiển thị thông báo lỗi
[1 Chức năng cho phép người dùng (Admin) quản lý bài phòng của khách sạn: Thêm, xóa, tìm kiếm
HH Phải đăng nhập bằng tài khoản Admin
FT Dòng sự kiện chính của thêm phòng:
F7 Sự kiến bắt đần khi người dùng chọn thêm phòng
FT Hệ thống hiển thị giao diện tạo phòngt
F7 Người dùng nhập thông tin phòng g ồn tên, loại, giá mỗi ngày, số người tối đa, ảnh
FT Hệ thống kiểm tra tính hợp lệ thông tin F7 Hệ thống lưu phòng mới
Fù Kết thỳc Use case
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
FT Dòng sự kiện chính của tìm phòng:
FT Người dùng nhập thông tin c3n tìm kiếm
FT Hệ thống hiển thị các bài viết/di tích có liên quan
Fù Kết thỳc Use case
Dòng sự kiện chính của xóa phòng:
FT Người dùng chọn phòng muốn xóa F7 Hệ thống hiển thị thông báo xác nhận xóa cho người dùng
Fẽ Người dựng xỏc nhận thụng tin, F7 Hệ thống xóa phòng
Fù Kết thỳc Use case Dòng sự kiện phụ của xóa phòng F7 Dòng thứ 1:
Fù Người dựng xỏc nhận hủy, khụng xúa phũng khi hệ thống gửi thông báo xác nhận
7 Hệ thống tắt thông báo và không xác bài viết
HH Usecase Quản Lý Thanh Toán
[1 Chức năng cho Admin xem các giao dịch trong lịch sử Dòng sự kiện chính
F7 Sự kiến bắt đầu khi người dùng chọn xem giao dịch tử giao diện quản lý admin
FT Hệ thống hiển thị danh sách giao dịch
Fù Kết thỳc Use case Dòng sự kiện phụ
19 quản lý khách sạn GV: ThS Từ Thanh Trí
FT Người dùng xác nhận hủy kiểm duyệt
[1 Chức năng cho khách hàng và khác không thuộc hệ thống tìm kiếm các phòng
Fẽ Sự kiến bắt đầu khi người dựng nhập tờn phũng hoặc chọn ngày loại ở trên thanh lọc
FT Hệ thống hiển thị các phòng có liên quan
Fù Kết thỳc Use case
[1 Chức năng cho phép khách hang đặt phòng trực tuyến
[1 Phải dang nhập từ trước
F7 Sự kiến bắt đần khi người dùng chọn phòng muốn đặt
Hệ thống hiển thị thông tin đặt phòng từ lựa chọn người dùng Người dùng nhấp thanh toán
Hệ thống yêu cÂi nhập số thẻ VISA
Hệ thống thanh toán và lưu giao dịch
Hệ thống thông báo đặt phòng thành công
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
[1 Chức năng cho phép khách hàng hủy đặt phòng trực tuyến
[1 Phải dang nhập từ trước và phòng được đặt chưa sử dụng
F7 Sự kiến bắt đần khi người dùng chọn phòng muốn hủy từ lịch sử đặt phòng
FT Khách hàng chọn giao dịch muốn hủy
Fù Hệ thống hủy phũng đú và hoàn tĂ
Fù Kết thỳc Use case
Neuyéén Hoàng Vũ quản lý khách sạn
B Mê hình quan hệ thực thé (ERD)
Dae j\ ae =2 = mi statu otaiDa
Hình 3.2 Mô hình quan hệ thực thể
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn
GV: ThS Từ Thanh Trí
-d id name nameRoom email roomld password userid isAdmin fromDate toDate transactionid
-ld amount name status imageUrl rentPerday
23 quản lý khách sạn GV: ThS Từ Thanh Trí
D Sơ đồtu®n tự a Biểu đ ồtu3n tự cho chức năng đăng nhập
Cơ sở dữ liệu người dùng
1 Nhập tài khoản và mất khẩu:
Người dùng Giao diện chính Giao diện đăng nhập Xử lý đăng nhập
' > ' l 3 Kiem tra tài khoản 8 mật khâu — ;
Hình 3.4 Lượt đ ôtu3n tự cho chức năng đăng nhập b Biểu đ ồtu3n tự cho chức năng đăng ký
Cơ sở dữ liệu người dùng
Người dùng Giao diện chính Giao diện đăng ký Xử lý đăng ký
1 Nhập tải khoản.mật khẫu và mật khẫu xác nhận
2 Kiem tra thông tin nhập
B Lưu vào cơ sở dữ liệu người dùng
5 Xác thực thành công Sota
Hình 3.5 Lượt đ `ôtun tự cho chức năng đăng ký
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí c Biểu đềồtu3n tự cho chức năng quản lý phòng
Giao diện quản Xử lý quản lý
Admin lý phòng phòng CSDL phòng
Hình 3.6 Lược đ ôtun tự cho chức năng quản lý phòng
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí d Biểu đ ồtu3n tự cho chức năng tìm kiếm phòng
Hình 3.7 Lược đ ôtun tự cho chức năng tìm phòng e Biểu đồtu3n tự cho chức năng đặt phòng
Hình 3.8 Lược đ ôtun tự cho chức năngđặt phòng
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí f Biểu đồtu3n tự cho chức năng hủy đặt phòng
Hình 3.9 Lược đ ôtun tự cho chức năng hủy đặt phòng
3.3.4 Phân tích thiết kế giao diện với chức năng
Hình 3.10 Giao diện đăng nhập
27 quản lý khách sạn GV: ThS Từ Thanh Trí a Mục đích
Giao diện cho người dùng (Admin, Client) đăng nhập vào hệ thống b Phạm vi
Nguoi ding có thể đăng nhập, hủy hoặc chọn “Tham gia với chúng tôi” tức đăng ký nếu chưa có tài khoản c Mô tả chức năng
Nếu người dùng nhập sai tài khoản hoặc mật khẩu, sẽ có thông báo bên dưới phải màn hình hiển thị cho người dùng
Nếu người dùng nhập đúng tài khoản và mật khẩu, hệ thống sẽ hiện thỉ giao diện chính
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Hình 3.11 Giao diện đăng ký a Mục đích
Giao diện cho client/khách (người không thuộc người dụng trong hệ thống) đăng ký tham gia vào hệ thống b Phạm vi
Client/Khách có thể hủy quay về trang chủ hoặc chọn “Đã có tài khoản” nếu đã là ngươi dùng trong hệ thống c Mô tả chức năng
Nếu Chient/Khách nhập sai thông tin thì hệ thống sẽ không cho phép Client/khách đăng ký
Nếu khách hàng để trống thông tin thì hệ thống sẽ báo lỗi từ cái ô nhập
Nếu Client/Khách nhập đầy đủ và hợp lệ các thông tin, hệ thống sẽ cho đăng ký thành công và trở v êtrang chủ
Neuyéén Hoàng Vũ quản lý khách sạn
Hình 3.12 Giao diện trang chủ
Hình 3.13 Giao diện chính a Mục đích
Giao diện trang chủ hiển thị các phòng cho client b Phạm vi
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí
Từ giao diện chính (hình 3.13), client có thể chọn đặt phòng, tìm kiếm phòng và kiểm tra thông tin h Ôsơ c Mô tả chức năng
Hệ thống hiển thị danh sách các phòng và cho phép người dùng thực hiện các thao tác như tìm kiếm và đặt phòng Để truy cập vào giao diện trang chủ, người dùng cần phải đăng nhập hoặc đăng ký tài khoản.
Neuyéén Hoàng Vũ quản lý khách sạn
Hình 3.14 Giao diện thanh toán
Hình 3.Cửa số thông tin thẻ thanh toán
GV: ThS Từ Thanh Trí
Thiết kế & xây dựng phần mn quản lý khách sạn GV: ThS Từ Thanh Trí a Mục đích
Hiển thị thông tin đặt phòng do khách hàng chọn Cho phép khách hàng thanh toán bằng thẻ b Phạm vi
Người dùng có thể thanh toán bằng thẻ hoặc hủy đặt phòng quay v êgiao điện chính
Người dùng cũng có thể vào h ôsơ từ thanh navbar c Mô tả chức năng
Hiển thị thông tin đặt phòng và thanh toán d Ràng buộc Để thanh toán thì ngươi dùng phải chọn phòng từ trước
Neuyéén Hoàng Vũ quản lý khách sạn GV: ThS Từ Thanh Trí Chương 4: Kết luận
4.1 Kết quả đạt được của đ êtài
Tìm hiểu hệ thống kỹ càng chính xác
[1 Hién trang hé théng va yéu c_@ ngwoi sv dung
O Các chức năng c3n có của hệ thống
Phân tích thiết kế với UML
Giao diện thân thiện, dễ sử dụng Đưa hệ thống vào thử nghiệm thành công
Tìm hiểu cách xây dựng ứng dụng web từ đầi đến khi xuất bản bằng Node]S, ExpressJS va ReactJS
Hiểu cách cấu trúc một ứng dụng MERN
Sử dụng Visual Studio hiệu quả để cải thiện quy trình làm việc, quy trình thực hiện d€tai
Trién khai xdc thc bang JWT (JSON Web Token)
Dù đã toàn tâm cố gắng, song do khả năng và trình độ nhất định đ Êtài còn giới hạn v`ềmặt quy mê ứng dụng
Việc khai thác toàn bộ chức năng của hệ thống vẫn gặp nhiều khó khăn và chưa đạt được kết quả như mong muốn Do đó, tác giả rất mong nhận được ý kiến đóng góp và lời khuyên từ mọi người.
Thiết kế và xây dựng phần mềm quản lý khách sạn là một nhiệm vụ quan trọng do ThS Từ Thanh Trí, giảng viên tại Đại học Tài Nguyên và Môi Trường TP Hồ Chí Minh, thực hiện Mục tiêu của hệ thống là phát huy tối đa các chức năng đã được tác giả xây dựng, nhằm nâng cao hiệu quả quản lý trong ngành khách sạn.
D €tai c6 thé phat trién r6gn rai thém cái dịch vụ trong khách sạn (ăn uống) Ð Ông t
Trong thời gian tới, tác giả sẽ tiếp tục nghiên cứu và phân tích nhằm tối ưu hóa và hoàn thiện hệ thống.