Đồ án cơ sở hệ thống đặt phòng khách sạn online

BỘ GIÁO DỤC VÀ ĐÀO TẠO  TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.HCM  ĐỒ ÁN CƠ SỞ   HỆ THỐNG ĐẶT PHÒNG KHÁCH SẠN ONLINE   Nghành: Chuyên ngành: Công nghệ thông tin   Công nghệ phần mềm  Giảng viên hướng dẫn: Ths Nguyễn Đình Ánh  Sinh Viên Thực Hiện: Nguyễn Huy Hồng  MSSV: 2080600868  Nguyễn Ngọc Huy  MSSV: 2082500236  Phạm Dự Hoàng  MSSV: 2080600952  Tp.Hồ Chí Minh, tháng 6/2023   LỜI NĨI ĐẦU Công nghệ thông tin khoảng thập kỉ gần phát triền cách chóng mặt Mọi ngành nghề, hoạt động, lĩnh vực áp dụng công nghệ thông tin vào khâu quản lí, sản xuất, thống kê, tính tốn,… để đảm bảo tốc độ thực tính đắn q trình vận hành khơng để xảy sai sót Trong tương lai gần, cơng nghệ đà phát triển hoàn toàn thay người hầu hết khâu lĩnh vực, ngành nghề khác Đối với Việt Nam ta, năm gần hãng công nghệ lớn giới xem xét tìm thấy yếu tố để phát triển cơng nghệ nên họ dần chuyển tất khâu sản xuất phịng nghiên cứu sang Việt  Nam, điều cho thấy nước ta có tiềm lực phát triển công nghệ lớn   Du lịch, nghỉ dưỡng đang phát triển danh lam thắng cảnh dịch mà đơi đến cung cấp cho khách cách tốt chu đáo Ngoài giới trẻ có nhu cầu du lịch lớn Hiểu nhu cầu đó, nhóm thực đồ án sở chúng em làm ra hệ thống đặt phòng khách sạn online nhằm đơn giản tối ưu hóa qui trình đặt phịng nhằm rút ngắn thời gian, bớt rườm rà trình du lịch nghỉ dưỡng.  Trong q trình thực đồ án, nhóm chúng em có nhiều thiếu xót như sai phạm khơng đáng có, kính mong thầy hướng dẫn hội đồng chấm châm chướt bỏ qua Nhóm chúng em xin chân thành cảm ơn   Sinh viên thực   Nguyễn Huy Hoàng  Nguyễn Ngọc Huy  Phạm Dự Hồng  Mục lục  LỜI NĨI ĐẦU  Danh mục hình ảnh  Tổng quan  1.1 Khảo sát thực trạng   1.2 Nhiệm vụ đồ án  1.2.1 Mục tiêu  1.2.2 Đối tượng sử dụng   1.2.3 Mô tả nghiệp vụ   1.2.4 Các bước hoàn thành dự án   1.2.5 Các chức làm được  1.2.6 Các chức chưa làm định hướng  1.3 Cấu trúc đồ án   Cơ sở lý thuyết 2.1 Tổng quan Spring Boot 2.1.1 Ngơn ngữ lập trình Java   2.1.2 Spring Boot 12 2.2 Tổng quan ReactJS.  15 2.2.1 ReactJS gì? 15 2.2.2 JSX 16 2.2.3 Virtual DOM 16 2.2.4 Ưu nhược điểm ReactJS.  17 2.3 RestFul API 19 2.3.1 Sơ API.  19 2.3.2 Sơ RestFul   20 2.3.3 RestFul API 21 2.3.4 Cách thức hoạt động   21 2.4 phpMyAdmin 22 2.4.1 phpMyAdmin gì? 22 2.4.2 Các tính phpMyAdmin 23 2.4.3 Ưu nhược điểm phpMyAdmin   24 2.5 Sơ đồ thiết kế phần mềm.  25 2.5.1 Sơ đồ thực thể kết hợp ( ERD –  Entity Relationship Diagram) 25 2.5.2 Sơ đồ Use Case  26 2.5.3 Sơ đồ hoạt động ( Activity Diagram )   27 Kết thực nghiệm   28 3.1 Giao diện đăng kí, đăng nhập   28 3.2 Giao diện trang chủ  29 3.3 Giao diện quản lí phịng   30 3.4 Giao diện tìm kiếm khách sạn.  30 3.5 Chi tiết khách sạn   31 3.6 Trang điểm đến bật  31 3.7 Trang đặt phòng   32 Kết luận  32 4.1 Ưu điểm  32 4.2 Nhược điểm   32 4.3 Các tính phát triển   32 4.4 Các tính chưa thực được  32 4.5 Hướng phát triển phần mềm  33 Tài liệu tham khảo  33 Danh mục hình ảnh Hình 2.1 : Java gì? Hình 2.2: Đặc điểm Java  10 Hình 2.3: Các ứng dụng Java  11 Hình 2.4: Các phiên Java  11 Hình 2.5: Spring Boot gì? 12 Hình 2.6: Cách tổ chức Spring Boot  13 Hình 2.7: Các tính Spring Boot  13 Hình 2.8: Các đặc điểm Spring Boot  14 Hình 2.9: ReactJS gì? 16 Hình 2.11: JSX 16 Hình 2.12: JSX Code Style 16 Hình 2.13: Virtual DOM 17 Hình 2.14: Trend Search ReactJs 18 Hình 2.15: Các ưu nhược điểm ReactJS  19 Hình 2.16: API gì? 20 Hình 2.17: RestFul gì? 20 Hình 2.18: RestFul API gì? 21 Hình 2.19: Cách hoạt động API  22 Hình 2.20: Cách giao tiếp Client Ser ver 22 Hình 2.21: phpMyAdmin gì? 23 Hình 2.22: Giao diện phpMyAdmin   23 Hình 2.23: Database 24 Hình 2.24: Bảo mật  24 Hình 2.25: ERD 25 Hình 2.26: Use Case tổng quát  26 Hình 2.28: Use case quản lí Khách sạn 26 Hình 2.27: Use Case quản lí phòng  26 Hình 2.28: Cập nhật phịng  27 Hình 2.29: Activity đặt phịng  27 Tổng quan 1.1 Khảo sát thự c trạng Hiện nay, nhu cầu du lịch nghỉ dưỡng người ngày tăng Nhất đối tượng giới trẻ trung niên để giảm bớt áp lực công việc để phục vụ cho cơng việc có tính chất di chuyển liên tục, không cố định tiếp viên hàng không hay công việc phải công tác thường xun   Chính dịch vụ kinh doanh nhà hàng khách sạn đời phát triển mạnh mẽ vào năm gần Nó coi thị trường cạnh tranh khốc liệt  bậc Ngoài việc cải thiện nâng cấp kỹ thuật, sở vật chất, chất lượng  phục vụ việc truyền thơng online để bắt kịp xu hướng thị hiếu người dùng tính nhanh gọn, xác tiện lợi điều cần thiết, nhà hàng khách sạn có quy mơ vừa nhỏ.  Và thiết kế website khách sạn chun nghiệp chính cách để doanh nghiệp có thể tiếp cận khách hàng tiềm cách nhanh chóng truyền tải thông điệp sản phẩm, dịch vụ cách trực quan, sinh động   Việc đặt hàng qua mạng giảm rủi ro khơng chọn phịng ưng ý tới nơi nói đơn giản ta lựa chọn vị trí phịng, số giường, số người, tiện nghi phịng óc, đánh giá người trước, giá rõ ràng,… Mà đến tận nơi tránh ùn ứ việc đến sau khơng đặt phịng ý muốn   1.2 Nhiệm vụ đồ án 1.2.1 Mục tiêu - Xây d ựng hệ thống đặt phịng online gồm chức thêm xóa sửa  phịng cho bên quản lí khách sạn Đặt phịng, xem phòng, xem khuyến dịch vụ kèm theo đặt phòng   - Xây dựng giao diện đẹp, trực quan, dễ sử dụng   - Bảo mật thơng tin khách hàng, đảm bảo khách hàng có trải nghiệm nhanh chóng tồn vẹn nhất  - Tối thiểu lỗi xảy sử dụng   1.2.2 Đối tượ ng sử  dụng Hệ thống đặt phòng online tạo nhằm cho đối tượng sau sử dụng quyền sau :   Khách hàng : người đặt phịng, xem phịng, tiện ích phịng, dịch vụ, voucher giảm giá Họ người sử dụng chức đặt phịng, tốn    Quản lí khách sạn: người xem Admin, thêm xóa sửa phòng dịch vụ mã giảm giá Xem thơng tin khách hàng, thay đổi thơng tin đặt phịng khách   1.2.3 Mơ tả nghiệp vụ   Quy trình thêm xóa sửa phịng: chức dành cho quản lí khách sạn Sau cung cấp tài khoản gồm có tên đăng nhập mật khẩu, người quản lí  cũng đưa đến trang chủ khách sạn , đặc biệt quản lí có thêm phần quản lí khách sạn Trong mục bấm vào xổ trang bao gồm tất tỉnh thành mà hệ thống khách sạn có mặt, sau bấm lựa chọn khách sạn phù hợp.  Sau đó, trang bao gồm tất phịng khách sạn hiển thị Quản lí tự thêm, xóa, sửa phịng tùy ý đưa  phịng vào trạng thái nghỉ ( sửa chữa, nâng cấp, có người đặt trước).   Quy trình đặt phịng : chức bắt buộc người dùng phải đăng kí tài khoản nhằm dễ dàng quản lí xác định danh tính người dùng nhằm khơng bị phá hoại có tình trạng hack hệ thống Sau người dùng đăng nhập, họ xem tất phòng, tiện nghi,… Để đặt phòng tùy chọn sau : Chọn nơi cần đến -> Chọn khách sạn -> Chọn phòng ( phòng ghi số giường, số người, tiện nghi, vị trí, giá ) -> Chọn ngày nhận, ngày trả -> Nhập thơng tin người đặt phịng-> Xác nhận lại thơng tin đặt phịng -> Chọn phương thức tốn - > Thanh toán ( phương thức tốn nhận  phịng người dùng phải trả trước 10% giá trị để giữ phịng tránh tình trạng phá hoại) Sau hệ thống trả lại mã code để người dùng đến nhận phòng đưa cho nhân viên xác nhận sau nhận  phịng.  1.2.4 Các bướ c hồn thành dự  án  Lên ý tưởng   Khảo sát thực trạng   Phân tích thiết kế hệ thống    Thiết kế   Cài đặt  1.2.5 Các chức làm đượ c  Thêm, xóa, sửa khách sạn   Đăng nhập, đăng kí  Phân quyền người dùng    Phân trang  Đặt phòng  1.2.6 Các chức chưa làm định hướ ng  Thanh tốn ví điện tử.   Xử lí phịng đặt   1.3 Cấu trúc đồ án Gồm phần:   Phần : Tổng quan   Nêu thực trạng mà hệ thống đặt phịng online, mơ tả nghiệp vụ hệ thống để thiết kế phần mền cách hiệu    Phần : Cơ sở lí thuyết   Các công nghệ sử dụng đồ án, vẽ thiết kế phần mền, sở liệu ERD, Use Case, Các diagram,    Phần : Kết   Chạy hệ thống xem các chức có chạy thiết kế hay khơng, sử dụng hay khơng.   Phần 4: Kết luận   Đưa kết quả, mong muốn phát triển phần mềm, ưu nhược điểm hệ thống.  Cơ sở  lý thuyết 2.1 Tổng quan về Spring Boot 2.1.1 Ngôn ngữ  lập trình Java a Java gì? - Java ngơn ngữ lập trình hướng đối tượng Nó sử dụng việc phát triển phần mềm, trang web, game, hay ứng dụng di động   Hình 2.1 : Java gì? - Java tạo với tiêu chí” Viết code lần, thực thi khắp nơi” (Write once, run anywhere- WORA) Chương trình phần mềm viết Java chạy tảng (platform) khác thông qua môi trường thực thi với điều kiện có mơi trường thực thi thích hợp hỗ trợ tảng   b Đặc điể m Java Hình 2.2: Đặc điểm Java - Hướng đối tượng hoàn toàn: sử dụng lại cú pháp C, C++ bị lược bỏ thao tác với trỏ nhằm đảm bảo tính an tồn dễ sử dụng Các thao tác Overload, goto hay cấu trúc Struct union loại bỏ khỏi Ja va - Độc lập phần cứng hệ điều hành: chương trình viết Java chạy tốt nhiều môi trường khác nhau, Gọi cross - platform Thể cấp độ mã nguồn nhị phân   - Ngôn ngữ thông dịch: chia làm loại Thông dịch ( dịch lệnh  chạy lệnh) biên dịch ( tạo file sử dụng lại mà k cần biên dịch lại) Java thuộc loại vừa thông dịch vừa biên dịch - Cơ chế thu gom rác tự động: Khi tạo đối tượng Java, JRE tự động cấp phát không gian nhớ cho đối tượng heap - Đa luồng: Java hỗ trợ lập trình đa tiến trình (multithread) để thực thi công việc đồng thời Đồng thời cung cấp giải pháp đồng tiến trình (giải pháp sử dụng priority…)   - Tính an toàn bảo mật   c Ứ ng d ụng Java Các ứng dụng tiêu biểu Java sau:   Làm ứng dụng Android   Làm hệ thống giao dịch ngành dịch vụ tài    Làm ứng dụng Web  10 b Nhược điể m  Reactjs phục vụ cho tầng View React View Library không  phải MVC framework framework khác Đây thư viện Facebook giúp render phần view Vì React khơng có  phần Model Controller, mà phải kết hợp với thư viện khác React khơng có 2-way binding Ajax  Tích hợp Reactjs vào các framework MVC truyền thống yêu cầu cần phải cấu hình lại.   React nặng so với framework khác React có kích thước tương tương với Angular (Khoảng 35kb so với 39kb Angular) Trong Angular framework hồn chỉnh    Khó tiếp cận cho người học Web Hình 2.15: Các ưu nhược điể m ReactJS 2.3 RestFul API 2.3.1 Sơ bộ về API API (Application Programming Interface) tập hợp định nghĩa giao thức để xây dựng, tích hợp phần mềm ứng dụng Khái niệm đơi cịn  được xem “hợp đồng” người cung cấp thông tin người sử dụng thông tin –   thiết lập nội dung yêu cầu từ người dùng (call) từ producer (response) Chẳng 19 hạn, thiết kế API cho service liên quan đến thời tiết yêu cầu người dùn g cung cấp zip code, sau producer phản hồi thơng tin nhiệt độ khu vực   Hình 2.16: API gì? 2.3.2 Sơ bộ về RestFul Hình 2.17: RestFul gì? REST tập hợp ràng buộc kiến trúc Các developer API triển khai REST theo nhiều cách khác Khi client request tạo thơng qua RESTful API, chuyển biểu diễn trạng thái tài nguyên đến người u cầu (hoặc endpoint) Thơng tin sau chuyển số định dạng như: JSON, HTML, XLT, Python, PHP hay plain text JSON định dạng file phổ biến ngơn ngữ bất khả tri, đọc người lẫn máy   20 2.3.3 RestFul API Hình 2.18: RestFul API gì? RESTful API (hay REST API) giao diện lập trình ứng dụng (API h ay web API) tuân theo ràng buộc kiểu kiến trúc REST, cho phép tương tác với dịch vụ web RESTful Hay nói đơn giản, RESTful API tiêu chuẩn dùng việc thiết kế API dành cho ứng dụng web (thiết kế Web Services) để hỗ trợ cho việc quản lý resource REST viết tắt cụm từ Representational state transfer (ứng dụng chuyển đổi cấu trúc liệu), tạo lần đầu nhà khoa học máy tính Roy Fielding năm 2000   2.3.4 Cách thứ c hoạt động RESTful API chia transaction (giao dịch) thành nhiều module nhỏ, module giải phần transaction Việc giúp tăng tính linh hoạt đơi lại tương đối khó khăn cho developer muốn thiết kế REST API từ đầu Hiện có nhiều cơng ty cung cấp model cho developer sử dụng,  phổ biến gồm có Amazon S3, CDMI hay OpenStack Swift.Một RESTful API sử dụng câu lệnh để lấy tài nguyên, trạng thái tài nguyên timestamp gọi biểu diễn tài nguyên  Các phương thức HTTP mà RESTful API sử dụng xác định giao thức RFC 2616:   21 Hình 2.19: Cách hoạt động API  GET: Trả tài nguyên.   PUT: Thay đổi trạng thái cập nhật tài nguyên (có thể đối tượng, file hay block)  POST: Tạo tài nguyên.   DELETE: Xoá tài nguyên.  Một số định dạng liệu RESTful API hỗ trợ:    application/json  application/xml  application/x-wbe+xml  application/x-www-form-urlencoded  multipart/form-data Hình 2.20: Cách giao ti ế p Client Server 2.4 phpMyAdmin 2.4.1 phpMyAdmin gì?  phpMyAdmin công cụ nguồn mở, viết ngôn ngữ PHP Vai trị giúp người dùng quản lý sở liệu(CSDL) MySQL, thực 22 thơng qua trình duyệt web.Đây cơng cụ quản trị MySQL phổ biến nhất, sử   dụng hàng triệu người dùng khác toàn giới Đặc biệt, phpMyAdmin lựa chọn hàng đầu nhà quản trị sở liệu, database administrator   Hình 2.21: phpMyAdmin gì? 2.4.2 Các tính phpMyAdmin Hình 2.22: Giao diện phpMyAdmin  Người dùng thường sử dụng tính chung phpMyadmin sau:    Quản lý user –  người dùng: Thêm, xóa, sửa thông tin, phân quyền cho người dùng.   Quản lý CSDL ( import/Export): Hỗ trợ định dạng phpmyadmin mysql, XML CSV  Quản lý CSDL: Tạo mới, xóa, sửa, thêm hàng, thêm bảng, thêm trường, tìm kiếm đối tượng phù hợp với truy xuất    Thực truy vấn MySQL, tiến hành giám sát trình theo dõi truy vấn đó.   Tiến hành lưu khôi phục thông qua thao tác thủ công   23 2.4.3 Ưu nhược điể m phpMyAdmin a Ưu điể m Hình 2.23: Database Tăng hiệu công việc quản lý sở liệu: phpMyadmin giúp bạn có giao diện xử lý thao tác CSDL cách trực quan Từ đó, tiết kiệm thời gian, thao tác so với việc thực dòng lệnh quen thuộc command line  phpMyadmin đa ngôn ngữ, dễ sử dụng: Mã nguồn mở tiếng trì The phpMyAdmin Project Hiện tại, cung cấp cho người sử dụng với 64 ngơn ngữ khác có sẵn Nhờ việc làm quen sử dụng với phpMyAdmin đơn giản.  b Nhược điể m Hình 2.24: Bảo mật  Về tính bảo mật: Hạn chế lớn phpMyAdmin mã nguồn mở khác khả bảo mật Hạn chế truy cập vào URL  phpMyAdmin từ địa IP cố định điều người dùng cần ghi nhớ    Về mặt lưu liệu: Tính đến thời điểm tại, phpMyAdmin số nhược điểm chưa khắc phục vấn đề lưu liệu   24 2.5 Sơ đồ thiết kế phần mềm 2.5.1 Sơ đồ thự c thể kết hợ p ( ERD –  Entity Relationship Diagram) Hình 2.25: ERD Các loại thực thể :  Tai_Khoan ( id_Tai_Khoan, username, email, Pass_word, Phone)  Hoa_Don (id_Hoa_Don, NgayDat, NgayNhan, NgayTra, CMND, TenNguoiDat, Ghi_Chu, Phone, id_Tai_Khoan)  Room ( id_Room, ten_Room, Dien_Tich, img, Mota, So_Luong, Price, id_Hotel)  Tien_Ich (id_Tien_ich, Ten_Tien_Ich, img)  Hotel (id_Hotel, TenHotel, Dia_Chi, img, Mota, email, Phone, id_Province)  Roles( id_Role, Ten_id_Role)  Province ( id_Province, Ten_Province, img)  User_Role (id_Tai_Khoan, id_Role)  Room_TienIch ( id_Room, id_Tien_Ich)  CT_HoaDon ( id_Hoa_Don, id_Room, Price, SLDat) 25 2.5.2 Sơ đồ Use Case a Use Case t ổ ng quát Hình 2.26: Use Case t qt b Use Case quản lí khách sạn Hình 2.28: Use case quản lí Khách s ạn c Use Case quản lí phịng Hình 2.27: Use Case quản lí phịng 26 2.5.3 Sơ đồ hoạt động ( Activity Diagram ) a Activity c ậ p nhật phịng Hình 2.28: Cậ p nhật phịng b Activity đặt phịng Hình 2.29: Activity đặt phịng 27 Kết quả thự c nghiệm 3.1 Giao diện đăng kí, đăng nhậ p 28 3.2 Giao diện trang chủ  29 3.3 Giao diện quản lí phịng 3.4 Giao diện tìm kiếm khách sạn 30 3.5 Chi tiết khách sạn 3.6 Trang điểm đến bật 31 3.7 Trang đặt phòng Kết luận 4.1 Ưu điểm Tin học hóa được việc đặt phòng qua mạng, giúp cho người dùng tiện hơn, nhanh chóng, dễ dàng việc lựa chọn đặt phịng theo ý thích 4.2 Nhược điểm Cịn số tính chưa thể thực Tính bảo mật chưa cao chưa đảm bảo tính an tồn hệ thống Một số chức cịn sơ sài chưa hồn chỉnh.  4.3 Các tính phát triển đượ c  Đăng kí, đăng nhập    Quản lí phịng   Quản lí khách sạn   Phân quyền  4.4 Các tính chưa thự c đượ c  Thanh tốn ví điện tử    Giảm số phòng đặt.  32 4.5 Hướ ng phát triển phần mềm Chúng em cố gắng thực chức lại, đưa số tính đặc biệt khác tương lai Và đưa lên trang web để sử dụng   Tài liệu tham khảo https://muongthanh.com  https://vietnix.vn/spring-boot-la-gi  https://vietnix.vn/phpmyadmin-la-gi/  https://viblo.asia/p/reactjs-uu-diem-va-nhuoc-diem-V3m5WzexlO7   https://techmaster.vn/posts/36698/loi-ich-va-han-che-cua-viec-su-dungspring-boot  https://www.javaguides.net/2021/10/login-and-registration-rest-api-usingspring-boot-spring-security-hibernate-mysql-database.html  https://www.youtube.com/watch?v=4w2ZYxiIvkc&list=RDCMUCA1UW_   _WEiBd1bmzyKlBUyw&index=3  https://www.youtube.com/watch?v=m5eIuTGdwjU&list=WL&index=1&t =817s&fbclid=IwAR2YhFx-KlmWAFP3BJR3SvfswiW1E5Di5BJekLur5eJd7NcZ21700grYAQ  https://www.youtube.com/watch?v=9ZvhbxlRTc&list=WL&index=5&t=2786s&fbclid=IwAR3bB1FUE2KO pq9LzVJROo0F7MlTNwBHdw_UOo6e3m23HWO9N9Ct1E4B4Y  10 Trang W3School 11 Trang F8 33