(Tiểu luận) đồ án cuối kì môn lập trình web và ứng dụng website đặt phòng khách sạn trực tuyến

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CUỐI KÌ MƠN LẬP TRÌNH WEB VÀ ỨNG DỤNG Website đặt phòng khách sạn trực tuyến Người hướng dẫn: Thầy Vũ Đình Hồng Người thực hiện: Đồn Phương Nam - 52000895 Nguyễn Văn Hậu – 52000887 Nguyễn Tiến Dũng – 52000883 Trần Hoàng Quang Din – 52000882 Lương Phan Hoàn Nhân - 52000889 : 503073 Lớp Khoá THÀNH PHỐ HỒ CHÍ MINH, NĂM 2021 : 24 TỔNG LIÊN ĐỒN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CƠNG NGHỆ THƠNG TIN ĐỒ ÁN CUỐI KÌ MƠN LẬP TRÌNH WEB VÀ ỨNG DỤNG Website đặt phịng khách sạn trực tuyến Người hướng dẫn: Thầy Vũ Đình Hồng Người thực hiện: Đoàn Phương Nam - 52000895 Nguyễn Văn Hậu – 52000887 Nguyễn Tiến Dũng – 52000883 Trần Hoàng Quang Din – 52000882 Lương Phan Hoàn Nhân - 52000889 : 503073 Lớp Khố THÀNH PHỐ HỒ CHÍ MINH, NĂM 2014 : 24 ii LỜI CẢM ƠN Chúng em xin chân thành gửi lời cảm ơn đến thầy Vũ Đình Hồng giảng viên phụ trách giảng dạy môn Lập trình web ứng dụng Nhờ có tận tình giảng dạy, truyền đạt kiến thức quý thầy mà chúng em đủ kiến thức để hoàn thành đồ án cuối kỳ Song song với đó, chúng em xin gửi lời cảm ơn đến Khoa Công Nghệ Thơng Tin, trường Đại học Tơn Đức Thắng tạo điều kiện cho chúng em học tập, nghiên cứu suốt q trình học tập mơn học nói riêng q trình học mơi trường Đại học nói chung Một lần chúng em xin gửi lời cảm ơn chân thành đến người chúc tất thật nhiều sức khỏe TP Hồ Chí Minh, ngày tháng 20 Tác giả (Ký tên ghi rõ họ tên) năm iii ĐỒ ÁN / BÁO CÁO ĐƯỢC HỒN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Tơi xin cam đoan cơng trình nghiên cứu riêng hướng dẫn khoa học Thầy Vũ Đình Hồng Các nội dung nghiên cứu, kết đề tài trung thực chưa cơng bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Nếu phát có gian lận tơi xin hồn tồn chịu trách nhiệm nội dung Khóa luận/Đồ án tốt nghiệp Trường Đại học Tơn Đức Thắng không liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày năm Tác giả (Ký tên ghi rõ họ tên) Đoàn Phương Nam Nguyễn Văn Hậu Nguyễn Tiến Dũng Trần Hoàng Quang Din Lương Phan Hồn Nhân tháng iv TĨM TẮT Trong thời đại nay, áp lực công việc tăng cao nên nhu cầu du lịch, nghỉ dưỡng tăng theo Để có kỳ nghỉ trọn vẹn việc chọn lựa chỗ nghỉ ngơi tốt điều vô cần thiết Một khu du lịch tốt, nơi để nghỉ dưỡng tốt nơi tốt lựa chọn ưu tiên hàng đầu Chính để đáp ứng nhu cầu cho người dùng trang web booking hotel tạo để giúp người dùng tìm hiểu đặt phịng khách sạn cách nhanh chóng Để khơng phải chờ lâu lúc đăng ký phòng, để tránh trường hợp hết phòng để người dùng có thời gian tìm hiểu chọn lựa cách kỹ nhất, nhóm chúng em tạo nên website đặt phòng trực tuyến lấy tên Luxstay nhằm thỏa mản yêu cầu khách hàng Với đồ án này, nhóm chúng em xin trình bày q trình tạo nên website đặt phịng khách sạn trực tuyến Chúng tơi chia làm phần chính, đó: Chương 1: Giới thiệu đề tài mà nhóm chúng em làm, lý tụi em chọn đề tài này, đối tượng nghiên cứu, đối tượng khảo sát, giới hạn phạm vi nghiên cứu, đưa mục tiêu nghiên cứu, phương pháp nghiên cứu, ý nghĩa thực tiễn đề tài Chương 2: Cơ sở lý thuyết Chương 3: Phân tích thiết kế, đưa biểu đồ usecase, sơ đồ (Sequence Diagram), ERD, sơ đồ lớp (Class Diagram), bảng sở liệu sử dụng website nhóm chúng em Sau phân tích xong, chúng em thiết kế vẽ mẫu (Wireframes) để thực giao diện cho người dùng Chương 4: Hiện thực hóa Chương 5: Kết đạt v MỤC LỤC MỤC LỤC v CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1 Lý chọn đề tài Đối tượng nghiên cứu Đối tượng khảo sát Giới hạn phạm vi nghiên cứu Mục tiêu nghiên cứu Phương pháp nghiên cứu Ý nghĩa lý luận thực tiễn đề tài CHƯƠNG 2: CƠ SỞ LÝ THUYẾT Giới thiệu website 1.1 Website gì? 1.2 Các yêu cầu tối thiếu website 1.3 Quy trình thiết kế trang website Ngôn ngữ để xây dựng trang website 2.1 Giao diện trang website (Font-end) 2.1.1 HTML 2.1.2 CSS 2.1.3 Javascript 2.1.4 Các thư viện hỗ trợ 10 2.1.4.1 Bootstrap 10 2.1.4.2 Jquery 11 2.2 Cơ sở liệu trang website (Back-end) 12 2.2.1 PHP 12 2.2.2 SQL ,MySQL SQL Server 13 2.2.3 API 14 Tổng quan website đặt phòng khách sạn trực tuyến 15 Document continues below Discover more from: UI UX Design UIUXD502031 Đại học Tôn Đức Thắng 7 documents Go to course ĐCKTGHKIITHVPPREMIUM UI UX Design None These Vintage Cakes Are A Buttercream Dream UI UX Design None 52000 857 Lab01 - lab tham khao UI UX Design None Best Books 2022 — Goodreads Choice… UI UX Design None 18 - lol 123 UI UX Design None Vĩ mô báo cáo - fjn UI UX Design None vi CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 3.1 Đặc tả yêu cầu hệ thống 16 3.1.1 Yêu cầu chức 16 3.1.2 Yêu cầu phi chức 18 3.2 Mơ hình Usecase 19 3.2.1 Các tác nhân tham gia hệ thống 19 3.2.2 Xác định Usecase 20 3.2.3 Biểu đồ Usecase tổng quát 23 3.2.3.1 Usecase khách hàng 24 3.2.3.1.1 Usecase đặt phòng 24 3.2.3.1.2 Usecase Xem chi tiết phòng 25 3.2.3.2 Usecase quản trị viên 26 3.2.3.2.1 Usecase Quản lý khách sạn 26 3.2.3.2.2 Usecase Quản lý khách hàng 27 3.2.3.2.3 Usecase xem thống kê 28 3.3 Biểu đồ (Sequence Diagram) 29 3.3.1 Biểu đồ chọn khách sạn .29 3.3.2 Biểu đồ tuàn tự chọn phòng 30 3.3.3 Biểu đồ quản lý người dùng 31 3.4 Mơ hình thực thể kết hợp (ERD Diagram) 32 3.5 Biểu đồ sở liệu (Database Diagram) 33 3.6 Thiết kế hệ thống 34 3.6.1 Wireframes trang chủ 34 3.6.2 Wireframes 35 3.6.3 Wireframes dịch vụ 36 3.6.4 Wireframes thư viên 37 3.6.5 Wireframes Tin tức 38 3.6.6 Wireframes liên hệ 39 vii 3.6.7 Wireframes thông tin đặt phòng 40 3.6.8 Wireframes thơng tin phịng 41 3.6.9 Wireframes đăng nhập 42 3.6.10 Wireframes đăng ký 43 CHƯƠNG : Hiện thực hóa 44 4.1 Giao diện người dùng 44 4.1.1 Trang chủ 44 4.1.2 Trang 44 4.1.3 Trang dịch vụ 45 4.1.4 Trang thư viện 45 4.1.5 Trang tin tức 46 4.1.6 Trang liên hệ 46 4.2 Giao diện quản trị viên 47 4.2.1 Login Admin 47 4.2.2 Giao diện trang trủ 47 4.2.3 Quản lý đặt phòng 48 4.2.4 Quản lý tài khoản 48 4.2.5 Quản lý khách sạn đối tác 49 4.2.6 Quản lý phòng 49 Chương 5: Kết 50 5.1 Kết luận 50 5.1.1 Những kết đạt 50 5.1.1.1 Hệ thống 50 5.1.1.2 Lý thuyết 50 5.1.2 Chưa đạt 50 5.2 Hướng phát triễn 50 TÀI LIỆU THAM KHẢO 52 viii DANH MỤC HÌNH VẼ Hình 2.1 1: HTML Hình 2.1 2: CSS Hình 2.1 3: Javascript Hình 2.1.4 1: Bootsrap 10 Hình 2.1.4 2: Jquery 11 Hình 2.2 1: PHP 12 Hình 2.2 2: SQL 13 Hình 2.2 3: API, WebAPI .14 Hình 3.2.3 1: Usecase tổng quát 23 Hình 3.2.3.2 1: Usecase quản lý khách sạn .26 Hình 3.2.3.2 2: Usecase quản lý khách hàng 27 Hình 3.2.3.2 3: Usecase xem thống kê 28 Hình 3.3 1: Biểu đồ chọn khách sạn 29 Hình 3.3 2: Biểu đồ chọn phòng 30 Hình 3.3 3: Biểu đồ quản lý người dùng 31 Hình 3.4 1: Mơ hình thực thể (ERD Diagram) .32 Hình 3.5 1: Biểu đồ sở liệu (Database Diagram) 33 Hình 3.6 1: Wireframes trang chủ 34 Hình 3.6 2: Wireframes 35 Hình 3.6 3: Wireframes dịch vụ 36 Hình 3.6 4: Wireframes thư viện 37 Hình 3.6 5: Wireframes tin tức 38 Hình 3.6 6: Wireframes liên hệ 39 Hình 3.6 7: Wireframes thơng tin đặt phịng 40 Hình 3.6 8: Wireframes thơng tin phịng 41 Hình 3.6 9: Wireframes đăng nhập 42 Hình 3.6 10: Wireframes đăng ký 43 Hình 4.1 1: Trang chủ 44 42 3.6.9 Wireframes đăng nhập Hình 3.6 9: Wireframes đăng nhập 43 3.6.10 Wireframes đăng ký Hình 3.6 10: Wireframes đăng ký 44 CHƯƠNG : Hiện thực hóa 4.1 Giao diện người dùng 4.1.1 Trang chủ Hình 4.1 1: Trang chủ 4.1.2 Trang chúng tơi Hình 4.1 2: Trang chúng tơi 45 4.1.3 Trang dịch vụ Hình 4.1 3: Trang dịch vụ 4.1.4 Trang thư viện Hình 4.1 4: Trang thư viện 46 4.1.5 Trang tin tức Hình 4.1 5: Trang tin tức 4.1.6 Trang liên hệ Hình 4.1 6: Trang liên hệ 47 4.2 Giao diện quản trị viên 4.2.1 Login Admin Hình 4.2 1: Trang Login admin 4.2.2 Giao diện trang trủ Hình 4.2 2: Giao diện trang chủ 48 4.2.3 Quản lý đặt phịng Hình 4.2 3: Quản lý đặt phịng 4.2.4 Quản lý tài khoản Hình 4.2 4: Quản lý tài khoản 49 4.2.5 Quản lý khách sạn đối tác Hình 4.2 5: Quản lý khách sạn đối tác 4.2.6 Quản lý phịng Hình 4.2 6: Quản lý phòng 50 Chương 5: Kết 5.1 Kết luận 5.1.1 Những kết đạt 5.1.1.1 Hệ thống - Tìm kiếm xem phịng theo danh mục, ngày đến ngày đi, chọn thêm dịch vụ - Thêm, xóa, sửa tài khoản - Đăng ký đăng nhập - Xem chi tiết phòng - Đặt phòng - Quản lý đối tác khách sạn - Quản lý phòng 5.1.1.2 Lý thuyết - Hiểu cách website hoạt động, kĩ thuật kiến thức để cài đặt website webserver - Thành thạo sử dụng Framework Laravel, Bootstrap mơ hình MVC - Có kiến thức việc sử dụng Design Pattern Repository - Có kiến thức thiết kế giao diện trải nghiệm người dùng cho trang web - Có kiến thức kỹ thiết kế hệ thống cho nhiều người sử dụng dễ mở rộng bảo trì tương lai 5.1.2 Chưa đạt - Còn nhiều chức chưa xây dựng - Chưa tích họp hiễn thị danh sách phòng lên fontend - Admin chưa cập nhật người dùng đặt phòng - Một số chức cịn chưa hồn thiện 5.2 Hướng phát triễn Sau thời gian lập trình học hỏi liên tục từ Backend đến Frontend, cần cải thiện việc sử dụng database gọi database lên fontend Website có chức website đặt phịng online.Ngồi ra, giao diện Website cịn lập trình để hiển thị phù hợp kích thước hiển thị khác 51 Code tổ chức đảm bảo Coding convention Clean code, Repository theo chuẩn doanh nghiệp công ty lớn Dự án tiếp tục sửa lỗi, cải tiến tương lai bổ sung thêm chức cịn thiếu sót 52 TÀI LIỆU THAM KHẢO Cơ sở lý thuyết: Bootstrap: https://bizflycloud.vn/tin-tuc/bootstrap-la-gi-vi-sao-nen-su-dungbootstrap20181123141649382.htm?gclid=CjwKCAiAv9ucBhBXEiwA6N8nYFKJ4 bJZYYiBZruOhciV7HH7OtxP7lQbisoQ6IzRFggiMg6By54sURoCQmQQAvD_B wE Jquery: https://bizflycloud.vn/tin-tuc/jquery-la-gi-cac-vi-du-minh-hoa20181114160055237.htm PHP : https://vi.wikipedia.org/wiki/PHP PHP: https://glints.com/vn/blog/lap-trinh-php-la-gi/#.Y58yWXZBxPZ SQL, MySQL, SQL Server: https://bizflycloud.vn/tin-tuc/su-khac-nhaugiuasqlmysqlvasqlserver20180406100444736.htm?gclid=Cj0KCQiA4uCcBhDdAR IsAH5jyUme3OVp888zroBwm5VJ1WenSAFcBooyEEwy2Zn1EYiZsPbq3JhdgFM aAqywEALw_wcB Web API: https://bizflycloud.vn/tin-tuc/web-api-la-gi-tinh-nang-va-cachhoatdongcuawebapi20210705180908777.htm?gclid=Cj0KCQiA4uCcBhDdARIsA H5jyUk1SaeREiuvKCXRrbHVL73dU8uk39pJsJeyBbrth23ezPjJTtuY4oaAkkKEA Lw_wcB API: https://topdev.vn/blog/api-la-gi/ API: https://viblo.asia/p/api-la-gi-nhung-dac-diem-noi-bat-cua-web-apiQpmle9L9lrd Website Hotel Booking : https://webhotel.vn/booking-engine 10 Website : https://vietnix.vn/website-la-gi/ Phân tích Thiết kế 11 SweetAlert2 : https://sweetalert2.github.io/?fbclid=IwAR0Nel80KsI5kptX79Li3pF10BLdzcdWoI 2FfgvFdJrXUZogfNFM2YVrDRQ 53 12 Flickity: https://flickity.metafizzy.co/?fbclid=IwAR18Npxh7D5IP8t8H7qU_wyTd5DVWv_ zzOMfyapaZMqkV4jKucSqihNyxfc 13 Figma.com : https://www.figma.com/ 14.W3school: https://www.w3schools.com 15 Bootstrap 5: https://getbootstrap.com/docs/5.0/getting-started/introduction/ 16 SCSS: https://hocwebchuan.com/tutorial/scss/what_is_scss.php 54 PHỤ LỤC Phần bao gồm nội dung cần thiết nhằm minh họa hỗ trợ cho nội dung luận văn số liệu, biểu mẫu, tranh ảnh sử dụng câu trả lời cho bảng câu hỏi bảng câu hỏi mẫu phải đưa vào phần Phụ lục dạng nguyên dùng để điều tra, thăm dò ý kiến; khơng tóm tắt sửa đổi Các tính tốn mẫu trình bày tóm tắt biểu mẫu cần nêu Phụ lục luận văn Phụ lục khơng dày phần luận văn More from: UI UX Design UIUXD502031 Đại học Tôn Đức Thắng 7 documents Go to course ĐCKTGHKIITHVPPREMIUM UI UX Design None These Vintage Cakes Are A Buttercream Dream UI UX Design None 52000 857 Lab01 - lab tham khao UI UX Design None Best Books 2022 — Goodreads Choice… UI UX Design None Recommended for you ZTE Microwave 83 Telecommunication điện-điện tử 100% (2) Focus on Ielts Foundation 179 33 điện-điện tử 100% (4) Thí nghiệm Vi điều khiển điện-điện tử 100% (4) trường điện từ tdtu 18 điện-điện tử 100% (1)