Xây dựng website đặt phòng du lịch đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC BÌNH DƯƠNG KHOA CƠNG NGHỆ THƠNG TIN, ROBOT VÀ TRÍ TUỆ NHÂN TẠO  ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE ĐẶT PHÒNG DU LỊCH Giảng viên hướng dẫn: Bùi Văn Chuyên Người thực thiện: Hoàng Nhật Hiệp MSSV: 18050229 Lớp: 21TH01 Khóa: 21 Bình Dương, Ngày … tháng … năm 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC BÌNH DƯƠNG KHOA CƠNG NGHỆ THƠNG TIN, ROBOT VÀ TRÍ TUỆ NHÂN TẠO  ĐỀ TÀI XÂY DỰNG WEBSITE ĐẶT PHÒNG DU LỊCH Giảng viên hướng dẫn: Bùi Văn Chuyên Người thực thiện: Hoàng Nhật Hiệp MSSV: 18050229 Lớp: 21TH01 Khóa: 21 Bình Dương, Ngày ….tháng… năm 2023 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) MỤC LỤC DANH MỤC TỪ VIÊT TẮT DANH MỤC HÌNH VẼ DANH MỤC BẢNG LỜI CẢM ƠN MỞ ĐẦU Lý chọn đề tài Mục đích thực Phạm vi thực Nội dung thực 5 Cấu trúc đồ án CHƯƠNG BÀI TỐN ĐẶT PHỊNG DU LỊCH 1.1 Khảo sát hệ thống đặt phòng du lịch 1.2 Đánh giá trạng 1.3 Giới thiệu toán 1.4 Yêu cầu nhiệm vụ đề tài 1.4.1 Về lý thuyết: 1.4.2 Về thực tiễn: CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ĐẶT PHỊNG DU LỊCH 10 2.1 Phân tích hệ thống 10 2.1.1 Các chức hệ thống 10 2.1.2 Phân tích quy trình nghiệp vụ 11 2.2 Phân tích chức giao diện hệ thống 13 2.2.1 Giao diện đăng nhập 13 2.2.2 Giao diện đăng ký 13 2.2.3 Giao diện trang chủ 14 2.3 Cơ sở liệu 15 2.3.1 Bảng ảnh 15 2.3.2 Bảng bình luận: 15 2.3.3 Bảng cẩm nang du lịch 15 2.3.4 Bảng tiêu 16 2.3.5 Bảng địa điểm 16 2.3.6 Bảng dịch vụ 16 2.3.7 Bảng hoá đơn 17 2.3.8 Bảng khuyến 17 2.3.9 Bảng liên hệ 17 2.3.10 Bảng loại phòng 18 2.3.11 Bảng mạng xã hội: 18 2.3.12 Bảng ngày 18 2.3.13 Bảng quốc gia 18 2.3.14 Bảng role 19 2.3.15 Bảng tag 19 2.3.16 Bảng tin tức 19 2.3.17 Bảng phòng 20 2.3.18 Bảng người dùng 20 2.3.19 Bảng thông báo 21 2.3.20 Bảng hoá đơn cá nhân 21 CHƯƠNG TRIỂN KHAI HỆ THỐNG ĐẶT PHÒNG DU LỊCH 22 3.1 Công cụ sử dụng 22 3.1.1 Ngơn ngữ lập trình 22 3.1.2 Môi trường công cụ 23 3.2 Giao diện khách hàng 23 3.2.1 Giao diện trang chủ: 23 3.2.2 Giao diện danh sách 25 3.2.3 Giao diện chi tiết 26 3.2.4 Giao diện danh sách tin tức: 26 3.2.5 Giao diện đọc tin tức: 27 3.3 Giao diện quản trị: 27 KẾT LUẬN 30 Kết đạt 30 Hạn chế 30 Hướng phát triển 30 TÀI LIỆU THAM KHẢO 31 DANH MỤC TỪ VIÊT TẮT TT Từ viết tắt Giải thích CSS Cascading Style Sheet HTML HyperText Markup Language DANH MỤC HÌNH VẼ Hình Giao diện hệ thống traveloka.com Hình Giao diện đăng nhập 13 Hình Giao diện đăng ký 13 Hình Phác họa giao diện trang chủ 14 Hình Giao diện trag chủ - banner 23 Hình Giao diện trang chủ - Cẩm nang du lịch 23 Hình Giao diện trang chủ - Dịch vụ công ty 24 Hình Giao diện trang chủ - Tin tức 24 Hình Giao diện trang chủ - Danh sách 25 Hình 10 Giao diện trang chủ - Ý kiến khách hàng/footer 25 Hình 11 Giao diện danh sách 25 Hình 12 Giao diện chi tiết 26 Hình 13 Giao diện danh sách tin tức 26 Hình 14 Giao diện đọc tin tức 27 Hình 15 Giao diện doanh thu 27 Hình 16 Giao diện tin tức 28 Hình 17 Giao diện quản trị phòng 28 Hình 18 Giao diện quản trị tài khoản 29 DANH MỤC BẢNG Bảng Bảng ảnh .15 Bảng Bảng bình luận 15 Bảng Bảng cẩm nang du lịch .16 Bảng Bảng tiêu .16 Bảng Bảng địa điểm .16 Bảng Bảng dịch vụ .16 Bảng Bảng hóa đơn 17 Bảng Bảng khuyến 17 Bảng Bảng liên hệ 17 Bảng 10 Bảng loại phòng 18 Bảng 11 Bảng mạng xã hội .18 Bảng 12 Bảng ngày .18 Bảng 13 Bảng quốc gia 18 Bảng 14 Bảng role 19 Bảng 15 Bảng tag 19 Bảng 16 Bảng tin tức 19 Bảng 17 Bảng phòng .20 Bảng 18 Bảng người dùng 21 Bảng 19 Bảng thông báo .21 Bảng 20 Bảng hóa đơn cá nhân 21 LỜI CẢM ƠN Lời nói đầu em xin cảm ơn đến Thầy giáo Huỳnh Quang Đức tập thể anh lập trình viên cơng ty VNPT đặc biệt anh Bùi Văn Chuyên quan tâm, đóng góp ý kiến bảo em thời gian qua Đồ án cịn nhiều hạn chế, khơng thể tránh khỏi sai sót kiến thức cịn non kém, thời gian tiếp xúc với ngôn ngữ lập trình cịn Rất mong có giúp đỡ thầy anh bạn để thân có thêm nhiều kinh nghiệm Cuối cùng, em xin chân thành cảm ơn anh Bùi Văn Chuyên trực tiếp hướng dẫn, giúp đỡ, tạo điều kiện cho em thực đồ án Em xin chân thành cảm ơn Bình Dương, ngày tháng năm 2023 Sinh viên thực MỞ ĐẦU Lý chọn đề tài Trong năm qua, du lịch Việt Nam đà phát triển mạnh, lượng khách quốc tế đến khách du lịch nội địa ngày tăng nhiều hơncác năm trước Thế giới ngày biết đến du lịch Việt Nam nhiều trước, nhiều địa điểm du lịch nước bình chọn địa u thích du khách quốc tế Xã hội ngày đón nhận du lịch nhiều mặt tốt mà mang lại Tính cạnh tranh chất lượng du lịch vấn đề nhận thảo luận rộng rãi nhiều quan tâm Một cách tiếp cận đa chiều tạo giải pháp đắn nâng cao chất lượng tính cạnh tranh du lịch Việt Nam với nước khác giới Việt Nam có 40.000 khu di tích danh lam thắng cảnh, 3000 khu di tích xếp hạng cấp quốc gia, 5000 khu di tích cấp tỉnh khoảng 30 vườn quốc gia số liệu cho ta thấy Việt Nam có nhiều tiềm phát triểntrong khu vực ngành du lịch Bên cạnh để có chuyến du lịch thật trọn vẹn nơi nghỉ ngơi phần khơng thể thiếu Website đặt phịng du lịch sinh để tạo kênh thơng tin nhanh chóng cách dễ dàng tới người dùng, nhằm mục đích để người dùng thuận tiện việc tìm kiếm địa điểm du lịch, lựa chọn địa điểm nghỉ ngơi với giá hợp lý với thu nhập thân Hiện hệ thống đặt phòng du lịch qua internet ngày phát triển mạnh đem lại nguồn thu nhập lớn cho công ty 2.3.7 Bảng hoá đơn Tên cột Kiểu Ghi id Int Mã hố đơn(khóa chính) UserId Int Khố ngoại RoomId Int Khố ngoại NguoiLon Int Người lớn TreEm Int Trẻ em EmBe Int Em bé Ngaydi Nvarchar(50) Ngày Bảng Bảng hóa đơn 2.3.8 Bảng khuyến Tên cột Kiểu liệu Ghi id Int Mã khuyến mãi(khóa chính) KhuyenMai Int Khuyến Name Nvarchar(50) Tên Status Int Tình trạng Bảng Bảng khuyến 2.3.9 Bảng liên hệ Tên cột Kiểu liệu Ghi id Int Mã liên hệ(khóa chính) Sdt Int Số điện thoại Email Nvarchar(50) Email Content Nvarchar(50) Nội dung DiaChi Nvarchar(50) Địa Status Int Tình trạng Bảng Bảng liên hệ 17 2.3.10 Bảng loại phòng Tên cột Kiểu liệu Ghi id Int Mã loại phịng(khóa chính) Name Nvachar(50) Tên Status Int Tình trạng Bảng 10 Bảng loại phịng 2.3.11 Bảng mạng xã hội: Tên cột Kiểu liệu Ghi id Int Mã mạng xã hội(khóa chính) Name Nvachar(50) Tên Color Nvachar(50) Màu Icon Nvachar(50) Icon Status Int Tình trạng Bảng 11 Bảng mạng xã hội 2.3.12 Bảng ngày Tên cột Kiểu liệu Ghi id Int Mã ngày đi(khóa chính) Ngay Nvarchar(50) Ngày Status Nvarchar(50) Tình trạng Bảng 12 Bảng ngày 2.3.13 Bảng quốc gia Tên cột Kiểu liệu Ghi id Int Mã quốc gia(khóa chính) Name Nvarchar(50) Tên Status Int Tình trạng Bảng 13 Bảng quốc gia 18 2.3.14 Bảng role Tên cột Kiểu liệu Ghi id Int Mã role(khóa chính) Name Nvarchar(50) Tên Status Int Tình trạng MoTa Nvarchar(50) Mơ tả Bảng 14 Bảng role 2.3.15 Bảng tag Tên cột Kiểu liệu Ghi id Int Mã tag(khóa chính) Name Nvarchar(50) Tên Status Int Tình trạng Bảng 15 Bảng tag 2.3.16 Bảng tin tức Tên cột Kiểu liệu Ghi id Int Mã role(khóa chính) Name Nvarchar(50) Tên TomTat Nvarchar(50) Tóm tắt Content Nvarchar(50) Nội dung TacGia Nvarchar(50) Tác giả Anh Nvarchar(50) Ảnh TenAnh Nvarchar(50) Tên ảnh Facebook Nvarchar(50) Facebook Instagram Nvarchar(50) Instagram Twitch Nvarchar(50) Twitch status Int Tình trạng Bảng 16 Bảng tin tức 19 2.3.17 Bảng phòng Tên cột id Kiểu liệu Int Ghi Mã phịng loại phịng(khóa chính) Name Nvarchar(50) Tên Avatar Nvarchar(50) ảnh bìa TenAnh Nvarchar(50) Tên ảnh GiaNguoiLon Int Giá người lớn GiaTreEm Int Giá trẻ em GiaEmBe Int Giá em bé Trailer Nvarchar(50) Trailer ChiTietRoom Nvarchar(50) Chi tiết phòng LuuY Nvarchar(50) Lưu ý ViTri Nvarchar(50) Vị trí BanDo Nvarchar(50) Bản đồ Status Int Tình trạng Bảng 17 Bảng phịng 2.3.18 Bảng người dùng Tên cột Kiểu liệu Ghi id Int Mã role(khóa chính) Name Nvarchar(50) Tên GioiTinh Int Giới tính Email Nvarchar(50) Email Password Nvarchar(50) Mật Avatar Nvarchar(50) Ảnh TenAnh Nvarchar(50) Tên ảnh DiaChi Nvarchar(50) Địa Sdt Nvarchar(50) Số điện thoại 20 NgaySinh Nvarchar(50) Ngày sinh status Int Tình trạng Bảng 18 Bảng người dùng 2.3.19 Bảng thông báo Tên cột Kiểu liệu Ghi id Int Mã role(khóa chính) userId Int Mã người dùng NoiDung Nvarchar(50) Nội dung Status Int Tình trạng Bảng 19 Bảng thơng báo 2.3.20 Bảng hố đơn cá nhân Tên cột Kiểu liệu Ghi id Int Mã role(khóa chính) userId Int Mã người dùng NoiKhoiHanh Nvarchar(50) Nội dung NgayKhoiHanh Nvarchar(50) Ngày khởi hành DiaDiemDi Nvarchar(50) Địa điểm GiaTien Int Giá tiền LuuY varchar(50) Lưu ý KiemDuyet int Kiểm duyệt Agree int Đồng ý Bảng 20 Bảng hóa đơn cá nhân 21 CHƯƠNG TRIỂN KHAI HỆ THỐNG ĐẶT PHỊNG DU LỊCH Chương dùng để trình bày công cụ thực hiện, kết website sau thực kết mà cá nhân đạt sau hoàn thiện đồ án sảnphẩm 3.1 Cơng cụ sử dụng 3.1.1 Ngơn ngữ lập trình - FrontEnd: HTML, CSS, Javascript ngơn ngữ để thiết kế giao diện hệ thống Bộ ba ngôn ngữ dường thiếu tạo giao diện website React thư viện ngôn ngữ JavaScript phát triển phổ biến phổbiến để xây dựng giao diện người dùng (UI) React có tốc độ nhanh ngườidùng nhập liệu cách sử dụng phương pháp để render website React thư viện phát triển Facebook Nó mắt vào năm 2013 cho công cụ JavaScript mã nguồn mở Hiện tại, trước đối thủ có khả hoạt động tương tự Angular Bootstrap, hai thư viện JavaScript người dùng ưa chuộng thời React nhiều lựa chọn nhiều công ty lớn hàng đầu giới, bao gồm Netflix, Airbnb, Facebook, WhatsApp, eBay, Instagram Đây chứng cho thấy React trội với đối thủ khác thị trường - BackEnd: Nodejs FrameWork ngôn ngữ JavaScript, hệ thống thiết kế để viết ứng dụng internet có khả mở rộng, tạo năm 2009 MySQL hệ quản trị sở liệu mã nguồn mở phổ biến giới hệ quản trị có tốc độ cao, ổn định dễ sử dụng, hoạt động tốt 22 nhiều hệ điều hành, tốc độ tính bảo mật cao 3.1.2 Môi trường công cụ - Visual Studio Code: Công cụ lập trình - Github: Quản lý code cho dự án - Powerpoint: Công cụ chỉnh sửa thiết kế giao diện 3.2 Giao diện khách hàng 3.2.1 Giao diện trang chủ: Giao diện banner đẹp mắt nhằm thu hút khách hàng, cẩm nang du lịch phần giao diện thêm bắt mắt Hình Giao diện trag chủ - banner Giao diện banner đẹp mắt nhằm thu hút khách hàng, cẩm nang du lịch phần giao diện thêm bắt mắt Hình Giao diện trang chủ - Cẩm nang du lịch 23 Giao diện dịch vụ cơng ty nhằm mục đích hiển thị dịch vụ tốt công ty nhằm thu hút nhiều số lượng khách hàng Hình Giao diện trang chủ - Dịch vụ công ty Giao diện tin tức nhằm mục đích hiển thị tin tức bật, khách hàng chọn xem tin tức giao diện Hình Giao diện trang chủ - Tin tức 24 Phần giao diện danh sách nhằm mục đích đề xuất nơi lý tưởng giúp người dùng dễ dàng lựa chọn Hình Giao diện trang chủ - Danh sách Hình 10 Giao diện trang chủ - Ý kiến khách hàng/footer 3.2.2 Giao diện danh sách Hình 11 Giao diện danh sách Danh sách địa điểm nghỉ ngơi : resort, khách sạn,… 25 3.2.3 Giao diện chi tiết Hình 12 Giao diện chi tiết Giao diện xem thông tin chi tiết nhằm mục đích hiển thị cho khách hàng xem số hình ảnh banner liên quan đến phịng/khách sạn gồm có: ngày khởi hành, thời gian xuất phát, nơi khởi hành, giá 3.2.4 Giao diện danh sách tin tức: Hình 13 Giao diện danh sách tin tức Danh sách tin tức giúp người dùng tìm hiểu tin tức du lịch, khách sạn, thị trường,… 26 3.2.5 Giao diện đọc tin tức: Hình 14 Giao diện đọc tin tức 3.3 Giao diện quản trị: 3.3.1 Giao diện doanh thu: Hình 15 Giao diện doanh thu Giao diện doanh thu nhằm mục đích hiển thị doanh thu cơng ty đạt theo tiêu ngày, tháng, năm Nhân viên đặt tiêu theo ngày, tháng, năm tuỳ thuộc vào tình hình cơng ty 3.3.2 Giao diện quản trị tin tức: Giao diện quản lý tin tức nhằm mục đích hiển thị tin tức có hệ thống Nhân viên thêm, sửa, xố tin tức làm ẩn hiển tin tức hệ thống 27 Hình 16 Giao diện tin tức 3.3.3 Giao diện quản trị phịng: Giao diện quản lý phịng nhằm mục đích hiển thị tin tức có hệ thống Nhân viên thêm, sửa, xố phịng làm ẩn hiển phịng hệ thống Hình 17 Giao diện quản trị phòng 28 3.3.4 Giao diện quản trị tài khoản: Giao diện quản lý thông tin khách hàng nhằm mục đích hiển thị thơng tin khách hàng có hệ thống Nhân viên cấp quyền hoạt động hệ thống, hệ thống có quyền sau: quản lý phịng, admin, người dùng Hình 18 Giao diện quản trị tài khoản 29 KẾT LUẬN Sau thời gian tìm hiểu, hình thành ý tưởng, thiết kế triển khai đồ án hoàn thành với thời gian quy định Trong trình thực gặp phải nhiều khó khăn giúp đỡ từ thầy Huỳnh Quang Đức anh hướng dẫn công ty VNPT Mặc dù sản phẩm chưa hoàn thiện cách đầy đủ giúp cho thân tiến nhiều thời gian vừa qua - Kết đạt Tìm hiểu ngơn ngữ lập trình REACTJS, NODEJS, HTML, CSS, JAVASCRIPT sử dụng thành thạo MySQL quản lý liệu Hiểu rõ hệ thống làm việc website hành Hạn chế - Hệ thống nhiều lỗi chưa thể khắc phục - Cơ sở liệu có độ bảo mật chưa cao - Các chức website chưa hồn thiện - Cịn nhiều hạn chế trình lập trình - Hướng phát triển Tiếp tục hoàn thành chức chưa hoàn thiện bổ sung chức 30 TÀI LIỆU THAM KHẢO [1] Tổng quan ngành du lịch Việt Nam, Link: https://chefjob.vn/khampha-tiem-nang-du-lich-viet-nam-hien-nay [2] Học Javascript bản, Link: https://toidicode.com/hoc-javascript-co-ban [3] Học lập trình Javascipt, HTML, CSS bản, Link: https://w3schools.com [4] Học Reactjs bản, Link: https://youtu.be/gL5HBA_1bDQ [5] Học Nodejs bản, Link: https://viblo.asia/p/nodejs-can-ban-phan-1WAyK8MXWZxX [6] Connect mysql, Link: https://viblo.asia/p/su-dung-mysql-voi-node-js-express6J3Zg2mWKmB 31