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

8 Thiết kế xử lý màn hình thông tin bài viết .... 32 Danh sách xử lý giao diện bài viết chờ duyệt .... 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ữ, chi

Trang 1

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

THÀNH PHỐ HỒ CHÍ MINH

SKL 0 0 7 1 6 1

ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ PHẦN MỀM

ỨNG DỤNG QUẢN LÝ DU LỊCH CÁ NHÂN

GVHD:ThS MAI TUẤN KHÔI SVTH:TRẦN MINH TÙNG MSSV:16110516

SVTH:NGUYỄN TRƯỜNG YÊN MSSV:16110531

Trang 2

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM

KHOA CÔNG NGHỆ THÔNG TIN

- -

Đề Tài:

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIẢNG VIÊN HƯỚNG DẪN

Trang 3

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIẢNG VIÊN HƯỚNG DẪN ThS MAI TUẤN KHÔI

z

KHÓA 2016-2020

Trang 4

ĐH SƯ PHẠM KỸ THUẬT TP.HCM

******

CỘNG HÒA XHCN VIỆT NAM Độc lập – Tự do – Hạnh phúc

******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Họ và tên Sinh viên 1: Trần Minh Tùng MSSV 1: 16110516

Họ và tên Sinh viên 2: Nguyễn Trường Yên MSSV 2: 16110531

Ngành: Công nghệ Thông tin

Tên đề tài: ƯNG DỤNG QUẢN LÝ DU LỊCH CÁ NHÂN

Họ và tên giảng viên hướng dẫn: ThS Mai Tuấn Khôi

NHẬN XÉT

1 Về nội dung đề tài và khối lượng thực hiện

………

2 Ưu điểm ………

………

3 Khuyết điểm ………

………

4 Đề nghị cho phản biện hay không?

5 Đánh giá loại:

6 Điểm:

TP Hồ Chí Minh, ngày…tháng…năm 2020

Giảng viên hướng dẫn

(Ký & ghi rõ họ tên)

Trang 5

ĐH SƯ PHẠM KỸ THUẬT TP.HCM

******

CỘNG HÒA XHCN VIỆT NAM Độc lập – Tự do – Hạnh phúc

******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN

Ngành: Công nghệ Thông tin

Tên đề tài: ỨNG DỤNG QUẢN LÝ DU LỊCH CÁ NHÂN

Họ và tên giảng viên phản biện: Ths.Nguyễn Minh Đạo

NHẬN XÉT

1 Về nội dung đề tài và khối lượng thực hiện

………

2 Ưu điểm ………

………

3 Khuyết điểm ………

………

4 Đề nghị cho phản biện hay không?

5 Đánh giá loại:

6 Điểm:

TP Hồ Chí Minh, ngày…tháng…năm 2020

Giảng viên phản biện

(Ký & ghi rõ họ tên)

Trang 6

LỜI CẢM ƠN

Nhóm em xin chân thành cảm ơn Ban Giám hiệu trường Đại học Sư phạm Kỹ Thuật Thành phố Hồ Chí Minh đã tạo điều kiện, môi trường học tập, hiệu quả để nhóm em có thể phát huy một cách tốt nhất quá trình nghiên cứu, bảo vệ đồ án tốt nghiệp

Xin gửi lời cảm ơn đến quý thầy cô khoa Công nghệ Thông tin trường Đại học Sư phạm Kỹ thuật TP.HCM cùng tất cả các thầy giáo, cô giáo đã tận tình giảng dạy và giúp đỡ chúng em trong suốt quá trình học tập, nghiên cứu để có những nền tảng kiến thức chuyên ngành vững chắc cộng thêm với những kinh nhiệm và yêu cầu thực tế ngoài xã hội thông qua việc học ở trường, những chuyến đi thực tế thu thập ý kiến người dùng

Đặc biệt, nhóm xin bày tỏ lòng biết ơn sâu sắc đến thầy Mai Tuấn Khôi - người đã trực tiếp giảng dạy và hướng dẫn tạo mọi điều kiện thuận lợi giúp đỡ em trong quá trình thực hiện đề tài Những vốn kiến thức được tiếp thu trong quá trình hưỡng dẫn và giúp đỡ của thầy không chỉ là nền tảng cho quá trình nghiên cứu khóa luận mà còn là hành trang quý báu để em bước vào đời một cách vững vàng và tự tin hơn

Mặc dù đã có nhiều cố gắng trong quá trình nghiên cứu, xong do khả năng, kinh nghiệm của bản thân có hạn, do giới hạn kiến thức và khả năng lý còn nhiều thiếu sót nên tiểu luân của nhóm không tránh khỏi những hạn chế và thiếu sót Vì vậy nhóm rất mong được sự chỉ dẫn và đóng góp của thầy để khóa luận của nhóm em được hoàn thiện hơn

Nhóm em xin chân thành cảm ơn!

Trang 7

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM

KHOA CNTT

******

Thời gian làm khóa luận từ 30/03/2020 đến 19/07/2020

Ngành: Công nghệ thông tin

Chuyên ngành: Công nghệ phần mềm

Tên đề tài: ỨNG DỤNG QUẢN LÝ DU LỊCH CÁ NHÂN

Họ và tên Giáo viên hướng dẫn: ThS Mai Tuấn Khôi

Nhiệm vụ thực hiện:

1 Khảo sát hiện trang các wedsite liên quan tới ứng dung, phân tích hiện trạng thực

tế

2 Tìm hiểu về React Js, Node JS, Javascript , các thư viện Nestjs, , gql , apollo…

2 Tìm hiểu và vận dụng cơ sở dữ liệu Mongodb, GraphQL vào trong ứng dụng

4 Thiết kế giao diện sản phẩm dựa trên các usecase đã phân tích

5 Báo cáo đầy đủ nội dung theo yêu cầu của Khoa

Đề cương viết tiểu luận:

MỤC LỤC

Giới thiệu đề tài

1 Tính cấp thiết của đề tài

2 Mục tiêu đề tài

3 Kết cầu đề tài

Chương 1: Khảo sát hiện trạng

Trang 8

2.2 Chi tiết các Actor

2.3 Mô hình hóa yêu cầu

Chương 3: Thiết kế giao diện và xử lý

3.1 Đối tượng Guest

3.2 Đối tượng User

3.3 Đối tượng Admin

Trang 9

2 Ưu điểm

3 Nhược điểm

4 Hướng phát triển Tài liệu tham khảo

Trang 10

ĐỀ CƯƠNG TIỂU LUẬN STT Thời gian Công việc đã làm

1 Tuần 1(30/3/2020) Khảo sát hiện trạng, xác định yêu cầu

2 Tuần 2(06/4/2020) Vẽ useCase, đặc tả useCase

3 Tuần 3(13/4/2020) Hoàn thiện đặc tả useCase, thiết kế cơ sở dữ liệu

4 Tuần 4(20/4/2020) Thiết kế giao diện User, Thiết kế xử lý

5 Tuần 5(24/4/2020) Thiết kế giao diện Admin, Thiết kế xử lý

6 Tuần 6(04/5/2020) Tìm hiểu về React Js, Node JS, hệ quản trị cơ sở dữ liệu

MongoDB, các thư viện hổ trợ Nest Js, qgl

7 Tuần 7(11/5/2020) Viết backend cho User

Kết nối cơ sở dữ liệu với MongoDB

8 Tuần 8(18/5/2020) Hoàn thiện User 80%

9 Tuần 9(01/6/2020) Viết backend cho Admin

Kết nối cơ sở dữ liệu với MongoDB

10 Tuần 10(08/6/2020) Hoàn thiện 70%

11 Tuần 11(15/6/2020) Chỉnh sửa, thay đổi một số bảng cơ sở dữ liệu

12 Tuần 12(22/6/2020) Hoàn thiện sản phẩm 80%, viết báo cáo

13 Tuần 13(29/6/2020) Hoàn thiện chức năng thống kê, kiểm lỗi

14 Tuần 14(6/7/2020) Test sản phẩm, viết báo cáo

15 Tuần 15(13/7/2020) Viết báo cáo

16

Trang 11

MỤ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

1.5 GODY.VN [5] 14

Ưu điểm: 16

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 12

2.2.3 Moderator 22

2.2.4 Admin 23

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

2.3.3.2 Xét nghiệp vụ duyệt bài viết 54

Trang 13

2.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.3 Thiết kế xử lý 78

3.2 ĐỐI TƯỢNG USER 79

3.2.1 Trang chủ 79

Trang 14

3.2.2 Chỉnh sửa thông tin bài viết 81

3.2.2.3 Thiết kế xử lý 82

3.2.3 Thông tin cá nhân và bài viết 84

3.2.3.3 Thiết kế xử lý 86

3.2.4 Chinh sửa thông tin 88

3.2.4.3 Thiết kế xử lý 90

3.2.5 Album cá nhân 91

3.2.5.3 Thiết kế xử lý 93

3.2.6 Khám phá địa điểm 94

3.2.6.3 Thiết kế xử lý 95

3.2.7 Album ảnh của địa điểm khám phá 96

3.2.7.3 Thiết kế xử lý 97

3.2.8 Theo dõi người dùng 98

3.2.8.3 Thiết kế xử lý 99

Trang 15

3.2.9 Báo cáo vị phạm User hoặc Post 100

3.2.9.3 Thiết kế xử lý 101

3.3 ĐỐI TƯỢNG ADMIN 102

3.3.1 Đăng nhập Admin 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.2 Tổng quan 104

3.3.2.3 Thiết kế xử lý 106

3.3.3 Bài viết đã duyệt 108

3.3.3.3 Thiết kế xử lý 109

3.3.4 Post preview 110

3.3.4.1 Thiết kế giao diên 110

3.3.4.3 Thiết kế xử lý 111

3.3.5 Bài viết chờ duyệt 113

3.3.5.3 Thiết kế xử lý 114

3.3.6.3 Thiết kế xử lý 116

Trang 16

3.3.7 Bài viết đã khóa 117

3.3.7.3 Thiết kế xử lý 118

3.3.8.3 Thiết kế xử lý 119

3.3.9 Tài khoản 120

3.3.9.3 Thiết kế xử lý 121

3.3.10 Account preview 122

3.3.10.3 Thiết kế xử lý 123

3.3.11 Tạo tài khoản quản lý 125

3.3.11.3 Thiết kế xử lý 126

3.3.12 Phân quyền 127

3.3.12.3 Thiết kế xử lý 129

3.3.13 Thống kê 130

3.3.3.13 Thiết kế xử lý 132

3.3.14 Quản lý báo cáo vi phạm 133

Trang 17

3.3.14.3 Thiết kế xử lý 134

3.3.15 Đổi mật khẩu 135

3.3.15.3 Thiết kế 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 18

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 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 19

MỤ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 20

Hì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

Hình 3 20 Thiết kế xử lý theo dõi người dùng 99

Trang 21

Hì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 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 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 23

MỤ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 24

Bả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 Bảng 3 19 Danh sách mô tả theo dõi người dùng 99

Trang 25

Bả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 26

Bả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 27

PHẦ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 28

- 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 29

PHẦN NỘI DUNG CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG

Trang 31

Hì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 33

Hình 1 2 Trang chủ Dulichbui24

 Ưu điểm:

 Giao diện:

- 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:

Trang 34

- 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

- 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 35

1.3 HOME – BLOG DU LỊCH TRAVELOKA VIỆT [3]

Trang 36

Hình 1 3 Trang chủ Home-bolg du lịch Traveloka Việt

Trang 37

 Ưu điểm:

 Giao diện:

- Giao diện tiện ích, đơn giản, dễ sử dụng

- Có thông tin chi tiết từng hành trình du lịch

 Chức năng:

- 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

- 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 38

1.4 BLOG DU LỊCH TỰ TÚC [4]

Trang 39

Hình 1 4 Trang chủ blog du lịch tự túc

 Ưu điểm:

 Giao diện:

- Có thông tin chi tiết từng hành trình du lịch

 Chức năng:

- 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é…

- Theo dõi trang web bằng facebook, gmail, chia sẻ bài viết…

Trang 40

1.5 GODY.VN [5]

Định dạng
Số trang	194
Dung lượng	8,77 MB