Đồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịchĐồ án tốt nghiệp: Xây dựng Website du lịch
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN - - NGUYỄN QUANG HUY -15110215 LÊ TẤN KHANG - 15110229 Đề Tài: XÂY DỰNG WEBSITE DU LỊCH KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS MAI TUẤN KHƠI KHĨA 2015 – 2019 LỜI CẢM ƠN Để hồn thành khóa luận tốt nghiệp kỹ sư CNTT xây dựng website du lịch nhóm chúng em xin gửi lời cảm ơn chân thành đến: Ban giám hiệu trường Đại Học Sư Phạm Kỹ Thuật TP.HCM tạo điều kiện sở vật chất tốt, đáp ứng nhu cầu sinh viên, giảng viên với phòng học đẹp, máy chiếu, wifi để phục vụ cho việc học tập tìm kiếm thơng tin sinh viên, giảng dạy giảng viên Quý Thầy Cô Khoa Công Nghệ Thông Tin Trường Đại Hoc Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho nhóm chúng em thực đề tài khóa luận tốt nghiệp Giảng viên hướng dẫn Mai Tuấn Khôi, người giảng dạy hướng dẫn bảo tận tình, chi tiết giải đáp thắc mắc kịp thời để chúng em hồn thành khóa luận tốt nghiệp cách tốt Xin chân thành cảm ơn anh, chị khóa bạn bè ủng hộ giúp đỡ nhiều thời gian học tập nghiên cứu khóa luận tốt nghiệp Do chưa có nhiều kinh nghiệm nên khơng thể tránh khỏi thiếu sót hạn chế, mong nhận ý kiến đóng góp từ phía thầy, để đề tài hồn thiện Tp Hồ Chí Minh, ngày 02 tháng 01 năm 2019 Nhóm sinh viên thực Lê Tấn Khang Nguyễn Quang Huy MỤC LỤC MỤC LỤC DANH MỤC CÁC HÌNH ẢNH DANH MỤC BẢNG BIỂU GIỚI THIỆU 11 Tính cấp thiết đề tài 11 Mục tiêu 11 Kết cấu 11 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG 13 1.1 Khảo sát trạng 13 1.2 Khảo sát website khác 13 1.2.1 Gody 13 1.2.2 Mytour 15 1.2.3 Dulichviet 16 1.2.4 Datviettour 18 1.2.5 Fiditour 19 1.2.6 Travel 20 CHƯƠNG 2: LẬP DANH SÁCH YÊU CẦU 21 2.1 Sơ đồ Use case 21 2.2 Danh sách yêu cầu chức phần mềm 21 2.2.1 Yêu cầu chức Admin 21 2.2.2 Chức nghiệp vụ Guest 28 2.2.3 Chức nghiệp vụ User 32 CHƯƠNG 3: PHÂN TÍCH YÊU CẦU VÀ THIẾT KẾ CƠ CỞ DỮ LIỆU 39 3.1 Mơ hình hóa u cầu 39 3.1.1 Nghiệp vụ Add Place 39 3.1.2 Nghiệp vụ Edit Place 43 3.1.3 Nghiệp vụ Delete Place 45 3.1.4 Nghiệp vụ Delete Feeling 46 3.1.5 Nghiệp vụ Delete Acount 50 3.1.6 Nghiệp vụ View Info (Image, Video, Info about Place) 53 3.1.7 Nghiệp vụ Login with Facebook 54 3.1.8 Nghiệp vụ View place visited 56 3.1.9 Nghiệp vụ Share Map 58 3.1.10 Nghiệp vụ Save Feeling 59 3.1.11 Nghiệp vụ Logout 64 3.1.12 Nghiệp vụ Save album 65 3.1.13 Nghiệp vụ Search tourist destination 69 3.1.14 Nghiệp vụ Search regional tourist destination 71 3.2 Mô tả sở liệu 73 3.2.1 Lược đồ ERD 73 3.2.2 Chi tiết bảng liệu 74 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 81 4.1 Màn hình giao diện xử lý bên client 81 4.1.1 Giao diện trang chủ/ trang Intro (giới thiệu) 81 4.1.2 Giao diện trang Login with facebook 86 4.1.3 Giao diện trang danh mục album địa điểm 87 4.1.4 Giao diện trang danh mục album tỉnh 91 4.1.5 Giao diện trang map đánh dấu nơi bạn 95 4.1.6 Giao diện trang tìm kiếm 98 4.1.7 Giao diện trang rating địa danh 100 4.1.8 Giao diện map – view a region 103 4.1.9 Giao diện trang thêm post 106 4.1.10 4.2 Giao diện trang thêm album 107 Màn hình giao diện xử lý bên Admin 110 4.2.1 Giao diện trang danh sách User 110 4.2.2 Giao diện trang chi tiết User 114 4.2.3 Giao diện trang danh sách post User 116 4.2.4 Giao diện trang danh sách Region 119 4.2.5 Giao diện trang chi tiết Region 122 4.2.6 Giao diện trang danh sách Place Region 124 4.2.7 Giao diện trang chi tiết Place 127 4.2.8 Giao diện trang cập nhật Place 129 4.2.9 Giao diện trang thêm Place 132 CHƯƠNG 5: CÀI ĐẶT 137 5.1 Ngơn ngữ lập trình 137 5.1.1 Các ngôn ngữ sử dụng 137 5.1.2 Các công nghệ sử dụng 137 5.2 Hệ quản trị sở liệu 143 5.3 Sơ đồ lớp 144 1.3.1 Sơ đồ lớp 144 1.3.2 Mô tả sơ đồ lớp 147 CHƯƠNG 6: KIỂM THỬ 155 6.1 Test phần Admin 155 6.1.1 Màn hình Add Place 155 6.1.2 Màn hình danh sách Place 155 6.1.3 Màn hình Update Place 156 6.1.4 Màn hình danh sách Post 156 6.1.5 Màn hình danh sách User 157 6.2 Test phần Client 158 6.2.1 Màn hình Trang chủ 158 6.2.2 Màn hình Khám phá 159 6.2.3 Màn hình Place Info 160 6.2.4 Màn hình Map 161 KẾT LUẬN 163 Kết đạt 163 Ưu điểm 163 Nhược điểm 163 Hướng phát triển 163 TÀI LIỆU THAM KHẢO 165 DANH MỤC CÁC HÌNH ẢNH Hình 1: Giao diện chức Travel Map website gody.vn 13 Hình 2: Giao diện trang của website gody.vn 14 Hình 3: Hình ảnh Blog thành viên website gody.vn 14 Hình 4: Website du lịch mytour.vn 15 Hình 5: Địa điểm phổ biến website du lịch mytour.vn 16 Hình 6: Trang chủ website du lịch dulichviet.com.vn 17 Hình 7: Danh sách tour du lịch website dulichviet.com.vn 17 Hình 8: Trang chủ website datviettour.com.vn 18 Hình 9: Danh sách tour du lịch website datviettour.com.vn 18 Hình 10: Trang chủ website fiditour.com 19 Hình 11: Danh sách tour du lịch website fiditour.com 19 Hình 12: Trang chủ website travel.com.vn 20 Hình 1: Sơ đồ Use case 21 Hình 2: Biểu mẫu thêm địa danh 26 Hình 3: Biểu mẫu chỉnh sửa thông tin địa danh 27 Hình 4: Biểu mẫu xóa user 27 Hình 5: Biểu mẫu xóa địa danh 28 Hình 6: Biểu mẫu xóa post 28 Hình 7: Biểu mẫu search xem thơng tin 30 Hình 8: Biểu mẫu xem thơng tin 32 Hình 9: Biểu mẫu search xem thông tin 35 Hình 10: Hình biểu mẫu đánh dấu nơi 36 Hình 11: Biểu mẫu thêm post 37 Hình 12: Biểu mẩu view info 37 Hình 13: Biểu mẫu thêm album 38 Hình 14: Biểu mẫu đăng xuất 38 Hình 1: Sơ đồ luồng liệu Add Place 39 Hình 2: Add Place – Lược đồ 41 Hình 3: Bản thơng tin Place với tính đắn 42 Hình 4: Bảng thơng tin Place với tính tiến hóa 42 Hình 5: Sơ đồ logic với bảng Place 42 Hình 6: Sơ đồ luồng liệu 43 Hình 7: Update Place – Lược đồ 44 Hình 8: Sơ đồ luồng liệu Delete Place 45 Hình 9: Delete Place – Lược đồ 46 Hình 10: Sơ đồ luồng liệu Delete Feeling 47 Hình 11: Delete Feeling – Lược đồ 48 Hình 12: Bảng thơng tin Feeling với tính đắn 49 Hình 13: Bảng thơng tin Feeling với tính tiến hóa 49 Hình 14: Sơ đồ logic với bảng Feeling 50 Hình 15: Sơ đồ luồng liệu Delete Account 50 Hình 16: Delete Account – Lược đồ 51 Hình 17: Bảng thơng tin Role với tính đắn 52 Hình 18: Bảng thơng tin Role với tính tiến hóa 52 Hình 19: Sơ đồ logic với bảng Role 53 Hình 20: Sơ đồ luồng liệu View Info 53 Hình 21: View Info – Lược đồ 54 Hình 22: Sơ đồ luồng liệu Login with Facebook 55 Hình 23: Login – Lược đồ 56 Hình 24: Sơ đồ luồng liệu view place visited 57 Hình 25: View place visited – Lược đồ 58 Hình 26: Sơ đồ luồng liệu Share Map 58 Hình 27: Sơ đồ luồng liệu Save Feelings 60 Hình 28: Save post – lược đồ 61 Hình 29: Bản thơng tin UserRegion PlaceUser với tính đắn 62 Hình 30: Bảng thơng tin UserRegion PlaceUser với tính tiến hóa 63 Hình 31: Sơ đồ logic UserRegion PlaceUser 64 Hình 32: Sơ đồ luồng liệu Logout 64 Hình 33: Sơ đồ luồng liệu save albums 65 Hình 34: Save albums – Lược đồ 67 Hình 35: Bản thơng tin UserRegion PlaceUser với tính đắn 68 Hình 36: Bảng thơng tin UserRegion PlaceUser với tính tiến hóa 69 Hình 37: Sơ đồ logic UserRegion PlaceUser 69 Hình 38: Sơ đồ luồng liệu Search tourist destination 70 Hình 39: Search – Lược đồ 71 Hình 40: Sơ đồ luồng liệu Search region tourist destination 72 Hình 41: Search – Lược đồ 73 Hình 42: Sơ đồ UML 74 Hình 1: Màn hình đối tượng trang chủ/ trang Intro 82 Hình 2: Màn hình xử lý trang chủ/ trang Intro 85 Hình 3: Màn hình đối tượng trang Login with facebook 86 Hình 4: Màn hình xử lý trang Login with facebook 87 Hình 5: Màn hình đối tượng trang danh mục album địa điểm 89 Hình 6: Màn hình xử lý trang danh mục album địa điểm 91 Hình 7: Màn hình đối tượng trang danh mục album tỉnh 92 Hình 8: Màn hình xử lý trang danh mục album tỉnh 94 Hình 9: Màn hình đối tượng trang map đánh dấu nơi bạn 96 Hình 10: Màn hình xử lý trang đánh dấu nơi bạn 97 Hình 11: Màn hình đối tượng trang khám phá 99 Hình 12: Màn hình xử lý trang khám phá 100 Hình 13: Màn hình đối tượng trang rating địa danh 101 Hình 14: Màn hình xử lý trang rating địa danh 102 Hình 15: Màn hình đối tượng trang map – view a region 103 Hình 16: Màn hình xử lý trang map – view a region 104 Hình 17: Màn hình đối tượng trang thêm post 106 Hình 18: Màn hình xử lý trang thêm post 107 Hình 19: Màn hình đối tượng trang thêm album 108 Hình 20: Màn hình xử lý trang thêm album 109 Hình 1: Bảy modules Spring 137 Hình 2: Mơ hình MVC 138 Hình 3: Hình mơ tả Hibernate Framework 139 Hình 4: Hình Virtual DOM 141 Hình 5: Hình biểu đồ sử dụng thư viện amcharts 142 Hình 6: Sơ đồ RESTful API 143 Hình 7: Sơ đồ lớp tầng Model 145 Hình 8: Sơ đồ lớp tầng Repository 146 Hình 9: Sơ đồ lớp tầng Controller 146 DANH MỤC BẢNG BIỂU Bảng 1: Bảng chức nghiệp vụ Admin 22 Bảng 2: Bảng Chi tiết quy định/ công thức liên quan Admin 26 Bảng 3: Bảng chức nghiệp vụ Guest 29 Bảng 4: Bảng Chi tiết quy định/ công thức liên quan Guest 30 Bảng 5: Bảng chức nghiệp vụ User 32 Bảng 6: Bảng Chi tiết quy định/ công thức liên quan User 35 Bảng 1: Bảng User 75 Bảng 2: Bảng Role 76 Bảng 3: Bảng Place 76 Bảng 4: Bảng Region 77 Bảng 5: Bảng UserRegion 78 Bảng 6: Bảng PlaceUser 78 Bảng 7: Bảng Feeling 79 Bảng 8: Bảng Albums 80 Bảng 9: Bảng Photo 80 Bảng 1: Bảng chi tiết đối tượng trang chủ/ trang Intro 83 Bảng 2: Bảng chi tiết xử lý trang chủ/ trang Intro 86 Bảng 3: Bảng chi tiết đối tượng trang Login with facebook 86 Bảng 4: Bảng chi tiết xử lý trang Login with facebook 87 Bảng 5: Bảng chi tiết đối tượng trang danh mục album địa điểm 89 Bảng 6: Bảng chi tiết xử lý trang danh mục album địa điểm 91 Bảng 7: Bảng chi tiết đối tượng trang danh mục album tỉnh 93 Bảng 8: Bảng chi tiết xử lý trang danh mục album tỉnh 95 Bảng 9: Bảng chi tiết đối tượng trang Your Adventure (chưa login) 97 Bảng 10: Bảng chi tiết xử lý trang đánh dấu nơi bạn 98 Bảng 11: Bảng chi tiết đối tượng trang khám phá 99 Bảng 12: Bảng chi tiết xử lý trang khám phá 100 Bảng 13: Bảng chi tiết đối tượng trang rating địa danh 101 Bảng 14: Bảng chi tiết xử lý trang rating địa danh 102 Bảng 15: Bảng chi tiết đối tượng trang map – view a region 104 Feeling id Id getId() đăng Trả thuộc tính đối tượng setId(Long) Gán giá trị cho thuộc tính đối tượng topic Tên chủ đề getTopic() Trả thuộc tính đối tượng đăng setTopic(String) Gán giá trị cho thuộc tính đối tượng content Nội dung getContent() Trả thuộc tính đối tượng đăng setContent(String) Gán giá trị cho thuộc tính đối tượng feelingStatus Trạng thái getFeelingStatus() Trả thuộc tính đối tượng đăng userRegion Danh sách setFeelingStatus Gán giá trị cho thuộc tính (FeelingStatus) đối tượng getUserRegion() Trả thuộc tính đối tượng userRegion placeUser Danh sách setUserRegion Gán giá trị cho thuộc tính (UserRegion) đối tượng getPlaceUser() Trả thuộc tính đối tượng placeUser setPlaceUser Gán giá trị cho thuộc tính (PlaceUser) đối tượng Bảng 5: Bảng mô tả sơ đồ lớp Feeling 152 Tên Class Tên Mô tả Tên Operation Mô tả Operation getId() Trả thuộc tính Attribute Attribute UserRegion id Id đối tượng UserRegion setId(Long) Gán giá trị cho thuộc tính đối tượng user Mã user getUser() Trả thuộc tính đối tượng setUser(User) Gán giá trị cho thuộc tính đối tượng region Mã region getRegion() Trả thuộc tính đối tượng setRegion(Region) Gán giá trị cho thuộc tính đối tượng feelings Danh sách getFeelings() Trả thuộc tính đăng đối tượng setFeelings Gán giá trị cho thuộc (List) tính đối tượng Bảng 6: Bảng mơ tả sơ đồ lớp UerRegion Tên Class Tên Mô tả Attribute Attribute Trả thuộcPlaceUser tính đốiid tượng Id Tên Operation Mô tả Operation getId() PlaceUse r setId(Long) Gán giá trị cho thuộc tính đối tượng user Mã user getUser() Trả thuộc tính đối tượng setUser(User) Gán giá trị cho thuộc tính đối tượng 153 place Mã place getPlace() Trả thuộc tính đối tượng setPlace(Place) Gán giá trị cho thuộc tính đối tượng feelings Danh getFeelings() Trả thuộc tính đối tượng setFeelings Gán giá trị cho thuộc tính đối sách đăng (List) tượng Bảng 7: Bảng mô tả sơ đồ lớp PlaceUser 154 CHƯƠNG 6: KIỂM THỬ 6.1 Test phần Admin 6.1.1 Màn hình Add Place Inter-test Test ID case Test case procedure description Test chức case output depende Result nce Thêm địa danh Thực Shift + thêm click vào map Expected Pass thành công địa danh lấy tọa độ vĩ cho region độ địa danh cần Trả danh thêm nhập đầy đủ sách địa danh thông tin cho địa region danh vừa thêm Button Khi nhấn nút Tất “Cancel” “Cancel” không trường Text muốn thêm địa danh Field xóa Pass Bảng 1: Test hình add place 6.1.2 Màn hình danh sách Place Test ID case description Test case Expected procedure output Test xóa Chọn vào button Status địa địa danh “Delete” vào địa danh bị thay đổi danh mà thành muốn xóa “Unavailable” Inter-test case Result dependence Pass 155 Test chức Nhập tên địa danh Trà tên địa search mà Pass danh table muốn search Load danh Sau chọn vào Màn hình sách địa List Place list danh Pass sách địa danh danh Bảng 2: Test hình danh sách Place 6.1.3 Màn hình Update Place Test Test case Expected procedure output Test chức Chỉnh sửa Cập nhật lại chỉnh sửa địa thông tin mà thông tin danh bạn cần cập nhật địa danh mà ID case description sau nhấn nút cần “Submit” chỉnh sửa trả Inter-test case Result dependence Pass danh sách địa danh Test button Chọn vào button Reset lại text “Cancel” “Cancel” Pass field trạng thái ban đầu Bảng 3: Test hình update place 6.1.4 Màn hình danh sách Post 156 Test ID case description Test case Expected procedure output Inter-test case dependence Test chức Chọn vào button Status địa xóa post “Delete” vào danh bị thay đổi post mà thành muốn xóa “unapproved” Test chức Nhập tên post mà Trà tên search muốn Result Fail Pass post table search Load danh sách Sau chọn vào Màn hình post post Pass danh sách post Bảng 4: Test hình danh sách post 6.1.5 Màn hình danh sách User Test ID case description Test case Expected Inter-test case procedure output dependence Test chức Chọn vào button Status xóa user “Delete” vào user địa danh bị mà muốn thay đổi xóa thành Result Fail Pass “Locked” Test chức Nhập tên user mà Trà tên search muốn user search table Load danh Sau chọn vào Màn hình sách user user Pass 157 danh sách user Bảng 5: Test hình danh sách User 6.2 Test phần Client 6.2.1 Màn hình Trang chủ Test ID case Test case procedure description Expected output Đăng nhập 1.Chọn vào button Đăng nhập vào hệ thống login with Facebook thành công 2.Nhập vào tài vào trang chủ khoản Facebook của user Inter-test case Result dependence Pass bạn( trình duyệt login vào Facebook bạn khơng cần login lại) Hiển thị Click vào image địa Link tới page địa danh danh chi tiết địa danh Hiển thị Click vào viết Link tới page danh sách chi tiết cảm nghĩ viết Hiển thị tên 1.Chọn vào button Hiện tên user user đăng login with Facebook đăng nhập nhập 2.Nhập vào tài Pass Pass Pass khoản Facebook bạn( trình duyệt login vào 158 Facebook bạn khơng cần login lại) Hiển thị ảnh 1.Chọn vào button Hiện ảnh đại đại diện login with Facebook diện facebook facebook 2.Nhập vào tài user đăng khoản Facebook nhập bạn( trình duyệt Pass user login vào Facebook bạn không cần login lại) Đăng xuất Click vào icon Trả trang avatar chọn chủ “Đăng xuất” Bảng 6: Test hình Trang chủ 6.2.2 Màn hình Khám phá Test ID case Test case procedure Expected output description Đăng nhập 1.Chọn vào button Đăng nhập vào hệ thống có icon Facebook thành cơng giao diện trang Your vào giao diện Adventure chưa trang Your login Adventure 2.Nhập vào tài user Inter-test case Result dependence Pass khoản Facebook bạn( trình duyệt login vào 159 Facebook bạn khơng cần login lại) Search tỉnh Chọn vào lọc Trả list tỉnh thành/ địa chọn “Tỉnh thành/ thành tên danh địa danh” địa danh Search tên Chọn vào lọc Trả list album “Album” album Pass Pass tên viết Bảng 7: Test hình Khám phá 6.2.3 Màn hình Place Info Test ID Test case case procedure description Inter-test Expected output case Result dependence Đăng nhập 1.Chọn vào Đăng nhập thành vào hệ thống button login with công vào trang Facebook Explore user Pass 2.Nhập vào tài khoản Facebook bạn( trình duyệt login vào Facebook bạn khơng cần login lại) Load danh Test server Danh sách sách địa địa đanh dược điểm check check-in nhiều in nhiều nhất Pass 160 Load danh Test server sách Danh sách Pass viết bật viết bật Bảng 8: Test hình Place info 6.2.4 Màn hình Map Test ID Test case case procedure description Inter-test Expected output case Result dependence Đăng nhập 1.Chọn vào Đăng nhập thành vào hệ thống button login with công vào trang Facebook Explore user Pass 2.Nhập vào tài khoản Facebook bạn( trình duyệt login vào Facebook bạn khơng cần login lại) Đăng 1.Click vào Bài post đăng post tỉnh map thành công user địa xem lại danh vào chi tiết Click vào icon địa danh hay tỉnh but chì đăng Pass manu bar để thực đăng post 161 Đăng album 1.Click vào Album đăng tỉnh map thành công user địa xem lại danh vào chi tiết Click vào icon địa danh hay tỉnh máy ảnh tiến đăng Pass hành đăng album Bảng 9: Test hình Map 162 KẾT LUẬN Kết đạt Sau thời gian tìm hiểu nghiên cứu đề tài “Xây dựng website du lịch” hồn thành Về nhóm em đạt kết sau: • Tìm hiểu cấu trúc làm việc mơ hình Spring MVC • Tìm hiểu cơng nghệ: Spring MVC, Spring Security, Hibernate, ReactJs, thư viện amcharts, Redux • Xây dựng website du lịch với chức sau: - Đánh dấu lại nơi mà du lịch - Đánh giá du khách phần trăm đất nước Việt Nam thông qua đồ - Lưu lại cảm xúc nơi mà du lịch - Lưu album hình ảnh chuyến du lịch - Đánh giá nơi qua thông qua việc rating - Xem thông tin nơi trước định chọn nơi du lịch - Tìm kiếm địa danh hay tìm kiếm lại viết album thơng qua mục khám phá • Biết cách làm việc nhóm hiệu hơn, học cách quản lý dự án tốt Ưu điểm • Giao diện đẹp thân thiện • Website đơn giản dễ sử dụng • Thao tác thuận tiện dễ dàng thao tác thêm địa danh hay đăng post • Hiệu suất nhanh • Áp dụng công nghệ dùng phổ biến Nhược điểm • Chưa test thử với số lượng người dùng lớn • Map giới hạn đất nước Việt Nam Hướng phát triển Hiện website hỗ trợ việc đánh dấu nơi bạn du lịch đăng cảm xúc nơi mà bạn Phần Admin quản lý tương đối tốt cho User 163 thêm địa danh cập nhật địa danh ổn, tương lai phát triển số tính như: • Cập nhật tính đa ngơn ngữ hỗ trợ cho khách du lịch nước ngồi • Bổ sung thêm Map giới • Phát triển ứng dụng mobile • Thêm tính lấy vị trí đưa địa điểm du lịch gần bạn • Làm bảng xếp hạng rank cho user 164 TÀI LIỆU THAM KHẢO [1] : https://gody.vn/ [2] : https://mytour.vn/ [3] : https://dulichviet.com.vn/ [4] : https://dulichviet.com.vn [5] : https://fiditour.com [6] : https://travel.com.vn/ [7] : https://www.javatpoint.com/spring-tutorial [8] : https://www.baeldung.com/spring-mvc-tutorial [9] : https://www.tutorialspoint.com/hibernate/ [10] : https://reactjs.org/tutorial/tutorial.html [11] : https://www.amcharts.com/kbase/?s=&kbc=javascript-maps [12] : https://www.tutorialspoint.com/restful/ [13] : https://www.tutorialspoint.com/postgresql/ 165 S K L 0 ... cơng nghệ để xây dựng website • Website du lịch có tính sau: - Đánh dấu lại nơi mà du lịch - Đánh giá du khách phần trăm đất nước Việt Nam - Lưu lại cảm xúc, hình ảnh nơi mà du lịch - Lưu album... phổ biến website du lịch mytour.vn 16 Hình 6: Trang chủ website du lịch dulichviet.com.vn 17 Hình 7: Danh sách tour du lịch website dulichviet.com.vn 17 Hình 8: Trang chủ website. .. mytour.vn [2]: Website hướng dẫn du lịch nước giúp hỗ trợ người dùng đặt phịng, tìm khách sạn, xem review địa điểm du lịch tiếng, có tour, cẩm nang du lịch địa điểm tiếng Hình 4: Website du lịch mytour.vn