Ứng dụng quản lý du lịch cá nhân

MỤC LỤC PHẦN MỞ ĐẦU GIỚI THIỆU ĐỀ TÀI 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU ĐỀ TÀI KẾT CẤU ĐỀ TÀI PHẦN NỘI DUNG CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG 1.1 BLOG DU LỊCH BỤI [1] Ưu điểm: Nhược điểm: Đánh giá chung: 1.2 DULICHBUI24 [2] Ưu điểm: Nhược điểm: Đánh giá chung 1.3 HOME – BLOG DU LỊCH TRAVELOKA VIỆT [3] Ư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 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 nghiệp vụ 19 2.2.1.2 Danh sách quy định 19 2.2.2 User 20 2.2.2.1 Danh sách nghiệp vụ 20 2.2.2.2 2.2.3 Moderator 22 2.2.3.1 Danh sách nghiệp vụ 22 2.2.3.2 Danh sách quy định 22 2.2.4 2.3 Danh sách quy định 21 Admin 23 2.2.4.1 Danh sách nghiệp vụ 23 2.2.4.2 Danh sách quy định 24 MƠ HÌNH HĨA 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 viết 27 2.3.2 Đối tượng User 28 2.3.2.1 Xét nghiệp vụ đăng viết 28 2.3.2.2 Xét nghiệp vụ xóa viết 30 2.3.2.3 Xét nghiệp vụ lưu địa điểm 31 2.3.2.4 Xét nghiệp vụ like 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 đồ 43 2.3.2.13 Xét nghiệp vụ xem danh sách viết 44 2.3.2.14 Xét nghiệp vụ chia 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 viết 53 2.3.3.2 Xét nghiệp vụ duyệt viết 54 2.3.3.3 2.3.4 Xét nghiệp vụ đổi mật 56 Đố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ý 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ở liệu cuối 65 2.3.5.1 Cơ sở liệu 65 2.3.5.2 Mô tả sở 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 3.1.1.1 Thiết kế giao diện 73 3.1.1.2 Mơ tả hình giao diện 73 3.1.1.3 Thiết kế xử lý 74 3.1.1.4 Danh sách xử lý 75 3.1.2 3.2 Trang chủ 73 Post 76 3.1.2.1 Thiết kế giao diện 76 3.1.2.2 Mô tả hình giao diện 76 3.1.2.3 Thiết kế xử lý 78 3.1.2.4 Danh sách xử lý 79 ĐỐI TƯỢNG USER 79 3.2.1 Trang chủ 79 3.2.1.1 Thiết kế giao diện 79 3.2.1.3 Thiết kế xử lý 80 3.2.1.4 3.2.2 Danh sách xử lý 80 Chỉnh sửa thông tin viết 81 3.2.2.1 Thiết kế giao diện 81 3.2.2.2 Mơ tả hình giao diện 81 3.2.2.3 Thiết kế xử lý 82 3.2.2.4 Danh sách xử lý 82 3.2.3 Thông tin cá nhân viết 84 3.2.3.1 Thiết kế giao diện 84 3.2.3.2 Mơ tả hình giao diện 84 3.2.3.3 Thiết kế xử lý 86 3.2.3.4 Danh sách 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ả hình giao diện 89 3.2.4.3 Thiết kế xử lý 90 3.2.4.4 Danh sách 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ả hình giao diện 92 3.2.5.3 Thiết kế xử lý 93 3.2.5.4 Danh sách 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ả hình giao diện 94 3.2.6.3 Thiết kế xử lý 95 3.2.6.4 Danh sách xử lý 95 3.2.7 Album ảnh địa điểm khám phá 96 3.2.7.1 Thiết kế giao diện 96 3.2.7.2 Mơ tả hình giao diện 96 3.2.7.3 Thiết kế xử lý 97 3.2.7.4 Danh sách 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ả hình giao diện 99 3.2.8.3 Thiết kế xử lý 99 3.2.8.4 Danh sách xử lý 99 3.2.9 Báo cáo vị phạm User Post 100 3.3 3.2.9.1 Thiết kế giao diện 100 3.2.9.2 Mô tả hình giao diện 100 3.2.9.3 Thiết kế xử lý 101 3.2.9.4 Danh sách xử lý 101 ĐỐ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ả hình giao diên 102 3.3.1.3 Thiết kế xử lý 103 3.3.1.4 Danh sách 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ả hình giao diện 104 3.3.2.3 Thiết kế xử lý 106 3.3.2.4 Danh sách 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ả hình giao diện 108 3.3.3.3 Thiết kế xử lý 109 3.3.3.4 Danh sách 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ả hình giao diên 110 3.3.4.3 Thiết kế xử lý 111 3.3.4.4 Danh sách 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ả hình giao diện 113 3.3.5.3 Thiết kế xử lý 114 3.3.5.4 Danh sách 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ả hình giao diên 116 3.3.6.3 Thiết kế xử lý 116 3.3.6.4 Danh sách xử lý 116 3.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ả hình giao diện 117 3.3.7.3 Thiết kế xử lý 118 3.3.7.4 Danh sách 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ả hình giao diên 119 3.3.8.3 Thiết kế xử lý 119 3.3.8.4 Danh sách 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ả hình giao diện 120 3.3.9.3 Thiết kế xử lý 121 3.3.9.4 Danh sách 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ả hình giao diên 122 3.3.10.3 Thiết kế xử lý 123 3.3.10.4 Danh sách 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ả hình giao diện 125 3.3.11.3 Thiết kế xử lý 126 3.3.11.4 Danh sách 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ả hình giao diên 127 3.3.12.3 Thiết kế xử lý 129 3.3.12.4 Danh sách 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ả hình giao diện 131 3.3.3.13 Thiết kế xử lý 132 3.3.13.4 Danh sách xử lý 132 3.3.14 Quản lý báo cáo vi phạm 133 3.3.14.1 Thiết kế giao diện 133 3.3.14.2 Mơ tả hình giao diện 133 3.3.14.3 Thiết kế xử lý 134 3.3.14.4 Danh sách xử lý 134 3.3.15 Đổi mật 135 3.3.15.1 Thiết kế giao diện 135 3.3.15.2 Mô tả hình giao diện 135 3.3.15.3 Thiết kế xử lý 136 3.3.15.4 Danh sách 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 4.4.16 History 150 4.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 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 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 165 ƯU ĐIỂM 165 NHƯỢC ĐIỂM 166 HƯỚNG PHÁT TRIỂN 166 TÀI LIỆU THAM KHẢO 167 MỤC LỤC HÌNH ẢNH Hình 1 Trang chủ Blog du lịch bụi Hình Trang chủ Dulichbui24 Hình Trang chủ Home-bolg du lịch Traveloka Việt 10 Hình Trang chủ blog du lịch tự túc 13 Hình Trang chủ Gody.vn 15 Hình Usercase digram 18 Hình 2 Sơ đồ luồng nghiệp vụ đăng nhập 25 Hình Sequence diagram đăng nhập 26 Hình Sơ đồ luồng nghiệp vụ xem viết 27 Hình Sơ đồ luồng nghiệp vụ đăng viết 28 Hình Sequence digram 29 Hình Sơ đồ luồng nghiệp vụ xóa viết 30 Hình Sơ đồ luồng nghiệp vụ lưu địa điểm 31 Hình Sơ đồ luồng nghiệp vụ like viết 32 Hình 10 Sơ đồ luồng nghiệp vụ follow 33 Hình 11 Sơ đồ luồng nghiệp vụ bình luận 34 Hình 12 Sơ đồ luồng nghiệp vụ xóa bình luận 36 Hình 13 Sơ đồ luồng nghiệp vụ sửa bình luận 37 Hình 14 Sơ đồ luồng nghiệp vụ xem thông tin cá nhân 39 Hình 15 Sơ đồ luồng nghiệp vụ chỉnh sửa thông tin cá nhân 40 Hình 16 Sequence diagram sửa thơng tin cá nhân 41 Hình 17 Sơ đồ luồng nghiệp vụ phản hồi 42 Hình 18 Sơ đồ luồng nghiệp vụ xem đồ 43 Hình 19 Sơ đồ luồng nghiệp vụ xem danh sách viết 44 Hình 20 Sơ đồ luồng nghiệp vụ chia sẻ facebook 45 Hình 21 Sơ đồ luồng nghiệp vụ đăng xuất 46 Hình 22 Sơ đồ luồng nghiệp vụ tạo Album 47 Hình 23 Sơ đồ luồng nghiệp vụ xóa Album 48 Hình 24 Sơ đồ luồng nghiệp vụ thêm image vào Album 49 Hình 25 Sơ đồ luồng nghiệp vụ xóa image khỏi Album 50 Hình 26 Sơ đồ luồng nghiệp vụ xóa địa điểm 51 Hình 27 Sơ đồ luồng nghiệp vụ unfollow 52 Hình 28 Sơ đồ luồng nghiệp vụ khóa viết 53 Hình 29 Sơ đồ luồng nghiệp vụ duyệt viết 54 Hình 30 Sequence diagram duyệt viết 55 Hình 31 Sơ đồ luồng nghiệp vụ đổi mật 56 Hình 32 Sequence diagram đổi mật 57 Hình 33 Sơ đồ luồng nghiệp vụ khóa tài khoản 58 Hình 34 Sơ đồ luồng nghiệp vụ quản lý viết 59 Hình 35 Sơ đồ luồng nghiệp vụ quản lý thông tin người dùng 60 Hình 36 Sơ đồ luồng nghiệp vụ phân quyền 61 Hình 37 Sequence diagram 62 Hình 38 Sơ đồ luồng nghiệp vụ tạo tài khoản 63 Hình 39 Sequence diagram 64 Hình 40 Cơ sở liệu cuối 65 Hình Trang chủ Guest 73 Hình Thiết kết xử lý hình trang chủ Guest 74 Hình 3 Trang post Guest 76 Hình Thiết kế xử lý hình trang post Guest 78 Hình Trang chủ User sau đăng nhập 79 Hình Thiết kế xử lý hình trang chủ user sau đăng nhập 80 Hình Màn hình thơng tin đăng viết 81 Hình Thiết kế xử lý hình thông tin viết 82 Hình Thơng tin User viết User 84 Hình 10 Thiết kế xử lý thông tin User viết User 86 Hình 11 Chỉnh sửa thơng tin User 88 Hình 12 Thiết kế xử lý chỉnh sửa thông tin User 90 Hình 13 Album ảnh 91 Hình 14 Thiết kế xử lý Album ảnh 93 Hình 15 Khám phá địa điểm 94 Hình 16 Thiết kế xử lý khám phá địa điểm 95 Hình 17 Album ảnh địa điểm khám phá 96 Hình 18 Thiết kế xử lý Album ảnh địa điểm khám phá 97 Hình 19 Theo dõi người dùng 98 Hình 20 Thiết kế xử lý theo dõi người dùng 99 CHƯƠNG 5: KIỂM THỬ PHẦN MỀM 5.1 KẾ HOẠCH KIỂM THỬ - Xây dựng kế hoạch kiểm thử: o Phạm vi kiểm thử o Chiến lược kiểm thử o Các rủi ro yếu tố bất ngờ o Môi trường kiểm thử: nhiều trình duyệt khác o Thực test testcase với Actor 5.2 QUY TRÌNH KIỂM THỬ 5.2.1 Các tính cần kiểm thử Bảng Các tính cần kiểm thử Tên Module Vai trị áp Mô tả dụng Đăng nhập Guest Guest sử dụng chức đăng nhập để thuận tiện việc đăng bài, tìm kiếm, phản hồi… Xem danh sách Post Guest Xem danh sách viết có Guest, User, Tìm kiếm thơng tin cần mong muốn trang chủ Tìm kiếm Admin Xem thông tin cá nhân User Xem thông tin cá nhân User User khác Chỉnh sửa thơng tin cá User nhân Có thể thay đổi thơng tin cá nhân sau đăng nhập (birthday, address, avatar ), xem thông tin người follow Xem viết User Xem thông tin viết Đăng viết User Đăng viết mong muốn Thích viết User Like viết, tăng lượt thích 153 Chia sẻ viết User Chia sẻ viết lên Facebook Báo cáo viết User Report User Post vi phạm Bình luận viết User Bình luận viết Xóa bình luận User Xóa nội dung bình luận Sửa bình luận User Sửa nội dung bình luận Lưu địa điểm khám User Lưu lại địa điểm nơi Tạo Album User Tạo Album ảnh cá nhân Xóa Album User Xóa Album ảnh Follower User Có thể theo dõi người dùng để có thêm nhiều user phá UnFollower viết thông tin Đăng nhập Admin Admin Đăng nhập với trạng thái quản lý Quản lý tài khoản Admin Có thể khóa người dùng người dùng vi User (lock phạm điều khoản ứng dung mở khóa unLock) có trường hợp khóa nhầm lẫn Xem thơng tin Admin Xem thông tin Post User Admin Admin phần quyền cho user để user hỗ User Phần quyền User trợ công tác quản lý Quản lý viết(Duyệt Admin Khi người dùng đăng Admin bài, khóa bài, xóa xem xét viết có phù hợp để duyệt viết) khơng Khi mà viết bị báo cáo Admin xem xét để khóa xóa viết Xem thơng tin Admin Xem thơng tin User Post 154 Xem thống kê chung Xem thống kê chung tồn thơng tin Admin ứng dung hoạt động ứng dụng Xem lịch sử vi phạm Admin Xem lịch sử vi phạm user post Admin Thay đổi mật User Post Đổi mật 5.2.2 Tiến hành testcase kiểm thử 5.2.2.1 Guest Bảng Kiểm thử với Guest ID Mơ tả Quy trình Kết mong đợi testcase Kết Trạng thái thực tế Chức Xem thông tin hiển thị Hiển thị thông tin Giống xem trang chủ trang chủ trang chủ Pass kết Xem thông tin viết Danh sách viết published User mong Danh sách User có Danh sách User đợi nhiều viết đóng góp có nhiều đóng góp Chức Chọn đăng nhập Đăng nhập Facebook Facebook đăng Đăng nhập thông quay lại trang chủ nhập tin người dùng Facebook mong Chức đợi Click vào ô search Chọn search tìm Nhập liệu cần tìm Dữ liệu cần nhập kiếm Pass Đăng nhập thành công, kết Facebook Giống Giống Pass kết kiếm Hiển thị kết quả Nhấn enter Post liên quan mong đợi Chức Click vào ô search Chọn search Giống tìm Nhập liệu cần tìm Dữ liệu cần nhập kết kiếm kiếm Nhấn enter 155 Pass Hiển thị thông báo kết mong tìm kiếm “Khơng tìm đợi thấy” Click vào tiêu đề Post Hiển thị toàn thông Giống Chức xem cần xem tin Post, Post liên kết thông tin quan Post Pass mong đợi 5.2.2.2 User Bảng Kiểm thử với User ID Mô tả Kết mong đợi Quy trình testcase Kết Trạng thực tế thái Trang đăng Post Chức Chọn đăng Hiển thị trang đăng Giống Pass đăng viết post tiêu đề của User Chức Ghi nội dung tiêu Nhập nội dung đăng viết đề mong đợi trang home kết Giống Pass Để trống tất trường kết Để trống tất Hiển thị thông báo mong đợi trường lại trường bị thiếu, thông báo Chọn đăng Chức đăng khơng thành cơng Ghi nội dung tóm Nhập nội dung đăng viết tắt Giống Pass Để trống tất trường kết Để trống tất lại mong đợi trường cịn lại Hiển thị thơng báo Chọn đăng trường bị thiếu, thông báo đăng không thành công Chức Ghi nội dung tóm Nhập nội dung đăng viết tắt Giống Pass Để trống tất trường kết Để trống tất lại trường lại 156 mong đợi Chọn đăng Hiển thị thông báo trường bị thiếu, thông báo đăng không thành công Chức Chọn ảnh cho Post Hiển thị ảnh đại diện Giống Pass đăng viết Để trống tất Post kết trường lại Để trống tất trường mong đợi Chọn đăng cịn lại Hiển thị thơng báo trường bị thiếu, thông báo đăng không thành công Chức Ghi đầy đủ nội Hiển thị thông tin Giống Pass đăng viết dung trường trường kết Chọn ảnh cho Post Hiển thị ảnh đại diện Post mong đợi Chọn đăng Thông báo đăng thành công quay trang thông tin cá nhân Chức Click vào Icon Hiển thị màu trái tim Giống Pass like Post hình trái tim chuyển sang màu đỏ, lượt kết thích tang lên Chức mong đợi Click vào mục Hiển thị mục bình luận Giống Pass bình luận bình luân chưa hình đại diện kết Nhập nội dung người dùng bình luận Hiển thị nội dung bình Nhấn enter luận mong đợi Hiển thị mục bình luận có tên người dùng nội dung bình luận Chức Click vài Icon Hiển thị hình chưa Giống Pass chia sẻ lên chia sẻ Post Icon Facebook Facebook Hiển thị hình viết mong đợi Click facebook Ghi nội dung kèm Facebook theo Post 157 kết Click đăng Hiển thị nội dung kèm thông tin Post Bài viết hiển thị facebook 10 Chức Click vào Post cần Hiển thị thông tin viết Giống Pass báo cáo xem viết 11 Hiển thị modal nhập nội kết Click vào Icon dung vi phạm report Hiển thị nội dung vi phạm Nhập nội vi phạm Hiện thị thông báo thành Chọn Ok công mong đợi Chức Click vào sửa bình Hiển thị nội dung bình Giống Pass sửa bình luận luận trước đo kết Nhập nội dung Hiển thị nội dung bình mong đợi luận bình luận luận vừa viết Nhấn enter Hiển thị thơng tin bình luận vừa cập nhật cho người dùng 12 Chức Click vào xóa Bình luận bị xóa Giống Pass xóa bình bình luận kết mong đợi luận Trang thơng tin cá nhân 13 Chức Click Icon chỉnh Hiển thị hình thơng Giống Pass sửa thông sửa thông tin cá tin cá nhân tin cá nhân nhân thay đổi thông tin để 3 Cập nhật Nếu chọn cập nhật:Thơng đóng Hiển thị nội dung tất mong đợi Chọn trường cần trường nhập nội dung kết báo cập nhật thành công, quay lại trang thông tin cá nhân, thơng tin cập nhật 158 Nếu chọn đóng: quay lại trang thông tin cá nhân ban đầu 14 15 Chức Chọn viết Hiển thị danh sách Giống Pass xem viết đăng viết đăng trạng thái kết đăng duyệt Chức 1.Chon Album mong đợi Hiển thị danh sách Giống Pass Album tạo em Album kết mong đợi 16 Chức Chọn thêm Album Hiển thị hình tạo Giống Pass tạo Album Đặt tên Album cho Album Hiển thị tên Album kết mong đợi Click tạo Hiển thị thơng báo tạo đóng thành cơng quay hình Album vừa tạo quay trước đo 17 Chức Chọn Album Hiển thị hình Album Giống Pass thêm ảnh cho Chọn thêm ảnh cần tải ảnh Album cho Album kết Hiển thị hình tải ảnh mong đợi Chọn ảnh cần Hiển thị danh sách tải lên ảnh cần tải Tải lên Hiển thị hình tải ảnh thành cơng, quay Album 18 Chức Chọn vào đồ 1 Hiển thị hình tạo địa Giống Pass khám phá địa điểm cần đến điểm kết Chọn địa điểm, Hiển thị nội dung mong đợi mô tả thông tin, thời trường địa điểm gian Hiển thị thông báo tạo Chọn tạo thành công khơng đóng thành cơng 159 19 Chức 1.Chọn theo dõi Hiển thị danh sách Giống Pass xem danh User theo dõi sách User kết mong đợi follower 20 Chúc Chọn User cần Hiển thị hình chưa Giống Pass xem thông xem tin người thông tin User kết mong đợi dùng 21 Chức Chọn theo dõi Button theo dõi User Giống Pass thay đổi, chuyển thành hủy kết follower mong đợi theo dõi 5.2.2.3 Admin Bảng Kiểm thử với Admin ID Mô tả testcase Chức login Kết mong đợi Quy trình Kết Trạng thực tế thái Vào trang đăng nhập Hiển thị trang đăng Giống Pass Admin nhập Admin kết Nhập Username (để Trường Username mong đợi trống) trống Nhập Password (để Trường Password trống) trống Click đăng nhập Thông báo trường chưa nhập thông tin Chức login Vào trang đăng nhập Hiển thị trang đăng Giống Pass Admin nhập Admin Nhập Username Hiển thị kết tên mong đợi Nhập Password (để Username Trường Password trống) Click đăng nhập trống 160 Thông báo trường Password chưa nhập thông tin Chức login Vào trang đăng nhập Hiển thị trang đăng Giống Pass Admin nhập Admin kết Nhập Username (để Trường Username mong đợi trống) trống Nhập Password Hiển thị Password Click đăng nhập dạng mã hóa **** Thơng báo trường Password chưa nhập thông tin Chức login Vào trang đăng nhập Hiển thị trang đăng Giống Pass Admin nhập Admin Nhập Username (sai) Nhập Password (sai) Username Click đăng nhập Hiển thị Password Hiển thị kết tên mong đợi dạng mã hóa **** Thơng báo Ussername Password không Chức login Vào trang đăng nhập Hiển thị trang đăng Giống Pass Admin Nhập nhập Admin Username Hiển thị kết tên mong đợi (đúng) Username Nhập Password (sai) Hiển thị Password Click đăng nhập dạng mã hóa **** Thơng Ussername báo Password không 161 Chức Vào trang đăng nhập Hiển thị trang đăng Giống Pass login Admin nhập Admin Nhập Username (sai) Nhập Hiển kết tên mong đợi thị Password Username (đúng) Hiển thị Password Click đăng nhập dạng mã hóa **** Thơng báo Ussername Password không Chức Vào trang đăng nhập Hiển thị trang đăng Giống Pass login Admin Nhập nhập Admin Username (đúng) Nhập Hiển thị kết tên mong đợi Username Password Hiển thị Password (đúng) dạng mã hóa **** Click đăng nhập Thơng báo đăng nhập thành cơng, hiển thị hình quản lý Admin Chức Đăng nhập thành Hiển thị thông tin Giống Pass xem thông tin công tổng quang ứng kết tổng quan dụng Chức viết duyệt viết chờ duyệt kết mong đợi chờ duyệt Chức Chọn viết chờ Hiển thị danh sách Giống Pass xem viết duyệt 11 kết mong đợi duyệt Chức mong đợi Chọn viết Hiển thị danh sách Giống Pass xem viết duyệt 10 Chọn viết khóa Hiển thị danh sách Giống Pass xem viết viết khóa kết mong đợi khóa 162 12 13 Chức Chọn tài khoản Hiển thị danh sách Giống Pass xem thông tin tài khoản User kết User có Chức mong đợi Chon viết Hiển thị danh sách Giống Pass khóa viết viết duyệt duyệt kết Chọn thông tin Hiển thị thông tin cụ mong đợi viết cần xem thể viết Chọn khóa viết Thơng báo khóa viết thành cơng 14 Chức Chon viết chờ Hiển thị danh sách Giống Pass duyệt viết duyệt viết chờ duyệt kết Chọn thông tin Hiển thị thông tin cụ mong đợi viết cần xem thể viết Chọn duyệt viết Thông báo viết duyệt 15 Chức mở Chon viết khóa Hiển thị danh sách Giống Pass khóa viết Chọn thơng tin viết khóa kết viết cần xem Hiển thị thông tin cụ mong đợi Chọn mở khóa thể viết Thơng báo viết mở khóa 16 Chức 1.Chọn tài khoản khóa tài khoản Hiển thị danh sách Giống Pass 2.Chọn thơng tin tài tài khoản có kết khoản cần xem Hiển thị thông tin cụ mong đợi Khóa tài khoản thể tài khoản Thơng báo khóa tài khoản thành cơng, tài khoản user chuyển sang trạng thái bị khóa 17 Chức 1.Chọn tài khoản phân quyền Hiển thị danh sách Giống Pass 2.Chọn Icon thêm tài tài khoản có kết khoản mong đợi 163 3.Điền đầy đủ thơng tin Hiển thị hình Của trường thêm thông tin User Chọn tạo tài khoản Hiển thị nội dung tất trường Thông báo tạo thành công, quay lại hình hiển thị danh sách tài khoản 18 Chức 1.Chọn tài khoản phân quyền Hiển thị danh sách Giống Pass 2.Chọn Icon thêm tài tài khoản có Điền thiếu thêm thông tin User trường sai Hiển thị nội dung format trường tất trường thông báo sai format trường thiếu sai Button tạo lúc trang thái Disable Chức Click vào báo cáo vi Hiển thị danh sách vi xem vi phạm phạm phạm User cuar User Post Post 20 Chức đổi Click Icon đổi mật Hiển thị hình đổi mật khẩu mật Nhập nội dung mật Hiển thị nội dung cần thay đổi hình đổi mật Click chọn Ok Thông báo đổi mật thành công 21 Chức đăng xuất Hiển thị hình mong đợi khoản 19 kết Click vào Icon đăng Thoát hỏi trang quản xuất lý, quay trang login 164 KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC  Xây dựng ứng dụng quản lý du lịch cá nhân với chức năng: - Đăng nhập website Facebook - Xem thông tin viết người - Đăng bài, tìm kiếm nội dung mong muốn - Tạo Album cá nhân - Quản lý thông tin cá nhân - Quản lý 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 chức năng: - Tổng quan chung website - Quản lý viết - Quản lý tài khoản - Thống kê chung website  Vận dụng thành công loại công nghệ phần mềm, công nghệ mới, ngôn ngữ đại: React Js, Node JS, Javascript ƯU ĐIỂM - Giao diện đơn giản dễ tiếp cận - Đăng nhập website Facebook - Xem thông tin, viết người - Tìm kiếm nội dung mong muốn - Tao Album riêng cho cá nhân - Quản lý thông tin cá nhân - Quản lý viết du lịch, địa điểm khám phá 165 NHƯỢC ĐIỂM - Thời gian load liệu số chức chậm - Ứng dụng phát triển web, chưa phát triển đa ứng dụng - Một vài lỗi kỹ thuật làm ảnh hưởng đến hiệu suất sản phẩm HƯỚNG PHÁT TRIỂN - Mở rộng ứng dụng nhiều tảng - Tiếp tục hồn thiện chức cịn thiếu - Sửa lỗi cải tiến kỹ thuật giúp cho hiệu suất đạt cao 166 TÀI LIỆU THAM KHẢO - [1]: https://nganbalo.com/ - [2]: https://dulichbui24.com/ - [3]: https://blog.traveloka.com/vn/ - [4]: https://www.klook.com/vi/blog/ - [5]: https://gody.vn/ - [6]: https://www.hostinger.vn/huong-dan/javascript-la-gi/ - [7]: https://freetuts.net/nodejs-la-gi-584.html https://nodejs.org/en/docs/ - [8]: https://www.hostinger.vn/huong-dan/react-la-gi-va-no-hoat-dong-nhu-the- nao/ https://reactjs.org/docs/getting-started.html - [9]: https://viblo.asia/p/framework-nestjs-gioi-thieu-part-1-GrLZDkAwKk0 https://docs.nestjs.com/ - [10]: https://wiki.matbao.net/mongodb-la-gi-tinh-nang-noi-bat-tu-mongodb-bancan-biet/ https://docs.mongodb.com/manual - [11]: https://viblo.asia/p/cung-tim-hieu-ve-graphql-07LKX4zeKV4 167 ... tài ? ?Ứng dụng quản lý du lịch cá nhân? ?? giúp cho người xem thơng tin viết nơi mà người chưa biết đến Khám phá nơi đến, quản lý thơng tin viết tạo MỤC TIÊU ĐỀ TÀI  Xây dựng ứng dụng quản lý du lịch. .. lịch cá nhân với chức năng: - Đăng nhập website Facebook - Xem thông tin, viết 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ý viết du lịch, ... dùng - Hình ảnh xếp hợp lý  Chức - Đăng nhập website Facebook - Xem thông tin viết người - Tìm kiếm nội dung mong muốn - Quản lý thông tin cá nhân - Quản lý viết du lịch, địa điểm khám phá -