Thiết Kế Website Du Lịch.ThS.HÀ THỊ MINH PHƯƠNG.

THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ Đề tài: Thiết Kế Website Du Lịch Đà Nẵng, ngày 30 tháng 12 năm 2019 Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG MỞ ĐẦU Giới thiệu tổng quan đề tài Trong phát triển mạnh mẽ khoa học cơng nghệ giới, nói ngành cơng nghệ thơng tin phát triển với tốc độ nhanh ngày thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hội ứng dụng công nghệ thông tin, nhiều phần mềm mang lại hiệu phụ nhận Song song với đó, 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 Thông qua website này, thông tin họ công văn, thông báo, định doanh nghiệp hay sản phẩm, dịch vụ công ty đến với người quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Hoạt động công ty du lịch có quy mơ lớn tăng cường mở rộng xây dựng website có khả giới thiệu cơng ty cho phép quản lý tour du lịch cách nhanh chóng xác Do đó, với giúp đỡ Hà Thị Minh Phương, nhóm định thành lập trang web chuyên cấp tour du lịch đến địa điểm du lịch tiếng, di sản văn hoá nước với tên gọi “VNTour” 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 hiểu biết thêm lịch sử văn hóa Việt Nam nước giới Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG LỜI CẢM ƠN Để thực hoàn thành tốt đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy cô thuộc Khoa Công Nghệ Thông Tin Và Truyền Thông – Đại Học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian q để em thực hồn thành đồ án Đặc biệt em xin chân thành cảm ơn thành cô ThS Hà Thị Minh Phương người trực tiếp hướng dẫn chúng em thời gian thực đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi trình nghiên cứu thực đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài không tránh khỏi sai xót Em mong nhận thơng cảm q thầy mong đón nhận góp ý thầy bạn Em xin chân thành cảm ơn! Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày 30 tháng 12 năm 2019 Giảng Viên Hướng Dẫn ThS HÀ THỊ MINH PHƯƠNG Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG MỤC LỤC Chương 1: GIỚI THIỆU .6 1.1Giới thiệu đề tài: .6 1.2 Phương pháp thực hiện: 1.3 Cấu trúc đồ án: .7 Chương 2: NGHIÊN CỨU TỔNG QUAN 2.1 Các hệ thống website tương tự .7 2.2 Các công cụ hỗ trợ thực thiết kế website 10 2.3 Yêu cầu chức : 11 Công ty du lịch thiết kế tour lên lịch trình cho tour cụ thể Sau cập nhật thơng tin lên website với đầy đủ thông tin giá cả, loại tour, lịch trình, địa điểm đến đi, kèm theo hình ảnh minh hoạ… 11 Khách hàng xem, tìm kiếm thơng tin tour du lịch, đăng kí tài khoản kiểm tra thay đổi thơng tin Thơng tin tour du lịch hiển thị ngôn ngữ tiếng Việt giúp khách hàng dễ dàng tra cứu tìm hiểu thơng tin 11 Sau tìm hiểu khách hàng đặt tour trực tuyến, liệu lưu sở liệu cho phép quản trị viên phần quyền công việc, chi tiết sau: .11 2.4 Yêu cầu phi chức năng: 13 Website phải có dung lượng khơng q lớn, tốc độ xử lí nhanh .13 Giao diện dễ nhìn, thân thiện 13 Công việc phải xác khơng có sai sót 13 Bảo mật thông tin khách hàng 13 Đảm bảo an toàn liệu chạy trực tuyến 13 2.5 Kết luận: 13 Chương : 14 THIẾT KẾ CƠ SỞ DỮ LIỆU 14 3.1 Thiết kế bảng sở liệu 14 3.2 Chi tiết bảng sở liệu 14 Chương : 16 PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 16 4.1.4 Biểu đồ trường hợp sử dụng (use case diagrams) 22 22 Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 4.1.5 Biểu đồ hoạt động (activity diagrams) .23 23 Biểu đồ đặt tour 23 24 Chỉnh sửa đơn đặt 24 24 Chương : 30 KẾT QUẢ ĐẠT ĐƯỢC 30 Chương 6: 35 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .35 6.1 Kết quả: 35 6.2 Hướng phát triển: 35 Chương 1: GIỚI THIỆU 1.1 Giới thiệu đề tài: Sau tìm hiểu nghiên cứu thị trường, xác định khách hàng mục tiêu, website “VNTOUR” thành lập Website chủ yếu giúp cơng ty quản lí du lịch lữ hành quảng bá cơng ty mình, giúp khách hàng tiếp cận với cơng ty nhiều hơn, quản lí sản phẩm cơng ty cách dễ dàng Đồng thời giúp cho khách hàng thuận tiện việc tìm hiểu, đặt tour du lịch theo ý muốn Website tạo việc đem lại thuận tiện cho người đem lại thêm kiến thức hiểu biết địa điểm du lịch tiếng nước 1.2 Phương pháp thực hiện: Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG - Trước tiên ta phải nêu toán, phân tích thiết kế giao diện, hệ thống website - Dựa mục tiêu cụ thể để tìm kiếm thông tin sử dụng, thiết kế giao diện phù hợp - Sau xây dựng website sử dụng ngơn ngữ PHP, HTML, framework Laravel,… thư viện Boostrap, JavaScript, sử dụng số cơng cụ để lập trình Sublime Text, … 1.3 Cấu trúc đồ án: - Nghiên cứu tổng quan - Phân tích thiết kế hệ thống website - Triển khai xây dựng hệ thống kết - Kết luận hướng phát triển Chương 2: NGHIÊN CỨU TỔNG QUAN 2.1 Các hệ thống website tương tự Hiện có nhiều hệ thống website làm du lịch công ty lớn, tiêu biểu hệ thống website: - Hệ thống website công ty Du lịch Việt: dulichviet.com.vn - Hệ thống website cơng ty Vietravel: travel.com.vn Ngồi cịn có nhiều website cơng ty nước ngồi thơng dụng như: - www.booking.com - www.trivago.vn Nhóm định tham khảo website dulichviet.com.vn để tham khảo bố cục, chức yêu cầu website du lịch yêu cầu phải có, chi tiết cụ thể : Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG - Phần menu banner phải dịch vụ, chức trang web, giúp người dùng dễ dàng chọn lựa, tham khảo - Phần tìm kiếm giúp khách hàng chọn lựa loại tour địa điểm - Các tour du lịch bật giúp quảng cáo tour ăn khách công ty Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG - Phần chi tiết tour thể lịch trình, chi tiết thơng tin tour - Phần đặt tour giúp người dùng đặt tour du lịch Trang THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Sau tham khảo chức năng, giao diện trang khác công ty uy tín, nhóm đặt u cầu định chức phi chức dành cho trang web nhóm 2.2 Các cơng cụ hỗ trợ thực thiết kế website Các phần mềm lập trình hỗ trợ : - SublimeText - Notepad ++ - Microsoft Visual Studio - Eclipse - StarUML - XAMpp - Framework Laravel Ưu điểm phần mềm dễ để cài đặt sử dụng, tất tối ưu cho ngôn ngữ PHP ngôn ngữ lập trình web Các phần mềm có trình kiểm tra tả, số dịng, tự động hồn thành, xem trước trang công cụ soạn thảo văn hình ảnh Và tối ưu cho hệ điều hành Windows Nhược điểm phần mềm chưa tối ưu hồn tồn ngơn ngữ, chương trình có nhiều phiên khác nhau, phiên có cách làm việc khác nhau, khó giải gặp lỗi bug, sai code, Trang 10 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG ● Hệ thống tiếp nhận kiểm tra thông tin Admin nhập vào Nếu thông tin hợp lệ, hệ thống thông báo thành công hiển thị danh sách phòng vừa cập nhập ● Kết thúc Use case Luồng kiện rẽ nhánh: Luồng 1: ● Tại giao diện cập nhập phịng, Admin chọn ● Kết thúc Use case Luồng 2: ● Hệ thống kiểm tra thơng tin Admin cung cấp khơng xác ● Hệ thống hiển thị thông báo lỗi Luồng 3: ● Hệ thống kết nối CSDL để kiểm tra thông tin, q trình kết nối khơng thành cơng, khơng thực kiểm tra ● Hiển thị thông báo lỗi ● Hậu điều kiện: Admin cập nhập thành công danh sách phịng ● Actor: Admin 4.1.3.6 User Case Tìm kiếm phịng Tóm tắt: Use case cho phép người dùng tra cứu thơng tin phịng thí nghiệm Tiền điều kiện: Truy cập vào trang web Luồng kiện chính: ● Từ giao diện hệ thống, người dùng chọn chức tra cứu thơng tin phịng ● Hệ thống hiển thị giao diện tìm kiếm thơng tin phịng u cầu người dùng nhập thơng tin tìm kiếm Trang 21 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG ● Người dùng nhập thơng tin tìm kiếm phịng Hệ thống tiếp nhận, kiểm tra thơng tin Nếu thơng tin hợp lệ, hệ thống hiển thị phịng cần tìm kiếm Luồng kiện rẽ nhánh: Luồng 1: ● Tại giao diện tìm kiếm phịng, người dùng chọn thoát ● Kết thúc Use case Luồng 2: ● Hệ thống kiểm tra thông tin người dùng cung cấp không xác ● Hệ thống hiển thị thơng báo lỗi Luồng 3: ● Hệ thống kết nối CSDL để kiểm tra thơng tin, q trình kết nối khơng thành cơng, không thực kiểm tra ● Hiển thị thông báo lỗi ● Actor: Khách hàng 4.1.4 Biểu đồ trường hợp sử dụng (use case diagrams) Trang 22 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 4.1.5 Biểu đồ hoạt động (activity diagrams) Biểu đồ đặt tour Trang 23 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Chỉnh sửa đơn đặt Trang 24 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Biểu đồ quản lí tour 4.2 Mơ hình hố khái niệm 4.2.1 Các lớp biên hệ thống (boundary classes) 4.2.2 Các lớp điều khiển hệ thống (control classes) 4.2.3 Biểu đồ lớp mức phân tích Trang 25 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 4.3 Mơ hình hố hành vi 4.3.1 Mơ hình hóa tương tác 4.3.1.1 Biểu đồ (sequence diagrams) Biểu đồ trình tự đăng nhập Trang 26 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Biểu đồ trình tự đặt phịng Biểu đồ trình tự thống kê Trang 27 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 4.4 Thiết kế chi tiết biểu đồ lớp Biểu đồ lớp với đầy đủ thuộc tính phương thức 4.5 Biểu đồ thành phần biểu đồ triển khai 4.5.1 Biểu đồ thành phần Trang 28 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 4.5.2 Biểu đồ triển khai Trang 29 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Chương : KẾT QUẢ ĐẠT ĐƯỢC 5.1 Màn hình giao diện 5.2 Màn hình giới thiệu tour Trang 30 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 5.3 Màn hình tin tức 5.4 Màn hình danh sách tour Trang 31 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 5.5 Màn hình danh sách tour 5.6 Màn hình đặt tour Trang 32 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 5.7 Màn hình đăng nhập 5.8 Màn hình đăng kí thành viên Trang 33 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG 5.9 Màn hình tin tức 5.10Màn hình quản trị hệ thống Trang 34 THIẾT KẾ WEBSITE DU LỊCH GVHD: ThS HÀ THỊ MINH PHƯƠNG Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Kết quả: Trên sở nghiên cứu ngôn ngữ web ứng dụng lập trình Dưới hướng dẫn Hà Thị Minh Phương, chúng em thiết kế thành công trang web giới thiệu du lịch Việt Nam Tuy kết đạt chưa cao, website nhiều điểm hạn chế chưa khắc phục được, bước khởi đầu để chúng em hướng tới trang web hồn thiện kinh doanh đươc Bên cạnh đó, q trình xây dựng website demo, chúng em học hỏi nhiều, kĩ thuật bootstrap, javascritp,css để thiết kế trang web có chất lượng cao sau Về trang web demo, sau chúng em lấy ý kiến giáo viên bạn khoa Trang web đạt kết khả quan, có tiềm phát triển lớn tương lai Chúng em sinh viên bước đầu học lập trình, nên trang web tránh khỏi lỗi, điểm chưa hợp lí, động lực để chúng em làm tốt sau 6.2 Hướng phát triển: Có nhiều hướng phát triển cho trang web này, phát triển nhiều mặt, kể quảng bá du lịch Việt Nam xây dựng ln tour du lịch chúng em phát triển Có thể xây dựng thêm trang web đa ngơn ngữ, để vị khách xem hiểu Ngồi phát triển trang web theo hướng đa dịch vụ, không dùng để quảng bá du lịch, mà cịn sử dụng để đặt phòng khách sạn, thuê xe, đặt ăn, … Trang 35