Đồ Án HCMUTE: Xây Dựng Website Du Lịch Chất Lượng

Đồ án nghiên cứu hcmute xây dựng website du lịch, áp dụng công nghệ tiên tiến, tối ưu giải pháp kỹ thuật cho bài toán kỹ thuật., phục vụ nghiên cứu và ứng dụng thực tiễn

• Tác giả: Nguyễn Quang Huy
• Người hướng dẫn: ThS. Mai Tuấn Khôi
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Du Lịch
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2019
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG
• 1.1. Khảo sát hiện trạng
• 1.2. Khảo sát những website khác
• 2. CHƯƠNG 2: LẬP DANH SÁCH YÊU CẦU
• 2.1. Danh sách yêu cầu chức năng của phần mềm
• 2.1.1. Yêu cầu chức năng của Admin
• 2.1.2. Chức năng nghiệp vụ của Guest
• 2.1.3. Chức năng nghiệp vụ của User
• 3. CHƯƠNG 3: PHÂN TÍCH YÊU CẦU VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU
• 3.1. Mô hình hóa yêu cầu
• 3.1.1. Nghiệp vụ Add Place
• 3.1.2. Nghiệp vụ Edit Place
• 3.1.3. Nghiệp vụ Delete Place
• 3.1.4. Nghiệp vụ Delete Feeling
• 3.1.5. Nghiệp vụ Delete Acount
• 3.1.6. Nghiệp vụ View Info (Image, Video, Info about Place)
• 3.1.7. Nghiệp vụ Login with Facebook
• 3.1.8. Nghiệp vụ View place visited
• 3.1.9. Nghiệp vụ Share Map
• 3.1.10. Nghiệp vụ Save Feeling
• 3.1.11. Nghiệp vụ Logout
• 3.1.12. Nghiệp vụ Save album
• 3.1.13. Nghiệp vụ Search tourist destination
• 3.1.14. Nghiệp vụ Search regional tourist destination
• 3.2. Mô tả cơ sở dữ liệu
• 3.2.1. Chi tiết các bảng dữ liệu
• 4. CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ
• 4.1. Màn hình giao diện và xử lý bên client
• 4.1.1. Giao diện trang chủ/ trang Intro (giới thiệu)
• 4.1.2. Giao diện trang Login with facebook
• 4.1.3. Giao diện trang danh mục album của một địa điểm
• 4.1.4. Giao diện trang danh mục album của một tỉnh
• 4.1.5. Giao diện trang map đánh dấu những nơi bạn đi
• 4.1.6. Giao diện trang tìm kiếm
• 4.1.7. Giao diện trang rating một địa danh
• 4.1.8. Giao diện map – view a region
• 4.1.9. Giao diện trang thêm một bài post
• 4.1.10. Giao diện trang thêm album
• 4.2. Màn hình giao diện và xử lý bên Admin
• 4.2.1. Giao diện trang danh sách User
• 4.2.2. Giao diện trang chi tiết về User
• 4.2.3. Giao diện trang danh sách bài post của User
• 4.2.4. Giao diện trang danh sách Region
• 4.2.5. Giao diện trang chi tiết Region
• 4.2.6. Giao diện trang danh sách Place của Region
• 4.2.7. Giao diện trang chi tiết Place
• 4.2.8. Giao diện trang cập nhật Place
• 4.2.9. Giao diện trang thêm Place
• 5. CHƯƠNG 5: CÀI ĐẶT
• 5.1. Ngôn ngữ lập trình
• 5.1.1. Các ngôn ngữ được sử dụng
• 5.1.2. Các công nghệ được sử dụng
• 5.2. Hệ quản trị cơ sở dữ liệu
• 5.2.1. Mô tả sơ đồ lớp
• 6. CHƯƠNG 6: KIỂM THỬ
• 6.1. Test phần Admin
• 6.1.1. Màn hình Add Place
• 6.1.2. Màn hình danh sách Place
• 6.1.3. Màn hình Update Place
• 6.1.4. Màn hình danh sách bài Post
• 6.1.5. Màn hình danh sách User
• 6.2. Test phần Client
• 6.2.1. Màn hình Trang chủ
• 6.2.2. Màn hình Khám phá
• 6.2.3. Màn hình Place Info
• 6.2.4. Màn hình Map
• KẾT LUẬN
• 0.1. Kết quả đạt được
• 0.2. Nhược điểm
• 0.3. Hướng phát triển
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Xây dựng Website Du Lịch Tổng quan về Đồ án Chất lượng

Đồ án tốt nghiệp "Xây dựng Website Du lịch" của sinh viên Nguyễn Quang Huy và Lê Tấn Khang, ngành Công nghệ Thông tin, trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (HCMUTE), tập trung vào việc phát triển một website du lịch toàn diện. Đồ án đề cập đến các khía cạnh quan trọng của xây dựng website du lịch, từ giai đoạn lập kế hoạch, thiết kế, phát triển đến kiểm thử và triển khai. Mục tiêu chính là tạo ra một nền tảng thân thiện với người dùng, hỗ trợ người dùng lập trình website du lịch, ghi nhớ lịch trình, chia sẻ trải nghiệm, và khám phá các điểm đến mới. Đồ án sử dụng các công nghệ hiện đại như Spring MVC, Spring Security, ReactJs, và Hibernate, phản ánh sự cập nhật và chất lượng cao của sản phẩm. Thành công của đồ án nằm ở việc tích hợp các tính năng hữu ích, đáp ứng nhu cầu ngày càng tăng của người dùng trong lĩnh vực du lịch trực tuyến. Đồ án cũng nhấn mạnh đến tầm quan trọng của thiết kế website du lịch responsive, đảm bảo trải nghiệm tốt trên nhiều thiết bị.

1.1 Phân tích Yêu cầu và Thiết kế Cơ sở dữ liệu

Phần này tập trung vào việc phân tích yêu cầu chức năng của website. Sinh viên đã xác định rõ ràng các yêu cầu từ phía người dùng (khách hàng) và quản trị viên (Admin). Yêu cầu bao gồm các chức năng chính như: đăng nhập, đăng ký, tìm kiếm địa điểm, đánh giá, chia sẻ hình ảnh, video và cảm nhận, lưu trữ lịch trình, tích hợp bản đồ, và quản lý dữ liệu. Thiết kế cơ sở dữ liệu được mô tả chi tiết, đảm bảo tính toàn vẹn và hiệu quả. Mô hình hóa yêu cầu sử dụng các phương pháp hiện đại, giúp minh bạch hóa quy trình xử lý dữ liệu. Sơ đồ ERD được trình bày rõ ràng, phản ánh cấu trúc dữ liệu và mối quan hệ giữa các bảng. Việc sử dụng Spring MVC và Hibernate trong xây dựng mô hình này cho thấy sự lựa chọn công nghệ phù hợp và hiệu quả. Lập trình website du lịch dựa trên cơ sở dữ liệu được thiết kế kỹ lưỡng đảm bảo tính ổn định và mở rộng cho website. Việc phát triển website du lịch đã đáp ứng các tiêu chuẩn đồ án website được đặt ra.

1.2 Thiết kế Giao diện và Xử lý

Phần này tập trung vào thiết kế website du lịch. Giao diện người dùng (UI) được thiết kế hướng đến sự thân thiện, dễ sử dụng và trực quan. Website được thiết kế responsive, đảm bảo khả năng hiển thị tốt trên các thiết bị khác nhau. Các chức năng được bố trí hợp lý, giúp người dùng dễ dàng tìm kiếm và truy cập thông tin. Phần xử lý tập trung vào việc đảm bảo tính hiệu quả và ổn định của website. Việc sử dụng ReactJs trong xây dựng giao diện người dùng đã tạo nên một giao diện hiện đại và mượt mà. Xây dựng website du lịch cũng chú trọng đến tối ưu hóa website du lịch, đảm bảo tốc độ tải trang nhanh và trải nghiệm người dùng tốt nhất. Website du lịch chuyên nghiệp cần sự kết hợp hài hòa giữa thiết kế và chức năng. Đồ án chú trọng đến trải nghiệm người dùng, đảm bảo tính thân thiện người dùng của website. Phần này cũng trình bày chi tiết quá trình xử lý dữ liệu phía client và server, đảm bảo tính an toàn và bảo mật cho dữ liệu người dùng.

1.3 Cài đặt Kiểm thử và Kết quả

Phần này trình bày chi tiết quá trình cài đặt và triển khai website. Các ngôn ngữ lập trình và công nghệ được sử dụng (Spring MVC, Spring Security, ReactJs, Hibernate, PHP, MySQL, HTML, CSS, Javascript) được liệt kê rõ ràng. Quá trình kiểm thử được thực hiện kỹ lưỡng, bao gồm cả kiểm thử chức năng và kiểm thử hiệu năng. Kết quả kiểm thử được trình bày dưới dạng báo cáo, đánh giá chất lượng của website. Đồ án cũng đề cập đến các mã nguồn website du lịch được sử dụng. Framework xây dựng website du lịch được chọn lọc kỹ càng để đảm bảo tính hiệu quả và khả năng mở rộng. Việc lựa chọn WordPress website du lịch hoặc các công ty thiết kế website du lịch khác có thể được xem xét cho các dự án tương tự trong tương lai. Đồ án chất lượng cao đòi hỏi sự chính xác và tỉ mỉ trong mọi khâu, từ thiết kế đến triển khai và kiểm thử. Đồ án tốt nghiệp HCMUTE này thể hiện rõ rệt sự nỗ lực và cống hiến của sinh viên.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG .1 Khảo sát hiện trạng .2 Khảo sát những website khác. 20 CHƯƠNG 2: LẬP DANH SÁCH YÊU CẦU .2 Danh sách yêu cầu chức năng của phần mềm.1 Yêu cầu chức năng của Admin .2 Chức năng nghiệp vụ của Guest .3 Chức năng nghiệp vụ của User. 32 CHƯƠNG 3: PHÂN TÍCH YÊU CẦU VÀ THIẾT KẾ CƠ CỞ DỮ LIỆU .1 Mô hình hóa yêu cầu .1 Nghiệp vụ Add Place .2 Nghiệp vụ Edit Place .3 Nghiệp vụ Delete Place .4 Nghiệp vụ Delete Feeling.5 Nghiệp vụ Delete Acount .6 Nghiệp vụ View Info (Image, Video, Info about Place) .7 Nghiệp vụ Login with Facebook .8 Nghiệp vụ View place visited .9 Nghiệp vụ Share Map.10 Nghiệp vụ Save Feeling .11 Nghiệp vụ Logout .12 Nghiệp vụ Save album .13 Nghiệp vụ Search tourist destination .14 Nghiệp vụ Search regional tourist destination .2 Mô tả cơ sở dữ liệu .2 Chi tiết các bảng dữ liệu. 74 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ .1 Màn hình giao diện và xử lý bên client .1 Giao diện trang chủ/ trang Intro (giới thiệu) .2 Giao diện trang Login with facebook.3 Giao diện trang danh mục album của một địa điểm .4 Giao diện trang danh mục album của một tỉnh .5 Giao diện trang map đánh dấu những nơi bạn đi .6 Giao diện trang tìm kiếm.7 Giao diện trang rating một địa danh .8 Giao diện map – view a region .9 Giao diện trang thêm một bài post .10 Giao diện trang thêm album .2 Màn hình giao diện và xử lý bên Admin .1 Giao diện trang danh sách User .2 Giao diện trang chi tiết về User.3 Giao diện trang danh sách bài post của User .4 Giao diện trang danh sách Region .5 Giao diện trang chi tiết Region .6 Giao diện trang danh sách Place của Region .7 Giao diện trang chi tiết Place .8 Giao diện trang cập nhật Place .9 Giao diện trang thêm Place.

132 CHƯƠNG 5: CÀI ĐẶT.1 Ngôn ngữ lập trình .1 Các ngôn ngữ được sử dụng.2 Các công nghệ được sử dụng .2 Hệ quản trị cơ sở dữ liệu .2 Mô tả sơ đồ lớp. 147 CHƯƠNG 6: KIỂM THỬ .1 Test phần Admin .1 Màn hình Add Place .2 Màn hình danh sách Place .3 Màn hình Update Place .4 Màn hình danh sách bài Post .5 Màn hình danh sách User .2 Test phần Client .1 Màn hình Trang chủ .2 Màn hình Khám phá .3 Màn hình Place Info. Màn hình Map. Kết quả đạt được.

Nhược điểm. Hướng phát triển. 163 TÀI LIỆU THAM KHẢO. 165 3 do an DANH MỤC CÁC HÌNH ẢNH Hình 1.

1: Giao diện chức năng Travel Map của website gody. 2: Giao diện trang của của website gody. 3: Hình ảnh về Blog thành viên của website gody. 4: Website du lịch mytour.

5: Địa điểm phổ biến trong website du lịch mytour. 6: Trang chủ website du lịch dulichviet. 7: Danh sách các tour du lịch của website dulichviet. 8: Trang chủ của website datviettour.

9: Danh sách các tour du lịch trong website datviettour. 10: Trang chủ website fiditour. 11: Danh sách các tour du lịch của website fiditour. 12: Trang chủ website travel.

2: Biểu mẫu thêm địa danh mới. 3: Biểu mẫu chỉnh sửa thông tin địa danh. 4: Biểu mẫu xóa user. 5: Biểu mẫu xóa địa danh.

6: Biểu mẫu xóa bài post. 7: Biểu mẫu search và xem thông tin. 8: Biểu mẫu xem thông tin. 9: Biểu mẫu search và xem thông tin.

10: Hình biểu mẫu đánh dấu nơi đã đi. 11: Biểu mẫu thêm bài post. 12: Biểu mẩu view info. 13: Biểu mẫu thêm album.

14: Biểu mẫu đăng xuất. 1: Sơ đồ luồng dữ liệu Add Place. 2: Add Place – Lược đồ tuần tự. 3: Bản thông tin Place với tính đúng đắn.

4: Bảng thông tin Place với tính tiến hóa. 42 4 do an Hình 3. 5: Sơ đồ logic với bảng Place. 6: Sơ đồ luồng dữ liệu.

7: Update Place – Lược đồ tuần tự. 8: Sơ đồ luồng dữ liệu Delete Place. 9: Delete Place – Lược đồ tuần tự. 10: Sơ đồ luồng dữ liệu Delete Feeling.

11: Delete Feeling – Lược đồ tuần tự. 12: Bảng thông tin Feeling với tính đúng đắn. 13: Bảng thông tin Feeling với tính tiến hóa. 14: Sơ đồ logic với bảng Feeling.

15: Sơ đồ luồng dữ liệu Delete Account. 16: Delete Account – Lược đồ tuần tự. 17: Bảng thông tin Role với tính đúng đắn. 18: Bảng thông tin Role với tính tiến hóa.

19: Sơ đồ logic với bảng Role. 20: Sơ đồ luồng dữ liệu View Info. 21: View Info – Lược đồ tuần tự. 22: Sơ đồ luồng dữ liệu Login with Facebook.

23: Login – Lược đồ tuần tự. 24: Sơ đồ luồng dữ liệu view place visited. 25: View place visited – Lược đồ tuần tự. 26: Sơ đồ luồng dữ liệu Share Map.

27: Sơ đồ luồng dữ liệu Save Feelings. 28: Save post – lược đồ tuần tự. 29: Bản thông tin UserRegion và PlaceUser với tính đúng đắn. 30: Bảng thông tin UserRegion và PlaceUser với tính tiến hóa.

31: Sơ đồ logic UserRegion và PlaceUser. 32: Sơ đồ luồng dữ liệu Logout. 33: Sơ đồ luồng dữ liệu save albums. 34: Save albums – Lược đồ tuần tự.

35: Bản thông tin UserRegion và PlaceUser với tính đúng đắn. 68 5 do an Hình 3. 36: Bảng thông tin UserRegion và PlaceUser với tính tiến hóa. 37: Sơ đồ logic UserRegion và PlaceUser.

38: Sơ đồ luồng dữ liệu Search tourist destination. 39: Search – Lược đồ tuần tự. 40: Sơ đồ luồng dữ liệu Search region tourist destination. 41: Search – Lược đồ tuần tự.

1: Màn hình đối tượng trang chủ/ trang Intro. 2: Màn hình xử lý trang chủ/ trang Intro. 3: Màn hình đối tượng trang Login with facebook. 4: Màn hình xử lý trang Login with facebook.

5: Màn hình đối tượng trang danh mục album của một địa điểm. 6: Màn hình xử lý trang danh mục album của một địa điểm. 7: Màn hình đối tượng trang danh mục album của một tỉnh. 8: Màn hình xử lý trang danh mục album của một tỉnh.

9: Màn hình đối tượng trang map đánh dấu những nơi bạn đi. 10: Màn hình xử lý trang đánh dấu những nơi bạn đi. 11: Màn hình đối tượng trang khám phá. 12: Màn hình xử lý trang khám phá.

13: Màn hình đối tượng trang rating một địa danh. 14: Màn hình xử lý trang rating một địa danh. 15: Màn hình đối tượng trang map – view a region. 16: Màn hình xử lý trang map – view a region.

17: Màn hình đối tượng trang thêm một bài post. 18: Màn hình xử lý trang thêm một bài post. 19: Màn hình đối tượng trang thêm album. 20: Màn hình xử lý trang thêm album.

1: Bảy modules của Spring. 2: Mô hình MVC. 3: Hình mô tả Hibernate Framework. 4: Hình về Virtual DOM.

141 6 do an Hình 5. 5: Hình biểu đồ sử dụng thư viện amcharts. 7: Sơ đồ lớp tầng Model. 8: Sơ đồ lớp tầng Repository.

9: Sơ đồ lớp tầng Controller. 146 7 do an DANH MỤC BẢNG BIỂU Bảng 2. 1: Bảng về chức năng nghiệp vụ của Admin. 2: Bảng Chi tiết quy định/ công thức liên quan của Admin.

3: Bảng về chức năng nghiệp vụ của Guest. 4: Bảng Chi tiết quy định/ công thức liên quan của Guest. 5: Bảng về chức năng nghiệp vụ của User. 6: Bảng Chi tiết quy định/ công thức liên quan của User.

1: Bảng chi tiết đối tượng trang chủ/ trang Intro. 2: Bảng chi tiết xử lý trang chủ/ trang Intro. 3: Bảng chi tiết đối tượng trang Login with facebook. 4: Bảng chi tiết xử lý trang Login with facebook.

5: Bảng chi tiết đối tượng trang danh mục album của một địa điểm. 6: Bảng chi tiết xử lý trang danh mục album của một địa điểm. 7: Bảng chi tiết đối tượng trang danh mục album của một tỉnh. 8: Bảng chi tiết xử lý trang danh mục album của một tỉnh.

9: Bảng chi tiết đối tượng trang Your Adventure (chưa login). 10: Bảng chi tiết xử lý trang đánh dấu những nơi bạn đi. 11: Bảng chi tiết đối tượng trang khám phá. 12: Bảng chi tiết xử lý trang khám phá.

13: Bảng chi tiết đối tượng trang rating một địa danh. 14: Bảng chi tiết xử lý trang rating một địa danh. 15: Bảng chi tiết đối tượng trang map – view a region. 104 8 do an Bảng 4.

16: Bảng chi tiết xử lý trang map – view a region. 17: Bảng chi tiết đối tượng trang thêm một bài post. 18: Bảng chi tiết xử lý trang thêm một bài post. 19: Bảng chi tiết đối tượng trang thêm album.

20: Bảng chi tiết xử lý trang thêm album. 21: Bảng chi tiết đối tượng trang danh sách User. 22: Bảng chi tiết xử lý trang danh sách User. 23: Bảng chi tiết đối tượng trang chi tiết User.

24: Bảng chi tiết xử lý trang chi tiết User. 25: Bảng chi tiết đối tượng trang danh sách bài Post của User. 26: Bảng chi tiết xử lý trang danh sách bài Post của User. 27: Bảng chi tiết đối tượng trang danh sách Region.

28: Bảng chi tiết xử lý trang danh sách Region. 29: Bảng chi tiết đối tượng trang chi tiết Region. 30: Bảng chi tiết xử lý trang chi tiết Region. 31: Bảng chi tiết đối tượng trang danh sách Place của Region.

32: Bảng chi tiết xử lý trang danh sách Place của Region. 33: Bảng chi tiết đối tượng trang chi tiết Place. 34: Bảng chi tiết xử lý trang chi tiết Place. 35: Bảng chi tiết đối tượng trang cập nhật Place.

36: Bảng chi tiết xử lý trang cập nhật Place. 37: Bảng chi tiết đối tượng trang thêm Place. 38: Bảng chi tiết xử lý trang thêm Place. 1: Bảng mô tả sơ đồ lớp Place.

2: Bảng mô tả sơ đồ lớp Region. 3: Bảng mô tả sơ đồ lớp User. 4: Bảng mô tả sơ đồ lớp Role. 5: Bảng mô tả sơ đồ lớp Feeling.

6: Bảng mô tả sơ đồ lớp UerRegion. 7: Bảng mô tả sơ đồ lớp PlaceUser. 1: Test màn hình add place. 155 9 do an Bảng 6.

2: Test màn hình danh sách Place. 3: Test màn hình update place. 4: Test màn hình danh sách bài post. 5: Test màn hình danh sách User.

6: Test màn hình Trang chủ. 7: Test màn hình Khám phá. 8: Test màn hình Place info.