Đồ án tốt nghiệp WEBSITE TIN tức và ĐĂNG ký TOUR DU LỊCH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE TIN TỨC VÀ ĐĂNG KÝ TOUR DU LỊCH Sinh viên thực : Trần Minh Chiến Mã sinh viên : 191C900065 Lớp : 19I2 GV hướng dẫn : ThS Trần Đình Sơn Đà Nẵng, ngày 30, tháng 11, năm 2021 i TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE TIN TỨC VÀ ĐĂNG KÝ TOUR DU LỊCH Sinh viên thực : Trần Minh Chiến Mã sinh viên : 191C900065 Lớp : 19I2 GV hướng dẫn : ThS Trần Đình Sơn Đà Nẵng, ngày 30, tháng 11, năm 2021 ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… iii LỜI CẢM ƠN Để hoàn thành báo cáo này, trước hết, em xin cảm ơn thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT Truyền Thông Việt - Hàn, em nhận nhiều quan tâm, giúp đỡ quý thầy cô bạn bè Em xin gửi lời cảm ơn đến ban giám hiệu nhà trường tạo điều kiện tốt nhất, cung cấp trang thiết bị cho em bạn suốt thời gian học tập trường …… Đồng thời, em gửi lời cảm ơn đến quý thầy cô Nhà trường dạy cho em kiến thức bổ ích Đặc biệt , em xin chân thành cảm ơn Giảng viên hướng dẫn em thầy Trần Đình Sơn hỗ trợ hướng dẫn, giúp em hồn thiện đồ án Em xin chân thành cảm ơn! Sinh viên, Trần Minh Chiến iv MỤC LỤC LỜI CẢM ƠN IV DANH MỤC CÁC TỪ VIẾT TẮT VII DANH MỤC HÌNH VẼ VIII MỤC LỤC BẢNG IX LỜI MỞ ĐẦU CHƯƠNG CÔNG CỤ CÔNG NGHỆ SỬ DỤNG 1.CÔNG CỤ 1.1 Xampp .4 1.2 Visual Studio Code CÔNG NGHỆ .6 2.1 PHP (Personal Home Page) 2.2 MySQL .7 2.3 HTML (Hypertext Markup Language) .8 2.4 CSS (Cascading Style Sheets) 2.5 JAVASCRIPT .10 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 PHÂN TÍCH YÊU CẦU 11 1.1.Yêu cầu chức hệ thống .11 1.2.Yêu cầu hình thức .11 1.3.Yêu cầu bảo mật: 11 PHÂN TÍCH CHỨC NĂNG 12 2.1 User 12 2.1 Admin .13 SƠ ĐỒ USE CASE .14 3.1 Sơ đồ use case tổng quát 14 3.2 Sơ đồ use case quản lý 15 Biểu đồ 17 4.1 Biểu đồ chức đăng nhập 17 4.2 Biểu đồ chức thêm Tour (tin tức) du lịch 18 4.3 Biểu đồ chức xóa Tour (tin tức) du lịch 18 4.4 Biểu đồ chức sửa Tour (tin tức) du lịch .19 BIỂU ĐỒ HOẠT ĐỘNG .20 5.1 Biểu đồ hoạt động tìm kiếm 20 5.2 Biểu đồ hoạt động thêm Tour (tin tức) du lịch .21 5.3 Biểu đồ hoạt động sửa Tour (tin tức) du lịch 22 5.4 Biểu đồ hoạt động xóa Tour (tin tức) du lịch 23 6.BIỂU ĐỒ LỚP 24 PHÂN TÍCH CƠ SỞ DỮ LIỆU 25 7.1.Sơ đồ tổng quát 25 7.2 Danh sách chi tiết bảng 25 CHƯƠNG XÂY DỰNG ỨNG DỤNG 30 v GIAO DIỆN CHUNG 30 1.1 Giao diện trang chủ Website 30 1.2 Giao diện đăng ký 31 1.3 Giao diện trang đăng nhập 31 1.3 Giao diện trang Tour du lịch 32 1.4.Giao diện trang tin tức .32 1.5 Giao diện trang quản trị 33 1.6 Giao diện trang thêm Tour du lịch 33 KẾT LUẬN 34 KẾT QUẢ ĐẠT ĐƯỢC 34 HẠN CHẾ VÀ HƯỚNG PHÁT TRIỂN .35 TÀI LIỆU THAM KHẢO 36 vi DANH MỤC CÁC TỪ VIẾT TẮT HTML Hypertext Markup Language CSS Cascading Style Sheets VSCode Visual Studio Code CNTT Công nghệ thông tin PHP Personal Home Page HTTP HyperText Transfer Protocol CSDL Cơ sở liệu JS Javascript vii DANH MỤC HÌNH VẼ Hình 1: Logo xampp Hình 2: Logo VSCode Hình 3: Logo PHP Hình 4: Logo MySQL Hình 5: Logo HTML Hình 6: Logo CSS Hình 7: Logo Javascript 10 Hình 8: Sơ đồ chức user 12 Hình 9: Sơ đồ chức admin .13 Hình 10: Sơ đồ User case tổng quát .14 Hình 11: Biểu đồ user case thêm thể loại 15 Hình 12: Biểu đồ User case chức sửa Tour du lịch .15 Hình 13: Biểu đồ User case chức thêm tin tức du lịch 16 Hình 14: Biểu đồ User case chức xử lý đơn đăng ký Tour du lịch .16 Hình 15: Biểu đồ User case chức quản lý bình luận .17 Hình 16: Biểu đồ đăng nhập 17 Hình 17: Biểu đồ thêm Tour (tin tức) du lịch 18 Hình 18: Biểu đồ tn tự xóa Tour tin tức du lịch .18 Hình 19: Biểu đồ chức sửa Tour ( tin tức) du lịch 19 Hình 20: Biểu đồ hoạt động tìm kiếm 20 Hình 21: Biểu đồ hoạt động thêm Tour ( tin tức) du lịch 21 Hình 22: Biểu đồ hoạt động sửa Tour (tin tức) du lịch 22 Hình 23: Biểu đồ hoạt động xóa Tour (tin tức) du lịch 23 Hình 24: Biểu đồ lớp 24 Hình 25 : Database 25 Hình 26 : Giao diện trang chủ 30 Hình 27 : Giao diện trang đăng ký 31 Hình 28 : Giao diện trang đăng nhập .31 Hình 29 : Giao diện trang tour du lịch 32 Hình 30 : Giao diện trang tin tức 32 Hình 31 : Giao diện trang quản trị 33 Hình 32 : Giao diện trang thêm tour du lịch 33 viii MỤC LỤC BẢNG Bảng : Tài khoản 25 Bảng : Thể loại 26 Bảng : Tour du lịch 26 Bảng : Tin tức du lịch 27 Bảng : Bình luận 27 Bảng : Đơn hàng 28 Bảng : Phương thức toán 28 Bảng : Chi tiết đơn hàng 28 Bảng : Trạng thái đơn hàng 29 Bảng 10 : Các khoảng giá 29 Bảng 11 : Hình ảnh banner Logo 29 ix LỜI MỞ ĐẦU 1.Giới thiệu Cuộc sống ngày phát triển, nhu cầu người ngày nâng cao, việc du lịch, khám phá trở thành sở thích, đam mê nhiều người Vì vậy, họ thường tìm đến dịch vụ cơng ty du lịch để chọn cho lịch trình tour phù hợp Trước đây, họ thường phải đến tận nơi cơng ty lữ hành đặt tour, mua vé ngày nay, với phát triển thương mại điện tử, việc du lịch khơng cịn chuyện khó khăn người Thay phải đến tận nơi cần nút click giải vấn đề mà không cần phải ngồi đường Vì có trang web du lịch đáp ứng yêu cầu mà khách du lịch cần Và ngày ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động người, tổ chức, công ty đóng vai trị quan trọng Với cơng nghệ Word Wide Web, hay cịn gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng Lý chọn đề tài Dựa vấn đề nhu cầu du lịch người nay, với phát triển mạnh mẽ công nghệ thông tin em muốn xây dụng website giới thiệu địa điểm tour du lịch.Website giúp người dùng dễ dàng tìm kiếm, tham khảo, đăng ký tour du lịch, giúp người quản trị dễ dàng quản lý chương trình tour, dễ dàng cập nhật thay đổi để website mẽ thu hút khách hàng đến với website Do đó, tơi định xây dụng website chuyên cấp tin tức đăng ký tour du lịch với tên gọi “C-Travel” với mong muốn đáp ứng nhu cầu khách hàng Ngồi việc khám phá, tìm hiểu giây phút thư giãn cịn đem lại cho người tin tức du lịch nước 5.3 Biểu đồ hoạt động sửa Tour (tin tức) du lịch Hình 22: Biểu đồ hoạt động sửa Tour (tin tức) du lịch  Biểu đồ hoạt động biểu đồ sửa Tour (tin tức) diễn tả lại sau:  Người quản trị thấy Tour (tin tức) có vấn đề người dùng đóng góp  Quản trị viên chọn Tour (tin tức) muốn sửa hệ thống thị form sửa  Người quản trị nhập thông tin cần sửa sau hệ thống kiểm tra thị thông tin vừa sửa 22 5.4 Biểu đồ hoạt động xóa Tour (tin tức) du lịch Hình 23: Biểu đồ hoạt động xóa Tour (tin tức) du lịch  Biểu đồ hoạt động biểu đồ xóa Tour (tin tức) du lịch diễn tả lại sau:  Người quản trị thấy Tour (tin tức) hết ko cịn phục vụ người quản trị xóa bỏ  Hệ yếu cầu người quản trị có thật muốn xóa hay khơng  Quản trị viên xác nhận hệ thơng xóa Tour (tin tức) du lịch chọn 23 6.Biểu đồ lớp Hình 24: Biểu đồ lớp 24 Phân tích sở liệu 7.1.Sơ đồ tổng quát Hình 25 : Database 7.2 Danh sách chi tiết bảng 7.2.1 Bảng tài khoản Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_taiKhoan Id tài khoản Int 11 Khóa hinhNen Hình đại diện Varchar 11111 taiKhoan Tên đăng nhập Varchar 30 matKhau Mật Varchar 32 tenDayDu Họ tên user Varchar 100 sdt Số điện thoại Varchar 12 diaChi Địa Varchar 50 email Email Varchar 50 admin 0: admin | 1: user tinyint Bảng : Tài khoản 25 7.2.2 Bảng thể loại Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_theLoai Id thể loại int 11 Khóa tenTheLoai Tên thể loại Varchar 30 trangThai 0: ẩn | 1: int 11 Bảng : Thể loại 7.2.3 Bảng Tour du lịch Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_tour Id tour Int 11 Khóa ten Tên tour Varchar 11111 tomTat Thơng tin tóm tắt Text hinh1 Hình minh họa mediumText hinh2 Hình minh họa mediumText hinh3 Hình minh họa mediumText hinh4 Hình minh họa mediumText lichTrinh Lịch trình di chuyển Text Ngày đăng date thoiGian Thời gian tour mediumText xuatPhat Địa điểm xuât phát mediumText soLuongNguoi Số người int gia Giá tour float trangThai 0: ẩn | 1: tinyint id_taiKhoan Id tài khoản int 11 Khóa phụ id_theLoai Id thể loại int 11 Khóa phụ Bảng : Tour du lịch 26 11 7.2.4.Bảng tin tức du lịch Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_tin Id tin tức Int 11 Khóa ten Tên tour Varchar 100 urlHinh Hình minh họa Varchar 1000 tomTat Tóm tắt tin tức Text noiDung Nội dung tin tức Text soNguoiXem Số người xem int Ngày đăng date trangThai 0: ẩn | 1: Text 11 id_taiKhoan Id tài khoản int 11 Khóa phụ id_comment Id bình luận int 11 Khóa phụ 11 Bảng : Tin tức du lịch 7.2.4.Bảng bình luận Tên trường Mơ tả Kiểu liệu Độ lớn Ràng buộc id_comment Id tin tức Int 11 Khóa id_taiKhoan Id tài khoản int 11 Khóa phụ id_tour Id tour int 11 Khóa phụ ngayDang Ngày đăng datetime noiDung Nội dung bình luận Varchar 1000 trangThaiBL 0: ẩn | 1: tinyint Bảng : Bình luận 27 7.2.5 Bảng đơn hàng Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_donHang Id tin tức Int 11 Khóa id_taiKhoan Id tài khoản int 11 Khóa phụ id_phuongthucthanhtoan Id phương int 11 Khóa phụ 11 Khóa phụ thức tốn Ngày đặt ngayDatTour datetime tour id_trangThaiDon Id trang thái int đơn hàng Bảng : Đơn hàng 7.2.6 Bảng phương thức toán Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_phuongthucthanhtoan Id phương Int 11 Varchar 1000 tinyint Khóa thức tốn ten_phuongthucthanhtoan Tên phương thức tốn Trạng thái trangThai Bảng : Phương thức toán 7.2.7 Bảng chi tiết đơn hàng Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_donHang Id đơn hàng Int 11 Khóa phụ id_tour Id tour du lịch int 11 Khóa phụ gia Đơn giá int 11 Bảng : Chi tiết đơn hàng 28 7.2.8 Bảng tên trạng thái đơn Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_trangThaiDon Id tin tức Int 11 Khóa ten_trangThaiDon Id tài khoản Varchar 100 Bảng : Trạng thái đơn hàng 7.2.9 Bảng khoảng giá Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc id_gia Id giá Int 11 Khóa khoangGia Khoảng giá Varchar 50 trangThai 0: ẩn | 1: tinyint Bảng 10 : Các khoảng giá 7.2.10 Bảng hình ảnh Banner Tên trường Mô tả Kiểu liệu Độ lớn id_banner Id banner Int 11 viTri Vị trí hình int 11 urlHinh Hình midiumtext Bảng 11 : Hình ảnh banner Logo 29 Ràng buộc Chương XÂY DỰNG ỨNG DỤNG Giao diện chung 1.1 Giao diện trang chủ Website Hình 26 : Giao diện trang chủ 30 1.2 Giao diện đăng ký Hình 27 : Giao diện trang đăng ký 1.3 Giao diện trang đăng nhập Hình 28 : Giao diện trang đăng nhập 31 1.3 Giao diện trang Tour du lịch Hình 29 : Giao diện trang tour du lịch 1.4.Giao diện trang tin tức Hình 30 : Giao diện trang tin tức 32 1.5 Giao diện trang quản trị Hình 31 : Giao diện trang quản trị 1.6 Giao diện trang thêm Tour du lịch Hình 32 : Giao diện trang thêm tour du lịch 33 KẾT LUẬN Kết đạt  Về phía người quản trị - Hồn thành chức quản lý như: quản lý thể loại, Tour du lịch, tin tức du lịch, tài khoản, xử lý đơn đăng ký - Ngồi cịn có chức như: quản lý banner, quản lý bình luận, đổi mật khẩu, cập nhật thông tin người dùng, theo dõi đơn đăng ký,…  Về phía người dùng - Người dùng đăng nhập, đăng ký, xem thơng tin chi tiết Tour, tin tức du lịch - Đăng ký Tour du lịch, tìm kiếm Tour du lịch, bình luận - Người dùng cịn thay đổi thơng tin mật - Đăng xuất - …  Về phía thân - Khảo sát quy trình phát triển hệ thống Website - Nắm số khái niệm - Phân tích liệ chức hệ thống - Thiết kế CSDL giao diện chương trình - Xây dựng Website tương đối hoàn chỉnh so với yêu cầu đặt - Hiểu thêm nhiều kỹ thuật lập trình PHP việc xây dựng website 34 Hạn chế hướng phát triển  Hạn chế : - Giao diện chưa đẹp - Một số chức phụ chưa hồn chỉnh - Chưa có chức đánh giá, phản hồi bình luận - Website thực chủ yêu máy chủ cục chưa thấy kết thực tế - Khối lượng kiến thức hạn hẹp nên đề tài vào bước khái quát Một số chức chưa tìm hiểu kỹ chun sâu  Hướng phát triển : - Hồn thiện giao diện, tăng tính thẩm mỹ - Hồn thiện chức có thêm chức : đánh giá Tour du lịch, phản hồi đánh giá, tìm kiếm giọng nói,… - Tăng cường bảo mật website,… - Tìm hiểu thêm nhiều công cụ công nghệ 35 TÀI LIỆU THAM KHẢO [1] Trang web: https://getbootstrap.com/docs/4.6/components/ [2] Trang web: https://luanvan1080.com/ [3] Trang web: https://www.academia.edu/ [4] Trang web: https://elements.envato.com/fr/plesire-interactive-travel-template9UZ7AGZ [5] Trang web: https://free-php-editor.com/php-la-gi/ [6] Trang web: https://ulm.com.vn/visual-studio-code-la-gi.html 36 ... du lịch Hình 17: Biểu đồ thêm Tour (tin tức) du lịch 4.3 Biểu đồ chức xóa Tour (tin tức) du lịch Hình 18: Biểu đồ tuàn tự xóa Tour tin tức du lịch 18 4.4 Biểu đồ chức sửa Tour (tin tức) du lịch. .. Tìm kiếm Tour du lịch  Xem Tour tin tức du lịch  Xem chi tiết Tour tin tức du lịch  Đăng ký đăng nhập tải khoản  Thay đổi thơng tin mật  Viết bình luận đánh giá  Đăng ký tour du lịch  Theo... thêm tin tức du lịch Hình 13: Biểu đồ User case chức thêm tin tức du lịch 3.3.4 Biểu đồ User case chức xử lý đơn đăng ký Tour du lịch Hình 14: Biểu đồ User case chức xử lý đơn đăng ký Tour du lịch