Tải bản đầy đủ (.pdf) (116 trang)

(Đồ án tốt nghiệp) Xây dựng website hỏi đáp trực tuyến về công nghệ

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (5.11 MB, 116 trang )

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO



ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE HỎI ĐÁP TRỰC TUYẾN
VỀ CÔNG NGHỆ

Sinh viên thực hiện:

MSSV

TRẦN TẤN Q

16110196

PHẠM HỒNG VIỆT

16110547

Khóa: 2016
Ngành: Cơng nghệ thơng tin
GVHD: TS. HUỲNH XUÂN PHỤNG

Thành phố Hồ Chí Minh, tháng 07 năm 2020


TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO





ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE HỎI ĐÁP TRỰC TUYẾN
VỀ CÔNG NGHỆ

Sinh viên thực hiện:

MSSV

TRẦN TẤN Q

16110196

PHẠM HỒNG VIỆT

16110547

Khóa: 2016
Ngành: Cơng nghệ thơng tin
GVHD: TS. HUỲNH XUÂN PHỤNG

Thành phố Hồ Chí Minh, tháng 07 năm 2020


LỜI CẢM ƠN
Để có thể hồn thành được khố luận tốt nghiệp, người thực hiện khoá luận xin gửi lời cảm
ơn chân thành đến giảng viên hướng dẫn TS. Huỳnh Xuân Phụng, đã có những góp ý, chỉnh

sửa, bổ sung để khố luận được hồn thiện.
Người thực hiện khố luận cũng xin gửi lời cảm ơn đến các giảng viên, các thầy cô trong
hội đồng phản biện, hội đồng bảo vệ đã có những góp ý sâu sắc, giúp đề tài được hồn
thiện hơn.
Xin chân thành cảm ơn!
Nhóm sinh viên thực hiện

iv


MỤC LỤC
NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ................................................................................. i
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ................................................ ii
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN .................................................. iii
LỜI CẢM ƠN ................................................................................................................... iv
MỤC LỤC .......................................................................................................................... v
DANH SÁCH HÌNH ẢNH ............................................................................................... ix
DANH SÁCH BẢNG ........................................................................................................ xi
NỘI DUNG ......................................................................................................................... 1
Chương 1: TỔNG QUAN ................................................................................................. 1
1.1. Giới thiệu đề tài ....................................................................................................... 1
1.2. Mục tiêu đề tài ......................................................................................................... 1
1.3. Lược đồ usecase ....................................................................................................... 2
1.4. Mô tả usecase ........................................................................................................... 3
1.4.1. Mô tả usecase đăng nhập/đăng ký ................................................................... 3
1.4.2. Mô tả các usecase các chức năng dùng chung ................................................ 4
1.4.3. Mô tả usecase chức năng của người dùng ...................................................... 7
1.4.3.1. Thêm/xóa/sửa câu hỏi cá nhân .................................................................. 7
1.4.3.2. Thêm/xóa/sửa câu trả lời cá nhân ........................................................... 10
1.4.3.3. Chức năng đánh giá câu hỏi/câu trả lời và nhắn tin ............................. 13

1.4.3.4. Chức năng quản lý thông tin cá nhân .................................................... 16
1.4.4. Mô tả usecase chức năng quản trị ................................................................. 21
Chương 2: CƠ SỞ LÝ THUYẾT ................................................................................... 26
2.1. Công nghệ .............................................................................................................. 26
2.1.1. PHP .................................................................................................................. 26
2.1.1.1. PHP là gì? .................................................................................................. 26
2.1.1.2. Ưu điểm của PHP [2] ............................................................................... 26
2.1.1.3. Nhược điểm của PHP ............................................................................... 27
2.1.2. Laravel Framework ........................................................................................ 27

v


2.1.2.1. Laravel là gì? ............................................................................................ 27
2.1.2.2. Ưu điểm của Laravel ................................................................................ 27
2.1.2.3. Nhược điểm của Laravel .......................................................................... 27
2.1.3. MongoDB ......................................................................................................... 28
2.1.3.1. MongoDB là gì .......................................................................................... 28
2.1.3.2. Ưu điểm của MongoDB............................................................................ 28
2.1.3.3. Nhược điểm của MongoDB ..................................................................... 28
2.1.4. Pusher .............................................................................................................. 29
2.1.4.1. Pusher là gì? [3] ........................................................................................ 29
2.1.4.2. Ưu điểm của Pusher ................................................................................. 29
2.1.4.3. Nhược điểm của Pusher ........................................................................... 29
2.1.5. Docker .............................................................................................................. 29
2.1.5.1. Docker là gì? ............................................................................................. 29
2.1.5.2. Ưu điểm của Docker [5] ........................................................................... 29
2.1.5.3. Nhược điểm của Docker........................................................................... 30
2.2. Thiết kế kiến trúc................................................................................................... 30
2.3. Thiết kế giao diện................................................................................................... 32

2.3.1. Giao diện đăng ký ........................................................................................... 32
2.3.2. Giao diện đăng nhập ....................................................................................... 33
2.3.3. Giao diện trang chủ ........................................................................................ 34
2.3.4. Giao diện câu hỏi............................................................................................. 36
2.3.5. Giao diện thêm câu trả lời.............................................................................. 39
2.3.6. Giao diện sửa câu trả lời ................................................................................ 40
2.3.7. Giao diện đặt câu hỏi ...................................................................................... 41
2.3.8. Giao diện sửa câu hỏi...................................................................................... 42
2.3.9. Giao diện hồ sơ người dùng ........................................................................... 43
2.3.10. Giao diện quản lý thông tin cá nhân ........................................................... 44
2.3.11. Giao diện đổi mật khẩu ................................................................................ 45
2.3.12. Giao diện quản lý câu hỏi cá nhân .............................................................. 46
2.3.13. Giao diện quản lý câu trả lời cá nhân ......................................................... 47

vi


2.3.14. Giao diện xem danh sách các tag................................................................. 48
2.3.15. Giao diện xem danh sách người dùng hệ thống ......................................... 49
2.3.16. Giao diện trang kết quả tìm kiếm ............................................................... 50
2.3.17. Giao diện xem câu hỏi theo tag .................................................................... 51
2.3.18. Giao diện trang liên hệ ................................................................................. 53
2.3.19. Giao diện hệ thống chat ................................................................................ 54
2.3.20. Giao diện cuộc trò chuyện ............................................................................ 55
2.3.21. Giao diện quản lý người dùng ..................................................................... 56
2.3.22. Giao diện quản lý câu hỏi của người dùng ................................................. 57
2.3.23. Giao diện quản lý câu hỏi của người dùng cụ thể...................................... 58
2.3.24. Giao diện quản lý câu trả lời của người dùng cụ thể ................................ 59
2.4. Class diagram......................................................................................................... 60
2.5. Mô tả class diagram .............................................................................................. 61

2.6. Thiết kế cơ sở dữ liệu ............................................................................................ 75
2.7. Sequence diagram ................................................................................................. 79
2.7.1. Đăng ký ............................................................................................................ 79
2.7.2. Đăng nhập ........................................................................................................ 81
2.7.3. Tạo câu hỏi ...................................................................................................... 83
2.7.4. Chỉnh sửa câu hỏi ........................................................................................... 85
2.7.5. Xoá câu hỏi của cá nhân ................................................................................. 87
2.7.6. Thêm câu trả lời .............................................................................................. 88
2.7.7. Chỉnh sửa câu trả lời ...................................................................................... 90
2.7.8. Tìm kiếm câu hỏi............................................................................................. 92
2.7.9. Filter câu hỏi (chưa có câu trả lời, theo tuần, tháng, năm) ........................ 93
2.7.10. Xem danh sách category .............................................................................. 94
2.7.11. Xem danh sách user ...................................................................................... 95
2.7.12. Xem thông tin cá nhân người dùng ............................................................. 96
2.7.13. Xem topic (câu hỏi + câu trả lời) ................................................................. 97
2.7.14. Xoá người dùng (admin) .............................................................................. 98
Chương 3: MÔI TRƯỜNG CÀI ĐẶT ĐỒ ÁN ........................................................... 100
Chương 4: TỔNG KẾT ................................................................................................. 101

vii


4.1. Kết quả ................................................................................................................. 101
4.2. Ưu điểm ................................................................................................................ 101
4.3. Nhược điểm .......................................................................................................... 102
4.4. Hướng phát triển ................................................................................................. 102
4.5. Mã nguồn ............................................................................................................. 102
TÀI LIỆU THAM KHẢO............................................................................................. 103

viii



DANH SÁCH HÌNH ẢNH
Hình 1. 1. Lược đồ usecase của Diễn đàn hỏi đáp TechSolution ....................................... 2
-----------Hình 2. 1.Kiến trúc hệ thống............................................................................................. 30
Hình 2. 2. Giao diện đăng ký ............................................................................................ 32
Hình 2. 3. Giao diện đăng nhập ........................................................................................ 33
Hình 2. 4. Giao diện trang chủ .......................................................................................... 34
Hình 2. 5. Giao diện câu hỏi ............................................................................................. 36
Hình 2. 6. Giao diện thêm câu trả lời ................................................................................ 39
Hình 2. 7. Giao diện sửa câu trả lời .................................................................................. 40
Hình 2. 8. Giao diện đặt câu hỏi ....................................................................................... 41
Hình 2. 9. Giao diện sửa câu hỏi ....................................................................................... 42
Hình 2. 10. Giao diện hồ sơ người dùng ........................................................................... 43
Hình 2. 11. Giao diện quản lý thơng tin cá nhân .............................................................. 44
Hình 2. 12. Giao diện đổi mật khẩu .................................................................................. 45
Hình 2. 13. Giao diện quản lý câu hỏi cá nhân ................................................................. 46
Hình 2. 14. Giao diện quản lý câu trả lời cá nhân ............................................................ 47
Hình 2. 15. Giao diện xem danh sách tag ......................................................................... 48
Hình 2. 16. Giao diện xem danh sách người dùng hệ thống............................................. 49
Hình 2. 17. Giao diện trang kết quả tìm kiếm................................................................... 50
Hình 2. 18. Giao diện xem câu hỏi theo tag ..................................................................... 51
Hình 2. 19. Giao diện trang liên hệ ................................................................................... 53
Hình 2. 20. Giao diện hệ thống chat ................................................................................. 54
Hình 2. 21. Giao diện cuộc trị chuyện ............................................................................. 55
Hình 2. 22. Giao diện quản lý người dùng………………………………………………56
Hình 2. 23. Giao diện quản lý câu hỏi người dùng ........................................................... 57
Hình 2. 24. Giao diện quản lý câu hỏi của người dùng cụ thể ......................................... 58
Hình 2. 25. Giao diện quản lý câu trả lời của người dùng cụ thể ..................................... 59
Hình 2. 26. Class diagram ................................................................................................. 60

Hình 2. 27. Thiết kế cơ sở dữ liệu..................................................................................... 75
Hình 2. 28. Sequence diagram 'Đăng ký' .......................................................................... 79
Hình 2. 29. Sequence diagram 'Đăng nhập ....................................................................... 81
Hình 2. 30. Sequence diagram 'Tạo câu hỏi' ..................................................................... 83
Hình 2. 31. Sequence diagram 'Chỉnh sửa câu hỏi'........................................................... 85
Hình 2. 32. Sequence diagram 'Xóa câu hỏi của cá nhân' ................................................ 87
Hình 2. 33. Sequence diagram 'Thêm câu trả lời' ............................................................. 88
Hình 2. 34. Sequence diagram 'Chỉnh sửa câu trả lời' ...................................................... 90
Hình 2. 35. Sequence diagram 'Tìm kiếm câu hỏi' ........................................................... 92
Hình 2. 36. Sequence diagram ‘Filter câu hỏi'.................................................................. 93

ix


Hình 2. 37. Sequence diagram ‘Xem danh sách category’ ............................................... 94
Hình 2. 38. Sequence diagram ‘Xem danh sách user’ ...................................................... 95
Hình 2. 39. Sequence diagram ‘Xem thơng tin cá nhân người dùng’ .............................. 96
Hình 2. 40. Sequence diagram ‘Xem topic’...................................................................... 97
Hình 2. 41. Sequence diagram ‘Xố người dùng (admin)’............................................... 98

x


DANH SÁCH BẢNG
Bảng 1. 1. Mô tả usecase 'Đăng ký' .................................................................................... 3
Bảng 1. 2. Mô tả usecase ‘Đăng nhập’ ............................................................................... 3
Bảng 1. 3. Mô tả usecase 'Filter câu hỏi' ............................................................................. 4
Bảng 1. 4. Mơ tả usecase 'Tìm kiếm câu hỏi' ...................................................................... 5
Bảng 1. 5. Mô tả usecase 'Xem danh sách category' ........................................................... 5
Bảng 1. 6. Mô tả usecase 'Xem danh sách người dùng' ...................................................... 6

Bảng 1. 7. Mô tả usecase 'Xem trang cá nhân người dùng' ................................................ 6
Bảng 1. 8. Mô tả usecase 'Xem câu hỏi/câu trả lời' ............................................................ 7
Bảng 1. 9. Mô tả usecase 'Quản lý câu hỏi cá nhân' ........................................................... 7
Bảng 1. 10. Mô tả usecase 'Đặt câu hỏi' .............................................................................. 8
Bảng 1. 11. Mô tả usecae 'Sửa câu hỏi' ............................................................................... 8
Bảng 1. 12. Mơ tả usecase 'Xóa câu hỏi' ............................................................................. 9
Bảng 1. 13. Mô tả usecase 'Quản lý câu trả lời cá nhân' ................................................... 10
Bảng 1. 14. Mô tả usecase 'Thêm câu trả lời' .................................................................... 10
Bảng 1. 15. Mô tả usecae 'Sửa câu trả lời’ ........................................................................ 11
Bảng 1. 16. Mơ tả usecase 'Xóa câu trả lời’ ...................................................................... 12
Bảng 1. 17. Mô tả usecase 'Đánh giá câu hỏi/câu trả lời'.................................................. 13
Bảng 1. 18. Mô tả usecase 'Sử dụng hệ thống chat’ ......................................................... 14
Bảng 1. 19. Mô tả usecase 'Đánh giá câu trả lời hay nhất' ................................................ 15
Bảng 1. 20. Mô tả usecase ‘Quản lý hồ sơ cá nhân’ ......................................................... 16
Bảng 1. 21. Mô tả usecase 'Thay đổi ảnh đại diện' ........................................................... 16
Bảng 1. 22. Mô tả usecase 'Thay đổi thông tin cá nhân' ................................................... 17
Bảng 1. 23. Mô tả usecase 'Thay đổi mật khẩu' ................................................................ 19
Bảng 1. 24. Mô tả usecase 'Xem các câu hỏi/câu trả lời đã tạo' ....................................... 20
Bảng 1. 25. Mô tả usecase 'Đăng xuất'.............................................................................. 21
Bảng 1. 26. Mô tả usecase 'Quản lý câu hỏi của người dùng' ........................................... 21
Bảng 1. 27. Mơ tả usecase 'Xóa câu hỏi của người dùng' ................................................. 22
Bảng 1. 28. Mô tả usecase 'Quản lý câu trả lời của người dùng' ...................................... 23
Bảng 1. 29. Mơ tả usecase 'Xóa câu trả lời của người dùng' ............................................ 23
Bảng 1. 30. Mô tả usecase 'Quản lý người dùng' .............................................................. 24
Bảng 1. 31. Mô tả usecase 'Xóa người dùng' .................................................................... 25

xi


Bảng 2. 1. Bảng đặc tả giao diện đăng ký ......................................................................... 32

Bảng 2. 2. Bảng đặc tả giao diện đăng nhập ..................................................................... 33
Bảng 2. 3. Bảng đặc tả giao diện trang chủ....................................................................... 34
Bảng 2. 4. Bảng đặc tả giao diện câu hỏi .......................................................................... 37
Bảng 2. 5. Bảng đặc tả giao diện thêm câu trả lời ............................................................ 39
Bảng 2. 6. Bảng đặc tả giao diện sửa câu trả lời ............................................................... 40
Bảng 2. 7. Bảng đặc tả giao diện đặt câu hỏi .................................................................... 41
Bảng 2. 8. Bảng đặc tả giao diện sửa câu hỏi ................................................................... 42
Bảng 2. 9. Bảng đặc tả giao diện hồ sơ người dùng ......................................................... 43
Bảng 2. 10. Bảng đặc tả giao diện quản lý thông tin cá nhân ........................................... 44
Bảng 2. 11. Bảng đặc tả giao diện đổi mật khẩu............................................................... 45
Bảng 2. 12. Bảng đặc tả giao diện quản lý câu hỏi cá nhân .............................................. 46
Bảng 2. 13. Bảng đặc tả giao diện quản lý câu trả lời cá nhân ......................................... 47
Bảng 2. 14. Bảng đặc tả giao diện danh sách tag .............................................................. 48
Bảng 2. 15. Bảng đặc tả giao diện xem danh sách người dùng trong hệ thống ................ 49
Bảng 2. 16. Bảng đặc tả giao diện trang kết quả tìm kiếm ............................................... 50
Bảng 2. 17. Bảng đặc tả giao diện xem câu hỏi theo tag .................................................. 51
Bảng 2. 18. Bảng đặc tả giao diện trang liên hệ................................................................ 53
Bảng 2. 19. Bảng đặc tả giao diện hệ thống chat .............................................................. 54
Bảng 2. 20. Bảng đặc tả giao diện cuộc trò chuyện .......................................................... 55
Bảng 2. 21. Bảng đặc tả giao diện quản lý người dùng .................................................... 56
Bảng 2. 22. Bảng đặc tả giao diện quản lý câu hỏi người dùng ....................................... 57
Bảng 2. 23. Bảng đặc tả giao diện quản lý câu hỏi của người dùng cụ thể ...................... 58
Bảng 2. 24. Bảng đặc tả giao diện quản lý câu trả lời của người dùng cụ thể .................. 59
Bảng 2. 25. Mô tả class Category ..................................................................................... 61
Bảng 2. 26. Mô tả class Question ...................................................................................... 61
Bảng 2. 27. Mô tả class User ............................................................................................ 62
Bảng 2. 28. Mô tả class Answer ........................................................................................ 63
Bảng 2. 29. Mô tả class Notification ................................................................................. 63
Bảng 2. 30. Mô tả class LikeDislike ................................................................................. 64
Bảng 2. 31. Mô tả class Message ...................................................................................... 64

Bảng 2. 32. Mô tả class AdminHomeController ............................................................... 65
Bảng 2. 33. Mô tả class UserController ............................................................................ 66
Bảng 2. 34. Mô tả class AnswerController ....................................................................... 68
Bảng 2. 35. Mô tả class HomeController .......................................................................... 68
Bảng 2. 36. Mô tả class QuestionController ..................................................................... 70
Bảng 2. 37. Mô tả class SignUpController ....................................................................... 71
Bảng 2. 38. Mô tả class SignInContrller ........................................................................... 72
Bảng 2. 39. Mô tả class ViewTopicController.................................................................. 72
Bảng 2. 40. Mô tả class MessagesHomeController .......................................................... 74

xii


Bảng 2. 41. Mô tả collection Users ................................................................................... 76
Bảng 2. 42. Mô tả collection Questions ............................................................................ 76
Bảng 2. 43. Mô tả collection Answers .............................................................................. 77
Bảng 2. 44. Mô tả collection Categories ........................................................................... 77
Bảng 2. 45. Mô tả collection Notifications ....................................................................... 77
Bảng 2. 46. Mô tả collection Like_Dislike ....................................................................... 78
Bảng 2. 47. Mô tả collection Message .............................................................................. 78

xiii


Báo cáo Đồ án tốt nghiệp

NỘI DUNG
Chương 1: TỔNG QUAN
1.1. Giới thiệu đề tài
- TechSolution là trang web được xây dựng với mục đích là một diễn đàn hỏi đáp,

nơi tất cả mọi người đều có thể tham gia đặt những câu hỏi hoặc giải đáp các vấn
đề cho nhau. Đây là đề tài mà nhóm viết báo cáo tiếp tục sử dụng và phát triển từ
đề tài Tiểu luận chuyên ngành tại Học kỳ I – năm học 2019/2020.
- Diễn đàn được xây dựng với tiêu chí hỗ trợ những người muốn học hỏi, tiếp thu
thêm kiến thức mới hay có những thắc mắc cần giải đáp về mặt cơng nghệ sẽ đặt
ra những câu hỏi về nhiều khía cạnh khác nhau trong các lĩnh vực công nghệ.
- Thông qua các câu hỏi được đề ra, những người đã có kiến thức, kinh nghiệm
làm việc trong lĩnh vực được đề cập sẽ giúp đỡ, giải đáp những thắc mắc cho
người hỏi. Từ đó xây dựng nên một cộng đồng lớn mạnh với vô vàn kiến thức và
tài liệu về những vấn đề trong lĩnh vực công nghệ thông tin.
1.2. Mục tiêu đề tài
Xây dựng website hỏi đáp trực tuyến về công nghệ:
- Xây dựng chức năng hỏi đáp.
- Xây dựng chức năng quản lý người dùng, câu hỏi và câu trả lời.
- Xây dựng chức năng chat real-time.
- Xây dựng tính năng tìm kiếm nâng cao.

Chương 1: TỔNG QUAN

1


Báo cáo Đồ án tốt nghiệp
1.3. Lược đồ usecase

Hình 1. 1. Lược đồ usecase của Diễn đàn hỏi đáp TechSolution

Chương 1: TỔNG QUAN

2



Báo cáo Đồ án tốt nghiệp

1.4. Mô tả usecase
1.4.1. Mô tả usecase đăng nhập/đăng ký
Bảng 1. 1. Mô tả usecase 'Đăng ký'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Đăng ký
Cho phép khách đăng ký tài khoản mới
Khách
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Nhấn nút ‘Sign up’
3
Hiện ra giao diện đăng ký
4
Nhập đầy đủ thông tin yêu
cầu
5

Nhấn nút ‘Sign up’ để tạo
tài khoản mới
6
Lưu tài khoản vừa tạo xuống
database
- Kết nối internet
- Khi khách đăng ký thành công, hiện ra giao diện đăng nhập
- Khi khách đăng ký thất bại, hiển thị lỗi

Bảng 1. 2. Mô tả usecase ‘Đăng nhập’
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Đăng nhập
Cho phép khách đăng nhập vào website
Khách
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Nhấn nút ‘Sign in’
3
Hiện ra giao diện đăng nhập

Chương 1: TỔNG QUAN

3



Báo cáo Đồ án tốt nghiệp
4

Điều kiện cần
Kết quả

Nhập tài khoản & mật
khẩu sau đó click nút
‘Login’

5
Xử lý tài khoản và mật khẩu
- Đã có tài khoản trong hệ thống
- Kết nối internet
- Khi khách đăng nhập thành công, chuyển đến trang chủ
- Khi khách đăng nhập thất bại, hiển thị lỗi

1.4.2. Mô tả các usecase các chức năng dùng chung
Bảng 1. 3. Mô tả usecase 'Filter câu hỏi'
Tên usecase
Mô tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Filter câu hỏi

Cho phép khách xem câu hỏi dựa trên các tiêu chí
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Chọn filter câu hỏi theo:
- Chưa có câu trả lời
- Theo tuần
- Theo tháng
- Theo năm
3
Hiện ra các câu hỏi dựa trên
tiêu chí
- Kết nối internet
- Khi câu hỏi được lọc dựa theo tiêu chí, các câu hỏi sẽ được
hiển thị lên trang chủ
- Khi không thể load được câu hỏi, hiện ra thông báo lỗi

Chương 1: TỔNG QUAN

4


Báo cáo Đồ án tốt nghiệp
Bảng 1. 4. Mô tả usecase 'Tìm kiếm câu hỏi'
Tên usecase
Mơ tả
Actor

Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Filter câu hỏi
Cho phép khách và người dùng tìm kiếm câu hỏi
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Nhập thơng tin cần tìm
kiếm vào field ‘Search’
3
Hiện ra các câu hỏi dựa trên
thông tin được nhập vào
- Kết nối internet
- Khi câu hỏi có tồn tại dựa trên thông tin đầu vào, các câu hỏi
sẽ được hiển thị lên trang chủ
- Khi khơng thể load/tìm được câu hỏi, hiện ra thông báo lỗi

Bảng 1. 5. Mơ tả usecase 'Xem danh sách category'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Kết quả

Xem danh sách category
Cho phép khách và người dùng xem category của câu hỏi
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Chọn ‘Category’
3
Hiện ra danh sách category
câu hỏi có trong hệ thống
- Kết nối internet
- Khi category được load thành công, thông tin sẽ được hiển thị
lên trang chủ
- Khi không thể load được category, hiện ra thông báo lỗi

Chương 1: TỔNG QUAN

5


Báo cáo Đồ án tốt nghiệp
Bảng 1. 6. Mô tả usecase 'Xem danh sách người dùng'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ


Điều kiện cần
Kết quả

Xem danh sách người dùng
Cho phép khách và người dùng xem danh sách người dùng
trong hệ thống
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Chọn ‘Users’
3
Hiện ra danh sách người
dùng có trong hệ thống
- Kết nối internet
- Khi danh sách người dùng được load thành công, hiển thị ra
danh sách người dùng trong hệ thống
- Khi không thể load được danh sách người dùng, hiện ra thông
báo lỗi

Bảng 1. 7. Mô tả usecase 'Xem trang cá nhân người dùng'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Kết quả

Xem trang cá nhân người dùng
Cho phép khách và người dùng xem trang cá nhân của người
dùng khác có trong hệ thống
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Click vào tên của một user
bất kỳ
3
Hiện ra trang cá nhân của
username được click
- Kết nối internet
- Khi trang cá nhân người dùng được load thành cơng, trang cá
nhân đó sẽ được hiển thị
- Khi khơng thể load được trang cá nhân người dùng, hiện ra
thông báo lỗi

Chương 1: TỔNG QUAN

6


Báo cáo Đồ án tốt nghiệp
Bảng 1. 8. Mô tả usecase 'Xem câu hỏi/câu trả lời'
Tên usecase

Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Xem câu hỏi/câu trả lời
Cho phép khách và người dùng xem bất kỳ câu hỏi, câu trả lời
nào có trong hệ thống
Khách và người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Click vào một câu hỏi bất
kỳ
3
Hiện ra thông tin về câu hỏi
và các câu trả lời bên trong
(nếu có)
- Kết nối internet
- Khi câu hỏi được load thành công, câu hỏi và câu trả lời (nếu
có) sẽ được hiển thị đến người xem
- Khi khơng thể load câu hỏi được click vào, hiện ra thông báo
lỗi

1.4.3. Mơ tả usecase chức năng của người dùng
1.4.3.1. Thêm/xóa/sửa câu hỏi cá nhân

Bảng 1. 9. Mô tả usecase 'Quản lý câu hỏi cá nhân'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Quản lý câu hỏi cá nhân
Người dùng có thể đặt ra câu hỏi, chỉnh sửa và xóa câu hỏi của
bản thân
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Đặt câu hỏi mới, chỉnh sửa
và xóa câu hỏi có sẵn
- Đã đăng nhập dưới vai trị người dùng
- Kết nối internet

Chương 1: TỔNG QUAN

7


Báo cáo Đồ án tốt nghiệp


Bảng 1. 10. Mô tả usecase 'Đặt câu hỏi'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Đặt câu hỏi
Người dùng có thể đặt ra câu hỏi đến diễn đàn
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Đặt câu hỏi và cung cấp
đầy đủ thông tin nhất
4
Nhấn nút ‘Ask’
5
Thêm câu hỏi vào cơ sở dữ
liệu và hiển thị lên trang chủ
- Đã đăng nhập dưới vai trò người dùng
- Kết nối internet
- Khi thêm câu hỏi thành công, câu hỏi sẽ được hiển thị lên

trang chủ
- Khi thêm câu hỏi thất bại, hiển thị lỗi

Bảng 1. 11. Mô tả usecae 'Sửa câu hỏi'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Sửa câu hỏi
Người dùng có thể sửa câu hỏi đã hỏi
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Sửa câu hỏi của bản thân
đã đặt ra
4
Nhấn nút ‘Save’

Chương 1: TỔNG QUAN

8


Báo cáo Đồ án tốt nghiệp

5

Điều kiện cần

Kết quả

Các thông tin sau khi sửa
được lưu trữ vào cơ sở dữ
liệu và được hiển thị lại
- Đã đăng nhập dưới vai trò người dùng
- Đã đặt câu hỏi bất kỳ
- Kết nối internet
- Khi sửa câu hỏi thành công, nội dung câu hỏi sẽ được thay đổi
hiển thị lên trang chủ
- Khi sửa câu hỏi thất bại, hiển thị lỗi

Bảng 1. 12. Mơ tả usecase 'Xóa câu hỏi'
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Kết quả

Xóa câu hỏi
Người dùng có thể xóa câu hỏi đã hỏi
Người dùng
STT Actor

Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Xóa câu hỏi của bản thân
đã đặt ra
4
Hiển thị popup xác nhận xóa
5
Chọn ‘yes’
6
Câu hỏi được xóa khỏi hệ
thống
- Đã đăng nhập dưới vai trò người dùng
- Đã đặt câu hỏi bất kỳ
- Kết nối internet
- Khi xóa câu hỏi thành cơng, câu hỏi đó sẽ được gỡ bỏ khỏi
trang chủ
- Khi xóa câu hỏi thất bại, hiển thị lỗi

Chương 1: TỔNG QUAN

9


Báo cáo Đồ án tốt nghiệp
1.4.3.2. Thêm/xóa/sửa câu trả lời cá nhân
Bảng 1. 13. Mô tả usecase 'Quản lý câu trả lời cá nhân'

Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Quản lý câu trả lời cá nhân
Người dùng có thể trả lời các câu hỏi, chỉnh sửa và xóa câu trả
lời của bản thân
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Trả lời một câu hỏi bất kỳ,
chỉnh sửa và xóa câu trả
lời đó
- Đã đăng nhập dưới vai trò người dùng
- Kết nối internet
- Khi câu hỏi load thành công, hiển thị câu hỏi và câu trả lời đến
người dùng
- Khi câu hỏi load không thành công, hiển thị lỗi

Bảng 1. 14. Mô tả usecase 'Thêm câu trả lời'
Tên usecase

Mơ tả
Actor
Quy trình nghiệp vụ

Thêm câu trả lời
Người dùng có thể trả lời các câu hỏi có sẵn trên diễn đàn
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Chọn một câu hỏi
4
Hiển thị ra câu hỏi được
chọn
5
Điền câu trả lời vào
textbox và nhấn nút
‘Answer’

Chương 1: TỔNG QUAN

10


Báo cáo Đồ án tốt nghiệp
Thêm câu trả lời vào cơ sở

dữ liệu và hiển thị đi kèm
với câu hỏi đó lên trang chủ
- Đã đăng nhập dưới vai trị người dùng
- Kết nối internet
- Khi thêm câu trả lời thành công, câu hỏi sẽ được hiển thị lên
trang chủ kèm theo câu trả lời
- Khi thêm câu trả lời thất bại, hiển thị lỗi
6

Điều kiện cần
Kết quả

Bảng 1. 15. Mơ tả usecae 'Sửa câu trả lời’
Tên usecase
Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Kết quả

Sửa câu trả lời
Người dùng có thể sửa câu trả lời của bản thân
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2

Đăng nhập vào website
3
Chọn một câu hỏi
4
Hiển thị ra câu hỏi được
chọn
5
Sửa câu trả lời của bản
thân đã đặt ra
6
Nhấn nút ‘Save’
7
Các thông tin sau khi sửa
được lưu trữ vào cơ sở dữ
liệu và được hiển thị lại
- Đã đăng nhập dưới vai trò người dùng
- Đã trả lời câu hỏi bất kỳ
- Kết nối internet
- Khi sửa câu trả lời thành công, nội dung câu trả lời sẽ được
thay đổi hiển thị với thông tin mới
- Khi sửa câu trả lời thất bại, hiển thị lỗi

Chương 1: TỔNG QUAN

11


Báo cáo Đồ án tốt nghiệp
Bảng 1. 16. Mô tả usecase 'Xóa câu trả lời’
Tên usecase

Mơ tả
Actor
Quy trình nghiệp vụ

Điều kiện cần

Kết quả

Xóa câu trả lời
Người dùng có thể xóa câu trả lời của bản thân
Người dùng
STT Actor
Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Chọn một câu hỏi
4
Hiển thị ra câu hỏi được
chọn
5
Xóa câu trả lời của bản
thân đã đặt ra
6
Hiển thị popup xác nhận xóa
7
Chọn ‘yes’
8

Câu trả lời được xóa khỏi hệ
thống
- Đã đăng nhập dưới vai trò người dùng
- Đã trả lời câu hỏi bất kỳ
- Kết nối internet
- Khi xóa câu trả lời thành cơng, câu trả lời đó sẽ được gỡ bỏ
khỏi bài viết
- Khi xóa câu trả lời thất bại, hiển thị lỗi

Chương 1: TỔNG QUAN

12


Báo cáo Đồ án tốt nghiệp
1.4.3.3. Chức năng đánh giá câu hỏi/câu trả lời và nhắn tin
Bảng 1. 17. Mô tả usecase 'Đánh giá câu hỏi/câu trả lời'
Tên usecase
Mô tả
Actor
Quy trình nghiệp vụ

Điều kiện cần
Kết quả

Đánh giá câu hỏi/câu trả lời
Người dùng có thể đánh giá câu hỏi/câu trả lời phụ thuộc vào độ
hữu ích của chúng
Người dùng
STT Actor

Phản hồi của hệ thống
1
Truy cập vào website
2
Đăng nhập vào website
3
Chọn một câu hỏi
4
Hiển thị ra câu hỏi được
chọn
5
Người dùng có thể đánh
giá dộ hữu ích của câu hỏi
và câu trả lời thơng qua 2
nút like/dislike
- Đã đăng nhập dưới vai trị người dùng
- Kết nối internet
- Khi câu hỏi load thành công, hiển thị câu hỏi và câu trả lời đến
người dùng
- Khi câu hỏi load không thành công, hiển thị lỗi

Chương 1: TỔNG QUAN

13


×