MỤC TIÊU ĐỀ TÀI Xây dựng ứng dụng quản lý du lịch cá nhân với các chức năng: - Đăng nhập website bằng Facebook - Xem thông tin, bài viết của mọi người - Tìm kiếm nội dung mong muốn
Trang 1MỤC LỤC
PHẦN MỞ ĐẦU 1
GIỚI THIỆU ĐỀ TÀI 1
1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 1
2 MỤC TIÊU ĐỀ TÀI 1
3 KẾT CẤU ĐỀ TÀI 2
PHẦN NỘI DUNG 3
CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG 3
1.1 BLOG DU LỊCH BỤI [1] 3
Ưu điểm: 5
Nhược điểm: 5
Đánh giá chung: 6
1.2 DULICHBUI24 [2] 6
Ưu điểm: 7
Nhược điểm: 8
Đánh giá chung 8
1.3 HOME – BLOG DU LỊCH TRAVELOKA VIỆT [3] 9
Ưu điểm: 11
Nhược điểm: 11
Đánh giá chung 11
Ưu điểm: 13
Nhược điểm: 13
Đánh giá chung 13
1.5 GODY.VN [5] 14
Ưu điểm: 16
Nhược điểm: 16
Đánh giá chung 17
1.6 YÊU CẦU SẢN PHẨM 17
CHƯƠNG 2: MÔ HÌNH HÓA YÊU CẦU VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 18
2.1 USECASE DIGRAM ĐỀ TÀI 18
2.2 CHI TIẾT CÁC ACTOR 19
2.2.1 Guest 19
2.2.1.1 Danh sách các nghiệp vụ 19
2.2.1.2 Danh sách các quy định 19
2.2.2 User 20
Trang 22.2.2.2 Danh sách các quy định 21
2.2.3 Moderator 22
2.2.3.1 Danh sách các nghiệp vụ 22
2.2.3.2 Danh sách các quy định 22
2.2.4 Admin 23
2.2.4.1 Danh sách các nghiệp vụ 23
2.2.4.2 Danh sách các quy định 24
2.3 MÔ HÌNH HÓA YÊU CẦU 25
2.3.1 Đối tượng Guest 25
2.3.1.1 Xét nghiệp vụ đăng nhập 25
2.3.1.2 Xét nghiệp vụ xem bài viết 27
2.3.2 Đối tượng User 28
2.3.2.1 Xét nghiệp vụ đăng bài viết 28
2.3.2.2 Xét nghiệp vụ xóa bài viết 30
2.3.2.3 Xét nghiệp vụ lưu địa điểm đi 31
2.3.2.4 Xét nghiệp vụ like bài viết 32
2.3.2.5 Xét nghiệp vụ follow 33
2.3.2.6 Xét nghiệp vụ bình luận 34
2.3.2.7 Xét nghiệp vụ xóa bình luận 36
2.3.2.8 Xét nghiệp vụ sửa bình luận 37
2.3.2.9 Xét nghiệp vụ xem thông tin cá nhân 39
2.3.2.10 Xét nghiệp vụ chỉnh sửa thông tin cá nhân 40
2.3.2.11 Xét nghiệp vụ phản hồi 42
2.3.2.12 Xét nghiệp vụ xem bản đồ 43
2.3.2.13 Xét nghiệp vụ xem danh sách bài viết 44
2.3.2.14 Xét nghiệp vụ chia sẽ facebook 45
2.3.2.15 Xét nghiệp vụ đăng xuất 46
2.3.2.16 Xét nghiệp vụ tạo album 47
2.3.2.17 Xét nghiệp vụ xóa album 48
2.3.2.18 Xét nghiệp vụ thêm image vào album 49
2.3.2.19 Xét nghiệp vụ xóa image khỏi album 50
2.3.2.20 Xét nghiệp vụ xóa địa điểm 51
2.3.2.21 Xét nghiệp vụ unfollow 52
2.3.3 Đối tượng Moderator 53
2.3.3.1 Xét nghiệp vụ khóa bài viết 53
Trang 32.3.3.3 Xét nghiệp vụ đổi mật khẩu 56
2.3.4 Đối tượng Admin 58
2.3.4.1 Xét nghiệp vụ khóa tài khoản 58
2.3.4.2 Xét nghiệp vụ quản lý bài viết 59
2.3.4.3 Xét nghiệp vụ quản lý thông tin người dùng 60
2.3.4.4 Xét nghiệp vụ phân quyền 61
2.3.4.5 Xét nghiệp vụ tạo tài khoản 63
2.3.5 Cơ sở dữ liệu cuối cùng 65
2.3.5.1 Cơ sở dữ liệu 65
2.3.5.2 Mô tả cơ sở dữ liệu 66
2.3.5.2.1 Bảng User 66
2.3.5.2.2 Place 67
2.3.5.2.3 Post 68
2.3.5.2.4 Album 69
2.3.5.2.5 Image 69
2.3.5.2.6 Account 70
2.3.5.2.7 Comment 70
2.3.5.2.8 Permission 71
2.3.5.2.9 History 71
2.3.5.2.10 Report 72
CHƯƠNG 3: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 73
3.1 ĐỐI TƯỢNG GUEST 73
3.1.1 Trang chủ 73
3.1.1.1 Thiết kế giao diện 73
3.1.1.2 Mô tả màn hình giao diện 73
3.1.1.3 Thiết kế xử lý 74
3.1.1.4 Danh sách các xử lý 75
3.1.2 Post 76
3.1.2.1 Thiết kế giao diện 76
3.1.2.2 Mô tả màn hình giao diện 76
3.1.2.3 Thiết kế xử lý 78
3.1.2.4 Danh sách các xử lý 79
3.2 ĐỐI TƯỢNG USER 79
3.2.1 Trang chủ 79
3.2.1.1 Thiết kế giao diện 79
Trang 43.2.1.4 Danh sách các xử lý 80
3.2.2 Chỉnh sửa thông tin bài viết 81
3.2.2.1 Thiết kế giao diện 81
3.2.2.2 Mô tả màn hình giao diện 81
3.2.2.3 Thiết kế xử lý 82
3.2.2.4 Danh sách các xử lý 82
3.2.3 Thông tin cá nhân và bài viết 84
3.2.3.1 Thiết kế giao diện 84
3.2.3.2 Mô tả màn hình giao diện 84
3.2.3.3 Thiết kế xử lý 86
3.2.3.4 Danh sách các xử lý 86
3.2.4 Chinh sửa thông tin 88
3.2.4.1 Thiết kế giao diện 88
3.2.4.2 Mô tả màn hình giao diện 89
3.2.4.3 Thiết kế xử lý 90
3.2.4.4 Danh sách các xử lý 90
3.2.5 Album cá nhân 91
3.2.5.1 Thiết kế giao diện 91
3.2.5.2 Mô tả màn hình giao diện 92
3.2.5.3 Thiết kế xử lý 93
3.2.5.4 Danh sách các xử lý 93
3.2.6 Khám phá địa điểm 94
3.2.6.1 Thiết kế giao diện 94
3.2.6.2 Mô tả màn hình giao diện 94
3.2.6.3 Thiết kế xử lý 95
3.2.6.4 Danh sách các xử lý 95
3.2.7 Album ảnh của địa điểm khám phá 96
3.2.7.1 Thiết kế giao diện 96
3.2.7.2 Mô tả màn hình giao diện 96
3.2.7.3 Thiết kế xử lý 97
3.2.7.4 Danh sách các xử lý 98
3.2.8 Theo dõi người dùng 98
3.2.8.1 Thiết kế giao diện 98
3.2.8.2 Mô tả màn hình giao diện 99
3.2.8.3 Thiết kế xử lý 99
Trang 53.2.9 Báo cáo vị phạm User hoặc Post 100
3.2.9.1 Thiết kế giao diện 100
3.2.9.2 Mô tả màn hình giao diện 100
3.2.9.3 Thiết kế xử lý 101
3.2.9.4 Danh sách các xử lý 101
3.3 ĐỐI TƯỢNG ADMIN 102
3.3.1 Đăng nhập Admin 102
3.3.1.1 Thiết kế giao diện 102
3.3.1.2 Mô tả màn hình giao diên 102
3.3.1.3 Thiết kế xử lý 103
3.3.1.4 Danh sách các xử lý 103
3.3.2 Tổng quan 104
3.3.2.1 Thiết kế giao diện 104
3.3.2.2 Mô tả màn hình giao diện 104
3.3.2.3 Thiết kế xử lý 106
3.3.2.4 Danh sách các xử lý 107
3.3.3 Bài viết đã duyệt 108
3.3.3.1 Thiết kế giao diện 108
3.3.3.2 Mô tả màn hình giao diện 108
3.3.3.3 Thiết kế xử lý 109
3.3.3.4 Danh sách các xử lý 109
3.3.4 Post preview 110
3.3.4.1 Thiết kế giao diên 110
3.3.4.2 Mô tả màn hình giao diên 110
3.3.4.3 Thiết kế xử lý 111
3.3.4.4 Danh sách các xử lý 112
3.3.5 Bài viết chờ duyệt 113
3.3.5.1 Thiết kế giao diện 113
3.3.5.2 Mô tả màn hình giao diện 113
3.3.5.3 Thiết kế xử lý 114
3.3.5.4 Danh sách các xử lý 115
3.3.6 Post preview 115
3.3.6.1 Thiết kế giao diên 115
3.3.6.2 Mô tả màn hình giao diên 116
3.3.6.3 Thiết kế xử lý 116
Trang 63.3.7 Bài viết đã khóa 117
3.3.7.1 Thiết kế giao diện 117
3.3.7.2 Mô tả màn hình giao diện 117
3.3.7.3 Thiết kế xử lý 118
3.3.7.4 Danh sách các xử lý 118
3.3.8 Post preview 118
3.3.8.1 Thiết kế giao diên 118
3.3.8.2 Mô tả màn hình giao diên 119
3.3.8.3 Thiết kế xử lý 119
3.3.8.4 Danh sách các xử lý 119
3.3.9 Tài khoản 120
3.3.9.1 Thiết kế giao diện 120
3.3.9.2 Mô tả màn hình giao diện 120
3.3.9.3 Thiết kế xử lý 121
3.3.9.4 Danh sách các xử lý 121
3.3.10 Account preview 122
3.3.10.1 Thiết kế giao diên 122
3.3.10.2 Mô tả màn hình giao diên 122
3.3.10.3 Thiết kế xử lý 123
3.3.10.4 Danh sách các xử lý 124
3.3.11 Tạo tài khoản quản lý 125
3.3.11.1 Thiết kế giao diện 125
3.3.11.2 Mô tả màn hình giao diện 125
3.3.11.3 Thiết kế xử lý 126
3.3.11.4 Danh sách các xử lý 126
3.3.12 Phân quyền 127
3.3.12.1 Thiết kế giao diện 127
3.3.12.2 Mô tả màn hình giao diên 127
3.3.12.3 Thiết kế xử lý 129
3.3.12.4 Danh sách các xử lý 130
3.3.13 Thống kê 130
3.3.13.1 Thiết kế giao diện 130
3.3.13.2 Mô tả màn hình giao diện 131
3.3.3.13 Thiết kế xử lý 132
3.3.13.4 Danh sách các xử lý 132
Trang 73.3.14.1 Thiết kế giao diện 133
3.3.14.2 Mô tả màn hình giao diện 133
3.3.14.3 Thiết kế xử lý 134
3.3.14.4 Danh sách các xử lý 134
3.3.15 Đổi mật khẩu 135
3.3.15.1 Thiết kế giao diện 135
3.3.15.2 Mô tả màn hình giao diện 135
3.3.15.3 Thiết kế xử lý 136
3.3.15.4 Danh sách các xử lý 136
CHƯƠNG 4: LẬP TRÌNH 137
4.1 NGÔN NGỮ LẬP TRÌNH 137
4.1.1 Javascript [6] 137
4.1.2 Node JS [7] 137
4.1.3 React Js [8] 137
4.1.4 Nest Js [ 9] 138
4.2 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU 138
4.2.1 Mongodb [10] 138
4.3 CÔNG CỤ HỔ TRỢ GRAPHQL [11] 140
4.4 SƠ ĐỒ LỚP 141
4.5 MÔ TẢ CHI TIẾT TỪNG LỚP 142
4.4.1 User.resolver 142
4.4.2 User 143
4.4.3 Account.Resolver 143
4.4.4 Account 144
4.4.5 Album.resolver 144
4.4.6 Album 145
4.4.7 Place.resolver 145
4.4.8 Place 146
4.4.9 Post.resolver 147
4.4.10 Post 148
4.4.11 Image.resolver 148
4.4.12 Image 149
4.4.13 Comment.resolver 149
4.4.14 Comment 149
4.4.15 History.resolver 150
Trang 84.4.17 HistoryContent 151
4.4.18 Report.resolver 151
4.4.19 Report 151
4.4.20 Permission.resolver 152
4.4.21 Permission 152
CHƯƠNG 5: KIỂM THỬ PHẦN MỀM 153
5.1 KẾ HOẠCH KIỂM THỬ 153
5.2 QUY TRÌNH KIỂM THỬ 153
5.2.1 Các tính năng cần kiểm thử 153
5.2.2 Tiến hành testcase kiểm thử 155
5.2.2.1 Guest 155
5.2.2.2 User 156
5.2.2.3 Admin 160
KẾT LUẬN 165
1 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 165
2 ƯU ĐIỂM 165
3 NHƯỢC ĐIỂM 166
4 HƯỚNG PHÁT TRIỂN 166
TÀI LIỆU THAM KHẢO 167
Trang 9MỤC LỤC HÌNH ẢNH
Hình 1 1 Trang chủ Blog du lịch bụi 5
Hình 1 2 Trang chủ Dulichbui24 7
Hình 1 3 Trang chủ Home-bolg du lịch Traveloka Việt 10
Hình 1 4 Trang chủ blog du lịch tự túc 13
Hình 1 5 Trang chủ Gody.vn 15
Hình 2 1 Usercase digram 18
Hình 2 2 Sơ đồ luồng nghiệp vụ đăng nhập 25
Hình 2 3 Sequence diagram đăng nhập 26
Hình 2 4 Sơ đồ luồng nghiệp vụ xem bài viết 27
Hình 2 5 Sơ đồ luồng nghiệp vụ đăng bài viết 28
Hình 2 6 Sequence digram 29
Hình 2 7 Sơ đồ luồng nghiệp vụ xóa bài viết 30
Hình 2 8 Sơ đồ luồng nghiệp vụ lưu địa điểm 31
Hình 2 9 Sơ đồ luồng nghiệp vụ like bài viết 32
Hình 2 10 Sơ đồ luồng nghiệp vụ follow 33
Hình 2 11 Sơ đồ luồng nghiệp vụ bình luận 34
Hình 2 12 Sơ đồ luồng nghiệp vụ xóa bình luận 36
Hình 2 13 Sơ đồ luồng nghiệp vụ sửa bình luận 37
Hình 2 14 Sơ đồ luồng nghiệp vụ xem thông tin cá nhân 39
Hình 2 15 Sơ đồ luồng nghiệp vụ chỉnh sửa thông tin cá nhân 40
Hình 2 16 Sequence diagram sửa thông tin cá nhân 41
Hình 2 17 Sơ đồ luồng nghiệp vụ phản hồi 42
Hình 2 18 Sơ đồ luồng nghiệp vụ xem bản đồ 43
Hình 2 19 Sơ đồ luồng nghiệp vụ xem danh sách bài viết 44
Hình 2 20 Sơ đồ luồng nghiệp vụ chia sẻ facebook 45
Hình 2 21 Sơ đồ luồng nghiệp vụ đăng xuất 46
Hình 2 22 Sơ đồ luồng nghiệp vụ tạo Album 47
Hình 2 23 Sơ đồ luồng nghiệp vụ xóa Album 48
Hình 2 24 Sơ đồ luồng nghiệp vụ thêm image vào Album 49
Hình 2 25 Sơ đồ luồng nghiệp vụ xóa image khỏi Album 50
Hình 2 26 Sơ đồ luồng nghiệp vụ xóa địa điểm 51
Trang 10Hình 2 28 Sơ đồ luồng nghiệp vụ khóa bài viết 53
Hình 2 29 Sơ đồ luồng nghiệp vụ duyệt bài viết 54
Hình 2 30 Sequence diagram duyệt bài viết 55
Hình 2 31 Sơ đồ luồng nghiệp vụ đổi mật khẩu 56
Hình 2 32 Sequence diagram đổi mật khẩu 57
Hình 2 33 Sơ đồ luồng nghiệp vụ khóa tài khoản 58
Hình 2 34 Sơ đồ luồng nghiệp vụ quản lý bài viết 59
Hình 2 35 Sơ đồ luồng nghiệp vụ quản lý thông tin người dùng 60
Hình 2 36 Sơ đồ luồng nghiệp vụ phân quyền 61
Hình 2 37 Sequence diagram 62
Hình 2 38 Sơ đồ luồng nghiệp vụ tạo tài khoản 63
Hình 2 39 Sequence diagram 64
Hình 2 40 Cơ sở dữ liệu cuối cùng 65
Hình 3 1 Trang chủ Guest 73
Hình 3 2 Thiết kết xử lý màn hình trang chủ Guest 74
Hình 3 3 Trang post Guest 76
Hình 3 4 Thiết kế xử lý màn hình trang post Guest 78
Hình 3 5 Trang chủ User sau khi đăng nhập 79
Hình 3 6 Thiết kế xử lý màn hình trang chủ user sau khi đăng nhập 80
Hình 3 7 Màn hình thông tin đăng bài viết 81
Hình 3 8 Thiết kế xử lý màn hình thông tin bài viết 82
Hình 3 9 Thông tin User và bài viết User 84
Hình 3 10 Thiết kế xử lý thông tin của User và bài viết User 86
Hình 3 11 Chỉnh sửa thông tin User 88
Hình 3 12 Thiết kế xử lý chỉnh sửa thông tin User 90
Hình 3 13 Album ảnh 91
Hình 3 14 Thiết kế xử lý Album ảnh 93
Hình 3 15 Khám phá địa điểm 94
Hình 3 16 Thiết kế xử lý khám phá địa điểm 95
Hình 3 17 Album ảnh địa điểm khám phá 96
Hình 3 18 Thiết kế xử lý Album ảnh địa điểm khám phá 97
Hình 3 19 Theo dõi người dùng 98
Trang 11Hình 3 21 Màn hình giao diện báo cáo vi phạm User hoặc Post 100
Hình 3 22 Thiết kế xử lý báo cáo vi pham User hoặc Post 101
Hình 3 23 Đăng nhập admin 102
Hình 3 24 Thiết kế xử lý đăng nhập 103
Hình 3 25 Màn hình giao diện tổng quan 104
Hình 3 26 Thiế kế xử lý tổng quan 106
Hình 3 27 Màn hình giao diện bài viết đã duyệt 108
Hình 3 28 Thiêt kế xử lý giao diện bài viết đã duyệt 109
Hình 3 29 Màn hình giao diện Post preview 110
Hình 3 30 Thiết kế xử lý Post preview 112
Hình 3 31 Thiết kế giao diện bài viết chờ duyệt 113
Hình 3 32 Thiết kế xử lý bài viết chờ duyệt 114
Hình 3 33 Màn hình giao diện Post preview 115
Hình 3 34 Thiết kế xử lý Post preview 116
Hình 3 35 Thiết kế giao diện bài viết đã khóa 117
Hình 3 36 Thiết kế xử lý bài viết đã khóa 118
Hình 3 37 Màn hình giao diện Post preview 118
Hình 3 38 Giao diện thiết kế xử lý Post preview 119
Hình 3 39 Thiết kế giao diện quản lý tài khoản 120
Hình 3 40 Thiết kế xử lý quản lý tài khoản 121
Hình 3 41 Màn hình giao diện thông tin User 122
Hình 3 42 Thiết kế xử lý thông tin User 124
Hình 3 43 Màn hình giao diện phân quyền User 125
Hình 3 44 Thiết kế xử lý phân quyền User 126
Hình 3 45 Màn hình giao diện phân quyền 127
Hình 3 46 Thiết kế xử lý giao diện phân quyền 129
Hình 3 47 Thiết kế xử lý thống kê 130
Hình 3 48 Thiết kế xử lý thống kê 132
Hình 3 49 Màn hình giao diện quản lý báo cáo vi phạm 133
Hình 3 50 Thiết kế xử lý quản lý báo cáo vi phạm 134
Hình 3 51 Màn hình giao diện đổi mật khẩu 135
Hình 3 52 Thiết kế xử lý đổi mật khẩu 136
Trang 13MỤC LỤC BẢNG
Bảng 2 1 Nghiệp vụ Guest 19
Bảng 2 2 Quy định Guest 19
Bảng 2 3 Nghiệp vụ User 20
Bảng 2 4 Quy định User 21
Bảng 2 5 Nghiệp vụ Moderator 22
Bảng 2 6 Quy định Moderator 22
Bảng 2 7 Nghiệp vụ Admin 23
Bảng 2 8 Quy định Admin 24
Bảng 2 9 Bảng nghiệp vụ đăng nhập 25
Bảng 2 10 Bảng nghiệp vụ xem bài viết 27
Bảng 2 11 Bảng nghiệp vụ đăng bài viết 28
Bảng 2 12 Bảng nghiệp vụ xóa bài viết 30
Bảng 2 13 Bảng nghiệp vụ lưu địa điểm 31
Bảng 2 14 Bảng nghiệp vụ like bài viết 32
Bảng 2 15 Bảng nghiệp vụ follow 33
Bảng 2 16 Bảng nghiệp vụ bình luận 34
Bảng 2 17 Bảng nghiệp vụ xóa bình luận 36
Bảng 2 18 Bảng nghiệp vụ sửa bình luận 37
Bảng 2 19 Bảng nghiệp vụ xem thông tin cá nhân 39
Bảng 2 20 Bảng nghiệp vụ chỉnh sửa thông tin cá nhân 40
Bảng 2 21 Bảng nghiệp vụ phản hồi 42
Bảng 2 22 Bảng nghiệp vụ xem bản đồ 43
Bảng 2 23 Bảng nghiệp vụ xem danh sách bài viết 44
Bảng 2 24 Bảng nghiệp vụ chia sẻ Facebook 45
Bảng 2 25 Bảng nghiệp vụ đăng xuất 46
Bảng 2 26 Bảng nghiệp vụ tạo Album 47
Bảng 2 27 Bảng nghiệp vụ xóa Album 48
Bảng 2 28 Bảng nghiệp vụ thêm image vào Album 49
Bảng 2 29 Bảng nghiệp vụ xóa image khỏi Album 50
Bảng 2 30 Bảng nghiệp vụ xóa địa điểm 51
Bảng 2 31 Bảng nghiệp vụ unfollow 52
Bảng 2 32 Bảng nghiệp vụ khóa bài viết 53
Bảng 2 33 Bảng nghiệp vụ duyệt bài viết 54
Trang 14Bảng 2 35 Bảng nghiệp vụ khóa tài khoản 58
Bảng 2 36 Bảng nghiệp vụ quản lý bài viết 59
Bảng 2 37 Bảng nghiệp vụ quản lý thông tin người dùng 60
Bảng 2 38 Bảng nghiệp vụ phân quyền 61
Bảng 2 39 Bảng nghiệp vụ tạo tài khoản 63
Bảng 2 40 User 66
Bảng 2 41 Place 67
Bảng 2 42 Post 68
Bảng 2 43 Album 69
Bảng 2 44 Image 69
Bảng 2 45 Account 70
Bảng 2 46 Comment 70
Bảng 2 47 Permission 71
Bảng 2 48 History 71
Bảng 2 49 Report 72
Bảng 3 1 Mô tả mà hình trang chủ Guest 73
Bảng 3 2 Danh sách các xử màn hình trang chủ 75
Bảng 3 3 Mô tả màn hình trang post guest 76
Bảng 3 4 Danh sách các xử lý màn hình trang post guest 79
Bảng 3 5 Mô tà màn hình trang chủ user sau khi đăng nhập 80
Bảng 3 6 Danh sách xử lý trang chủ user sau khi đăng nhập 80
Bảng 3 7 Mô tà màn hình thông tin đăng bài viết 81
Bảng 3 8 Danh sách xử lý thông tin bài viết 82
Bảng 3 9 Danh sách mô tả thông tin User 84
Bảng 3 10 Danh sách xử lý thông tin của User 86
Bảng 3 11 Danh sách mô tả chỉnh sửa thông tin User 89
Bảng 3 12 Danh sách xử lý chỉnh sửa thông tin User 90
Bảng 3 13 Danh sách mô tả Album cá nhân 92
Bảng 3 14 Danh sách thiết kế xử lý Album ảnh 93
Bảng 3 15 Danh sách mô tả khám phá địa điểm 94
Bảng 3 16 Danh sách xử lý khám phá địa điểm 95
Bảng 3 17 Danh sách mô tả Album ảnh địa điểm khám phá 96
Bảng 3 18 Danh sách xử lý Album ảnh địa điểm khám phá 98
Trang 15Bảng 3 20 Danh sách xử lý theo dõi người dùng 99
Bảng 3 21 Mô tả màn hình giao diện báo cáo vi phạm User hoặc Post 100
Bảng 3 22 Danh sách các xử lý báo cáo vi phạm User hoặc Post 101
Bảng 3 23 Mô tả màn hình đăng nhập 102
Bảng 3 24 Danh sách thiết kế xử lý đăng nhập 103
Bảng 3 25 Mô tả tổng quan 104
Bảng 3 26 Danh sách thiết kê xử lý tổng quan 107
Bảng 3 27 Mô tả màn hình giao diện bài viết đã duyệt 108
Bảng 3 28 Danh sách thiết kế xử lý bài viết đã duyệt 109
Bảng 3 29 Mô tả màn hình giao diện Post preview 110
Bảng 3 30 Danh sách thiết kế xử lý Post preview 112
Bảng 3 31 Mô tả thiết kế giao diện bài viết chờ duyệt 113
Bảng 3 32 Danh sách xử lý giao diện bài viết chờ duyệt 115
Bảng 3 33 Mô tả màn hình giao diện Post preview 116
Bảng 3 34 Danh sách thiết kế xử lý Post preview 116
Bảng 3 35 Mô tả giao diện bài viết đã khóa 117
Bảng 3 36 Danh sách các xử lý bài viết đã khóa 118
Bảng 3 37 Mô tả giao diện Possosst preview 119
Bảng 3 38 Danh sách thiết kế xử lý Post preview 119
Bảng 3 39 Mô tả giao diện quản lý tài khoản 120
Bảng 3 40 Danh sách các xử lý quản lý tài khoản 121
Bảng 3 41 Mô tả màn hình thông tin User 122
Bảng 3 42 Danh s ách thiết kế xử lý thông tin User 124
Bảng 3 43 Mô tả màn hình phân quyền User 125
Bảng 3 44 Danh sách thiết kế xử lý phân quyền User 126
Bảng 3 45 Mô tả màn hình giao diện phân quyền 127
Bảng 3 46 Danh sách các xử lý phân quyền 130
Bảng 3 47 Mô tả giao diện thống kê 131
Bảng 3 48 Danh sách các xử lý thống kê 132
Bảng 3 49 Mô tả màn hình giao diện quản lý báo cáo vi phạm 133
Bảng 3 50 Danh sách các xử lý quản lý báo cáo vi phạm 134
Bảng 3 51 Mô tả màn hình giao diện đổi mật khẩu 135
Bảng 3 52 Danh sách các xử lý đổi mật khẩu 136
Trang 16Bảng 4 2 User 143
Bảng 4 3 Account.resolver 143
Bảng 4 4 Account 144
Bảng 4 5 Album.resolver 144
Bảng 4 6 Album 145
Bảng 4 7 Place.resolver 145
Bảng 4 8 Place 146
Bảng 4 9 Post.resolver 147
Bảng 4 10 Post 148
Bảng 4 11 Image.resolver 148
Bảng 4 12 Image 149
Bảng 4 13 Comment.resolver 149
Bảng 4 14 Comment 149
Bảng 4 15 History.resolver 150
Bảng 4 16 History 150
Bảng 4 17 HistoryContent 151
Bảng 4 18 Report.resolver 151
Bảng 4 19 Report 151
Bảng 4 20 Permission.resolver 152
Bảng 4 21 Permission 152
Bảng 5 1 Các tính năng cần kiểm thử 153
Bảng 5 2 Kiểm thử với Guest 155
Bảng 5 3 Kiểm thử với User 156
Bảng 5 4 Kiểm thử với Admin 160
Trang 17PHẦN MỞ ĐẦU GIỚI THIỆU ĐỀ TÀI
1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI
Xã hội ngày càng phát triển, thì nhu cầu khám phá du lịch ngày càng thu hút được nhiều cá nhân hay tập thể hướng đến Du lịch để thư giản, xã stress sau những giờ làm việc căng thăng ,cùng người thân gia đình, bạn bè sau chưa có cơ hội tận hưởng đi chơi cùng nhau hay tâm sự về cuộc sống xung quanh, cùng tìm kiếm những nơi vui chơi giải trí, khám phá nhiều điều mới trên mãnh đất hình chữ S Việt Nam Trong quá trình trải nghiệm khám phá du lịch, cá nhân hay tập thể muốn lưu giữ, chia sẻ những nơi đã và đi qua khám phá nhiều điều mới lạ cho mọi người biết đến thông qua các kênh mạng xã hội hay các trang blog, diễn đàn, tạo nguồn tìm kiếm phong phú cho những nơi du lich mới mà nhiều người còn chưa biết đến, mở rộng con đường du lịch cho đất nước phát triển
Năm bắt được nhu cầu tìm kiếm , khám phá du lịch, hay quản lý thông tin, nơi đăng bài giới thiệu chia sẻ cho nhiều người cùng biết đến, nhóm em quyết định chọn đề tài
“Ứng dụng quản lý du lịch cá nhân” có thể giúp cho mọi người xem thông tin bài viết mới về những nơi mà mọi người chưa biết đến Khám phá những nơi đã và đang đi đến, quản lý thông tin bài viết do mình tạo ra
2 MỤC TIÊU ĐỀ TÀI
Xây dựng ứng dụng quản lý du lịch cá nhân với các chức năng:
- Đăng nhập website bằng Facebook
- Xem thông tin, bài viết của mọi người
- Tìm kiếm nội dung mong muốn
- Tạo Album riêng cho cá nhân
- Quản lý thông tin cá nhân
- Quản lý bài viết du lịch, địa điểm đã khám phá
Xây dựng website quản lý dành cho admin với các chức năng:
- Tổng quan chung về website
Trang 18- Quản lý bài viết
- Quản lý tài khoản
- Thống kê chung của website
Vận dụng thành công các loại công nghệ phần mềm, công nghệ mới, các ngôn ngữ hiện đại: React Js, Node JS, Javascript,
Tìm hiểu và vận dụng cơ sở dữ liệu Mongodb, GraphQL đem lại hiệu quả cao
3 KẾT CẤU ĐỀ TÀI
Phần mở đầu
- Giới thiệu đề tài
Phần nội dung
- Chương 1: Khảo sát hiện trạng
- Chương 2: Mô hình hóa yêu cầu và thiết kế cơ sở dữ liệu
- Chương 3: Thiết kế giao diện và xử lý
Trang 19PHẦN NỘI DUNG CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG
Trang 21Hình 1 1 Trang chủ Blog du lịch bụi
Ưu điểm:
Giao diện:
- Giao diện đẹp, tiện ích, đơn giản, dễ sử dụng
- Tích hợp được trên nhiều thiết bị: Laptop, điện thoại, máy tính bảng,…
- Hình ảnh những nơi du lịch sống động, có thông tin chi tiết từng hành trình du lịch
Chức năng:
- Đăng bài viết thông tin về từng hành trình du lịch
- Cung cấp tương đối thông tin chi tiết về từng hành trình di chuyển du lịch
rõ địa chỉ, kinh nghiệm du lịch, phương tiện di chuyển, khách sạn xung quanh, giá cả thi trường
- Người dùng có thể tìm kiếm bằng cách chọn nơi du lịch trên trang thông tin hoặc gõ vào tìm kiếm địa điểm mà mình mong muốn
- Bình luận, chia sẽ bài viết
- Đăng ký để nhận thông tin
- Follow để theo dõi những bài viết đăng từ admin
Nhược điểm:
Giao diện:
- Sắp xếp thông tin bài viết chưa cân đối, chênh lệch những khung hình về phần hiển thị thông tin bài viết
Trang 23Hình 1 2 Trang chủ Dulichbui24
Ưu điểm:
Giao diện:
- Giao diện đẹp, tiện ích, đơn giản, dễ sử dụng
- Tích hợp được trên nhiều thiết bị: Laptop, điện thoại, máy tính bảng,…
- Hình ảnh những nơi du lịch sống động, có thông tin chi tiết từng hành trình du lịch
- Viết chủ yếu về du lịch ở Việt Nam
Chức năng:
- Đăng bài viết thông tin về từng hành trình du lịch
Trang 24- Cung cấp tương đối thông tin chi tiết về từng hành trình di chuyển du lịch chỉ rõ địa chỉ ,kinh nghiệm du lịch, phương tiện di chuyển, khách sạn xung quang, giá cả thi trường
- Người dùng có thể tìm kiếm bằng cách chọn nơi du lịch trên trang thông tin hoặc gõ vào tìm kiếm địa điểm mà mình mong muốn
- Kết hợp với các nhà vận hành di chuyển bằng xe, máy bay để đưa dón du lịch
- Theo dõi trang web bằng facebook, gmail…
Trang 251.3 HOME – BLOG DU LỊCH TRAVELOKA VIỆT
[3]Trang 26Hình 1 3 Trang chủ Home-bolg du lịch Traveloka Việt
Trang 27 Ưu điểm:
Giao diện:
- Giao diện tiện ích, đơn giản, dễ sử dụng
- Tích hợp được trên nhiều thiết bị: Laptop, điện thoại, máy tính bảng,…
- Có thông tin chi tiết từng hành trình du lịch
Chức năng:
- Đăng bài viết thông tin về từng hành trình du lịch
- Cung cấp tương đối thông tin chi tiết về từng hành trình di chuyển du lịch chỉ rõ địa chỉ ,kinh nghiệm du lịch, phương tiện di chuyển, khách sạn xung quang, giá cả thi trường
- Người dùng có thể tìm kiếm bằng cách chọn nơi du lịch trên trang thông tin hoặc gõ vào tìm kiếm địa điểm mà mình mong muốn
- Kết hợp với các nhà vận hành di chuyển bằng xe, máy bay để đưa đón du lịch
- Bình luận , đánh giá bài viết, chia sẻ
- Đăng ký tour mong muốn
- Theo dõi trang web bằng facebook, gmail…
- Login (đang bị lỗi), đăng bài viết
- Trang web có nhiều tính năng, bố cục ổn, cho phép người dùng đăng bài
và trả tiền nhuận bút Nhìn chung trang web đáp ứng đầy đủ nhu cầu của một trang web viết bài về du lịch
Trang 281.4 BLOG DU LỊCH TỰ TÚC
[4]Trang 29Hình 1 4 Trang chủ blog du lịch tự túc
Ưu điểm:
Giao diện:
- Giao diện đẹp, tiện ích, đơn giản, dễ sử dụng
- Tích hợp được trên nhiều thiết bị: Laptop, điện thoại, máy tính bảng,…
- Có thông tin chi tiết từng hành trình du lịch
Chức năng:
- Đăng bài viết thông tin về từng hành trình du lịch
- Cung cấp tương đối thông tin chi tiết về từng hành trình di chuyển du lịch, các sự kiện có trong quá trình du lịch, giá cả mua vé…
- Người dùng có thể tìm kiếm bằng cách chọn nơi du lịch trên trang thông tin hoặc gõ vào tìm kiếm địa điểm mà mình mong muốn
- Theo dõi trang web bằng facebook, gmail, chia sẻ bài viết…
Trang 301.5 GODY.VN
[5]Trang 31
Hình 1 5 Trang chủ Gody.vn
Trang 32 Ưu điểm:
Giao diện:
- Giao diện đẹp, tiện ích, đơn giản, dễ sử dụng
- Tích hợp được trên nhiều thiết bị: Laptop, điện thoại, máy tính bảng,…
- Hình ảnh những nơi du lịch sống động, có thông tin chi tiết từng hành trình du lịch
Chức năng:
- Người dùng đăng ký bằng facebook hoặc gmail
- Người dùng có thể viết bài viết riêng để revew địa điểm thông tin du lịch nơi minh đã đi, có thể chỉnh sửa , xóa bài viết
- Admin duyệt bài viết nếu phù hợp với điểu khoản chính sách của trang website
- Đăng bài viết thông tin về từng hành trình du lịch
- Cung cấp tương đối thông tin chi tiết về từng hành trình di chuyển du lịch
rõ địa chỉ, kinh nghiệm du lịch, phương tiện di chuyển, khách sạn xung quanh, giá cả thị trường
- Người dùng có thể tìm kiếm bằng cách chọn nơi du lịch trên trang thông tin hoặc gõ vào tìm kiếm địa điểm mà mình mong muốn
- Bài viết hiển thị thông tin nơi đến cụ thể, có bản đồ chỉ dẫn nơi đi qua từ khi bắt đầu đến nơi kết thúc, thời gian kết thúc hành trình
- Bình luận, chia sẽ bài viết
- Đăng ký để nhận thông tin
- Follow để theo dõi những bài viết đăng từ người dùng
Trang 33- Chưa kiểm sát được bài của người viết, có thể trùng lặp bài gây ra rối nhiễu thông tin cho người đọc
Đánh giá chung
- Trang web khá đầy đủ về tính năng, cho phép người dùng đăng bài viết của mình, đánh dấu những hành trình của mình trên map, có nhiều tiện ích cho người dùng
- Đăng nhập website bằng Facebook
- Xem thông tin bài viết của mọi người
- Tìm kiếm nội dung mong muốn
- Quản lý thông tin cá nhân
- Quản lý bài viết du lịch, địa điểm đã khám phá
- Tổng quan chung về website
- Quản lý bài viết
- Quản lý tài khoản
- Thống kê chung của website
Trang 34CHƯƠNG 2: MÔ HÌNH HÓA YÊU CẦU VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU
Trang 352.2 CHI TIẾT CÁC ACTOR
2.2.1 Guest
2.2.1.1 Danh sách các nghiệp vụ
Bảng 2 1 Nghiệp vụ Guest
1 Xembaiviet QD_xembaiviet BM_xembaiviet
3 Facebook QD_facebook BM_facebook
2.2.1.2 Danh sách các quy định
Bảng 2 2 Quy định Guest
1 QD_xembaiviet Xem bài viết Xem thông tin bài viết dược
đăng trên app
Trang 361 Dangbaiviet QD_Dangbaiviet BM_Dangbaiviet
3 Luudiadiemdadi QD_Luudiadiemdadi BM_Luudiadiemdadi
4 Likebaiviet QD_Likebaiviet BM_Likebaiviet
7 Xoabinhluan QD_Xoabinhluan BM_Xoabinhluan
8 Suabinhluan QD_Suabinhluan BM_Suabinhluan
9 Chiase faceook QD_Chiase faceook BM_Chiase faceook
12 Xemdanhsachbaiviet QD_Xemdanhsachbaiviet BM_Xemdanhsachbaiviet
13 xemthongtincanhan QD_xemthongtincanhan BM_xemthongtincanhan
14 suathongtin QD_suathongtin BM_suathongtin
Trang 372.2.2.2 Danh sách các quy định
Bảng 2 4 Quy định User
1 QD_Dangbaiviet Đăng bài viết Viết bài viết review địa điểm
đã hoặc vừa đến Thông tin bài viết gồm: hình ảnh,vị trí, thời gian đăng bài, thời gian
mở cửa
2 QD_xoabaiviet Xóa bài viết Xóa bài viết nếu thấy không
phù hợp với nội dung đã đăng
3 QD_Luudiadiemdadi Lưu lại địa điểm đa đi Lưu lại những nơi đã đi qua
4 QD_Likebaiviet Like bài viết Thích bài viết của người
khác nếu xem thấy hay
5 QD_Follow Follow người dùng Theo dõi người dùng
6 QD_Binhluan Bình luận Bình luận bài viết nếu muốn
Bình luận hiển thị tên người bình luận, thời gian,thông tin bình luận,người khác có thể phản hồi bình luận nếu muốn
7 QD_Xoabinhluan Xóa bình luận Xóa bình luận
8 QD_Suabinhluan Sửa bình luận Sửa bình luận
9 QD_Chiase faceook Chia sẻ facebook Chia sẻ bài viết lên trang cá
nhân facebook
10 QD_Phanhoi Phản hồi Báo cáo về bài viết hoặc
user có nhưng thông tin không phù hợp với quy định của app
11 QD_Xembando Xem bản đồ Xem bản đồ vị trí của địa
điểm du lịch trên app, bản đồ
Trang 38hướng dẫn đường đi đên địa chỉ cần đến
Xem thông tin cá nhân Xem lại thông tin cá nhân
sau khi đăng nhập
14 QD_suathongtin Sửa thông tin cá nhân Thay đổi thông tin cá nhân:
họ tên, địa chỉ
15 QD_Dangxuat Đăng xuất Đăng xuất khỏi app
18 QD_addImage Thêm ảnh Thêm ảnh cho Album
20 QD_xoadiadiem Xóa địa điểm Xóa địa điểm
21 QD_unfollow Hủy theo dỏi User Hủy theo dỏi User
2.2.3 Moderator
2.2.3.1 Danh sách các nghiệp vụ
Bảng 2 5 Nghiệp vụ Moderator
1 khoabaiviet QD_khoabaiviet BM_khoabaiviet
2 duyetbaiviet QD_duyetbaiviet BM_duyetbaiviet
3 doimatkhau QD_doimatkhau BM_doimatkhau
2.2.3.2 Danh sách các quy định
Bảng 2 6 Quy định Moderator
1 QD_khoabaiviet Khóa bài viết Khóa bài viết của người
dùng đã đăng nếu bài viết vi
Khi bị phản
Trang 392 QD_duyetbaiviet Duyệt bài viết Sau khi người dùng đăng bài,
các mod sẽ xem nội dùng bài viết có phù hợp với quy định hay không Nếu có thì duyệt bài viết, nếu không thì xóa
2 Quanlybaiviet QD_Quanlybaiviet BM_Quanlybaiviet
3 Khoataikhoan QD_Khoataikhoan BM_Khoataikhoan
4 quanlythongtinnguoi
dung
QD_quanlythongtinnguoid ung
BM_quanlythongtinng uoidung
5 taotaikhoan QD_taotaikhoan BM_Taotaikhoan
Trang 402.2.4.2 Danh sách các quy định
Bảng 2 8 Quy định Admin