TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (84-236) 3736949, Fax (84-236) 3842771 Website: http://dut.udn.vn/khoacntt, E-mail: cntt@dut.udn.vn BÁO CÁO THỰC TẬP CÔNG NHÂN PHẦN THIẾT KẾ WEBSITE ĐỀ TÀI TRANG WEB DU LỊCH VIỆT NHÓM SINH VIÊN THỰC HIỆN Lê Văn Huỳnh – 102150042 Mai Văn Anh – 102150019 Nguyễn Văn Tiên – 102150072 Đà Nẵng, 12/2018 MỤC LỤC DANH MỤC HÌNH ẢNH II GIỚI THIỆU CHUNG Tổng quan đề tài Mục đích ý nghĩa đề tài Phương pháp thực CHƯƠNG 1: MỞ ĐẦU 1.1 ĐẶT VẤN ĐỀ 1.2 HIỆN TRẠNG CHUNG 1.3 THƯƠNG MẠI ĐIỆN TỬ VÀ ỨNG DỤNG ĐỐI VỚI WEBSITE CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ DỮ LIỆU 2.1 PHÂN TÍCH DỮ LIỆU 2.2 THIẾT KẾ DỮ LIỆU CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 10 3.1 DANH SÁCH CÁC GIAO DIỆN 10 CÀI ĐẶT VÀ THỬ NGHIỆM 19 CÀI ĐẶT 19 ĐÁNH GIÁ, KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 21 ĐÁNH GIÁ, KẾT QUẢ ĐẠT ĐƯỢC 21 HƯỚNG PHÁT TRIỂN 21 TÀI LIỆU THAM KHẢO 23 Danh mục hình ảnh Hình Sơ đồ use case quản lí thơng tin cá nhân Admin Hình 2:Sơ đồ use case quản lí poster, writer Admin Hình 3: Bảng Like thành viên Hình 4: Bảng comment Hình 5: Bảng đăng Hình 6: Bảng thành viên Hình 7: Bảng thành phố Hình 8: Bảng người dùng Hình 9: Mối quan hệ liệu Hình 10: Giao diện admin thêm viết Hình 11: Thêm thành cơng hiển thị list Hình 12: Sửa viết Hình 13: Sửa thành cơng, kích hoạt trạng thái phê duyệt viết(sử dụng ajax) Hình 14: Danh sách thành phố Hình 15: Giao diện trang chủ, search viết Hình 16: Xem số lượt xem viết để lại like(phải đăng nhập) Hình 17: Xem thêm viết nhấn loadmore(dùng ajax) Hình 18: Chi tiết viết, người đăng Hình 19: Để lại bình luận cho viết Hình 20: Trả lời phản hồi cho bình luận Hình 20: Thành viên đăng bài, xem viết u thích Hình 20: Gửi u cầu thêm viết cho quản trị viên, đợi admin phê duyệt Hình 20: Quản lý viết thành viên Hình 21: Đăng kí thành viên Hình 22: Profile thành viên 6 7 8 10 10 11 11 12 13 14 14 15 15 16 16 17 17 18 18 GIỚI THIỆU CHUNG Tổng quan đề tài Ngày nay, ứ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 phủ, tổ chức, cơng ty; đóng vai trò quan trọng, tạo bước đột phá mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, phổ biến Với vài thao tác đơn giản, người trở thành người quản lí website giới thiệu muốn: website giới thiệu thân gia đình anh ta, website trình bày sưu tập hình ảnh mà thích chẳng hạn Đối với phủ cơng ty việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website này, thông tin họ cơng văn, thơng báo, định phủ 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 Du lịch ngành phát triển nhanh Việt Nam nằm định hướng phát triển nhà nước Các công ty du lịch ngày nhiều, hoạt động công ty du lịch tăng cường mở rộng xây dựng website tốt Bắt nguồn với ý tưởng này, với hướng dẫn gợi ý từ thầy Võ Đức Hoàng chúng em thực đồ án “XÂY DỰNG WEBSITE DU LỊCH VIỆT”, giúp người đánh giá địa điểm du lịch mà họ trải nghiệm người khác vào thảo luận địa điểm để có định hợp lí điểm đến Mục đích ý nghĩa đề tài  Mục đích Hiện ngành du lịch phát triển nhanh, nhu cầu du lịch theo tour hay du lịch tự túc mà gia tăng Để người nêu lên cảm nhận địa điểm đến, tạo nơi mà người thảo luận du lịch, chúng em tạo website đánh giá du lịch Xã hội ngày phát triển dẫn đến đời sống ngày lên cao, việc du lịch việc nhiều người chọn ngày nghỉ dịp lễ tết Nhưng đa số người trước khơng biết đến địa điểm khơng biết chọn địa điểm để vừa túi tiền Để khắc phục tình trạng nhóm bọn em làm website với mục đính giúp cho người du lịch hiểu có nhìn tổng quan điểm họ muốn đến chọn điểm mà phù hợp với túi tiền họ định điểm đến phù hợp Ý nghĩa Xây dựng hệ thống giới thiệu này, hi vọng giúp người thảo luận, đánh giá địa điểm du lịch, qua giúp người làm dịch vụ cải thiện chất lượng phục vụ, người du lịch chọn địa điểm phù hợp Phương pháp thực Phương pháp phân tích tổng hợp từ tài liệu CHƯƠNG 1: MỞ ĐẦU 1.1 ĐẶT VẤN ĐỀ Cùng với phát triển không ngừng công nghệ thông tin thời đại 4.0 Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet, giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin hình ảnh, đơi lúc có âm bạn cần … Bằng Internet, thực nhiều công việc với tốc độ nhanh hơn, chí phí thấp nhiều so với cách thức truyền thống Chính điều thúc đẩy khai sinh phát triển không gian mạng, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong năm qua, du lịch Việt Nam có bước tiến đáng kể, đóng góp vào phát triển kinh tế xã hội đất nước Sự phát triển du lịch Việt Nam giai đoạn 2005 – 2011 gắn liền với biểu tượng hiệu xúc tiến du lịch quốc gia với tên gọi Việt Nam – Vẻ đẹp tiềm ẩn Với phát triển du lịch ngày hôm Nhiều địa điểm, thắng cảnh khai phá hình thành chưa nhiều người biết đến Hình thức quảng bá du lịch Việt Nam bóng dáng địa điểm du lịch nhỏ cá nhân hay nhóm thành lập chi phí quảng cáo phương tiện thơng tin đại chúng q cao khơng có hội có vị trí chương trình quảng cáo Nên trang web du lịch yêu cầu thiết dễ dàng vương khắp giới Đến với người yêu du lịch, khám phá Lấy ý tưởng ấy, nhóm em định thực làm trang WEB “DU LỊCH VIỆT” để thực hóa ý tưởng 1.2 HIỆN TRẠNG CHUNG Hiện nay, khác với nước có cơng nghệ thơng tin phổ biến phát triển, Việt Nam, đại đa số website tĩnh, có cấu trúc tổ chức thơng tin cố định, khơng thay đổi thay đổi, chủ yếu mang tính chất giới thiệu cơng ty sản phầm dịch vụ Bên cạnh đó, có nhiều trang web động (Dynamic Website) với nhiều hình thức tổ chức khác giao diện, bố cục cách thức quản lý tiêu biểu website Ngân hàng cổ phần thương mại ABC, du lịch có website, ví dụ như: website công ty du lịch SaiGon Tourist… Đa số trang Web dạng cá nhân, tổ chức, công ty chuyên làm du lịch nên khơng có tính phong phú đa dạng Vẫn nhiều địa điểm: nông thôn, vùng núi, ven biển… Tuy đơn sơ có nhiều nét đẹp mà nhiều người yêu du lịch tìm kiếm Cung cấp thông tin cần thiết, điều cần biết cho khách tham quan Cho họ nhìn trực quan chân thực địa điểm 1.3 THƯƠNG MẠI ĐIỆN TỬ VÀ ỨNG DỤNG ĐỐI VỚI WEBSITE Nói đến Internet, ngày người ta thường nhắc đến phủ điện tử, thương mại điện tử Đây hai số ứng dụng lớn công nghệ thông tin, xa lộ thông tin internet vào lĩnh vực tổ chức thương mại hóa tồn cầu  Chính phủ điện tử: cách thức tổ chức truyền thơng liệu phủ, sử dụng công nghệ để cung cấp cho công dân khả truy cập hiệu vào nguồn tài ngun thơng tin có độ tin cậy cao phủ  Thương mại điện tử: đề cập đến hình thức mua bán, giao tiếp hồn tồn khác so với hình thức thương mại truyền thống Ở người mua người bán đơi mặt nhau, thỏa thuận trao đổi diễn mạng internet thông qua hệ thống toán trao đồi diễn internet thơng qua hệ thống tốn đặc biệt, chẳng hạn thẻ tín dụng ngân hàng, thẻ visa, thẻ ghi nợ… Thương mại điện tử tạo nhiều mối quan hệ xã hội cá nhân công ty thành phần toàn xã hội Xây dựng web du lịch tham gia vào thương mại điện tử, với mục tiêu đẩy mạnh mối quan hệ thương mại: công ty – khách hàng khách hàng – cơng ty Nói đên thương mại điện tử người ta thường nghĩ đến việc chọn mua sản phẩm mạng (chẳng hạn đặt tour du lịch cơng ty tổ chức), sau phiên giao dịch khác để thực giao nhận hàng (chẳng hạn điện thoại , email … xác thực thông tin địa đặt chỗ ), cuối kết thúc việc tốn qua thẻ tín dụng Tuy nhiên, thực tế thương mại điện tử đơn giản phiên giao dịch thông thường, khách hàng vào viếng thăm website để năm bắt thông tin , tìm kiếm thơng tin qua Search Engines mạng internet Các phiên giao dịch giúp giới thiệu công ty hay sản phẩm công ty cung cấp Mục tiêu cần khai thác giao dịch website phải có đủ sức hút để lơi kéo khách hàng viếng thăm trang web lần sau, biến họ thành khách hàng thức cơng ty Muốn website phải có giao diện bắt mắt, thân thiện dễ sử dụng, cấu trúc hợp lý, dung lượng website phải nhỏ để khách hàng không kiên nhẫn trang web xuất trước mặt họ Nội dung website phải tiện dụng, phù hợp, đáp ứng nhu cầu thường gặp khách hàng Một website du lịch hiệu khơng nằm ngồi u cầu Thơng tin tour du lịch mà công ty tổ chức thời gian đến: giá cả, hình ảnh, lịch trình nơi mà qua … tất nhiên thông tin phải tổ chức hợp lý, cho phép khách hàng tìm kiếm cách dễ dàng CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ DỮ LIỆU 2.1 PHÂN TÍCH DỮ LIỆU Sơ đồ use-case  Admin Hình Sơ đồ use case quản lí thơng tin cá nhân Admin  Người dùng Hình 2:Sơ đồ use case quản lí poster, writer Admin Danh sách lớp đối tượng quan hệ Hình 3: Bảng Like thành viên Hình 4: Bảng comment Hình 5: Bảng đăng 2.2 THIẾT KẾ DỮ LIỆU Hình 9: Mối quan hệ liệu CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 3.1 DANH SÁCH CÁC GIAO DIỆN Hình 10: Giao diện admin thêm viết Hình 11: Thêm thành công hiển thị list 10 Hình 12: Sửa viết Hình 13: Sửa thành cơng, kích hoạt trạng thái phê duyệt viết(sử dụng ajax) 11 Hình 14: Danh sách thành phố Hình 15: Quản lý comment thành viên 12 Hình 15: Admin quản lý thành viên Hình 15: Giao diện trang chủ, search viết 13 Hình 16: Xem số lượt xem viết để lại like(phải đăng nhập) Hình 17: Xem thêm viết nhấn loadmore(dùng ajax) 14 Hình 18: Chi tiết viết, người đăng Hình 19: Để lại bình luận cho viết 15 Hình 20: Trả lời phản hồi cho bình luận Hình 21: Thành viên đăng bài, xem viết yêu thích 16 Hình 22: Gửi yêu cầu thêm viết cho quản trị viên, đợi admin phê duyệt Hình 23: Quản lý viết thành viên 17 Hình 24: Đăng kí thành viên Hình 25: Profile thành viên 18 CÀI ĐẶT VÀ THỬ NGHIỆM CÀI ĐẶT Môi trường cài đặt  Website xây dựng tảng:  Back-end Servlet  Front-end: HTML, CSS, JavaScript, Jquery, Ajax  Hệ quản trị sở liệu: MySQL 19  Các bước để thực đề tài:           Lập đề cương chi tiết cho đề tài Tìm hiểu nghiệp vụ cơng ty du lịch Tham khảo website du lịch mẫu Lên danh sách công việc cần làm, phân bổ công việc cho thành viên Xây dựng database dựa phân tích website mẫu, nghiệp vụ cơng ty du lịch Xây dựng ứng dụng localhost, quản lý source code github Test UI, Functions Mua domain, host Deploy source từ local lên host Hoàn thành báo cáo đồ án 20 ĐÁNH GIÁ, KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ĐÁNH GIÁ, KẾT QUẢ ĐẠT ĐƯỢC Trong thời gian tìm hiểu, nghiên cứu sở lý thuyết triển khai ứng dụng công nghệ, đề tài đạt kết sau : Về mặt lý thuyết, đề tài đạt được:  Ứng dụng kiến thức lập trình Website JSP, Servlet, HTML5, CSS3, Ajax, Javacript, Jquery, … để xây dựng giao diện cho website  Ứng dụng kiến thức cấu trúc liệu, sở liệu , phân tích thiết kế hệ thống thông tin, hệ quản trị sở liệu MySQL vào đề tài Về mặt thực tiễn ứng dụng, đề tài đạt được:  Đã hoàn thành đề tài tạo website hồn thành vận hành tốt mơi trường Internet  Đáp ứng nhu cầu giới thiệu công ty du lịch đến với khách hàng  Đáp ứng việc đăng tour du lịch kinh nghiệm du lịch, ẩm thực từ công ty du lịch  Đáp ứng nhu cầu đặt tour tìm hiểu thơng tin ẩm thực kinh nghiệm du lịch khách hàng Tuy nhiên, đề tài tồn vấn đề sau:  Q trình loading liệu, ảnh chưa tối ưu  Code cần refactor lại để tối ưu HƯỚNG PHÁT TRIỂN Một số số hướng nghiên cứu phát triển đề tài sau: - Nghiên cứu chỉnh sửa design cho tiêu chuẩn UX, giúp người dùng dễ dàng sử dụng sản phẩm 21 - Nghiên cứu phát triển thêm vài tính có (dựa tìm hiểu trang tương tự.) - Tìm hiểu tăng cường bảo mật cho website, phòng tránh lỗi bảo mật 22 TÀI LIỆU THAM KHẢO [1] https://www.w3schools.com/ [2] https://www.html5webtemplates.co.uk/templates.html 23 ... Các bước để thực đề tài:           Lập đề cương chi tiết cho đề tài Tìm hiểu nghiệp vụ công ty du lịch Tham khảo website du lịch mẫu Lên danh sách công việc cần làm, phân bổ công việc... bóng dáng địa điểm du lịch nhỏ cá nhân hay nhóm thành lập chi phí quảng cáo phương tiện thơng tin đại chúng q cao khơng có hội có vị trí chương trình quảng cáo Nên trang web du lịch yêu cầu thiết... phần thương mại ABC, du lịch có website, ví dụ như: website công ty du lịch SaiGon Tourist… Đa số trang Web dạng cá nhân, tổ chức, công ty chuyên làm du lịch nên khơng có tính phong phú đa dạng