Đồ án môn học lập trình web xây dựng diễn đàn kết nối học tập cho sinh viên viện kỹ thuật 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 (1.53 MB, 27 trang )
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
VIỆN KỸ THUẬT CÔNG NGHỆ
ĐỒ ÁN MƠN HỌC
LẬP TRÌNH WEB
XÂY DỰNG DIỄN ĐÀN
KẾT NỐI HỌC TẬP CHO SINH VIÊN
VIỆN KỸ THUẬT CÔNG NGHỆ
GVHD: ThS. Võ Quốc Lương
SVTH: Phan Tiến Duy
MSSV: 2024802010394
LỚP: D20CNTT02
BÌNH DƯƠNG - 11/2022
0
0
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
VIỆN KỸ THUẬT CÔNG NGHỆ
ĐỒ ÁN MƠN HỌC
LẬP TRÌNH WEB
XÂY DỰNG DIỄN ĐÀN
KẾT NỐI HỌC TẬP CHO SINH VIÊN
VIỆN KỸ THUẬT CÔNG NGHỆ
GVHD: ThS. Võ Quốc Lương
SVTH: Phan Tiến Duy
MSSV: 2024802010394
LỚP: D20CNTT02
BÌNH DƯƠNG - 11/2022
0
0
2024802010394
i
0
0
MỤC LỤC
MỤC LỤC..................................................................................................................... i
DANH MỤC HÌNH.................................................................................................... iv
DANH MỤC BẢNG.................................................................................................... v
DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT.........................................................vi
MỞ ĐẦU....................................................................................................................... 1
CHƯƠNG 1. TỔNG QUAN ĐỀ TÀI.........................................................................2
2.1. Mơ tả bài tốn...................................................................................................... 2
1.1. Chức năng của hệ thống....................................................................................... 2
1.1.1. Chức năng của Admin...................................................................................2
1.1.2. Chức năng của Người dùng..........................................................................3
CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.........................................4
2.1. Sơ đồ chức năng của hệ thống (Business Function Diagram)..............................4
2.2. Thiết kế hệ thống.................................................................................................4
2.2.1. Sơ đồ UC dạng tổng quát.............................................................................. 4
2.2.2. Danh sách tác nhân và mô tả........................................................................5
2.3. Sơ đồ tuần tự (Sequence diagram).......................................................................5
2.3.1. Sơ đồ tuần tự chức năng quản lý hệ thống....................................................5
2.3.2. Sơ đồ tuần tự chức năng quản lý tài khoản...................................................6
CHƯƠNG 3. THIẾT KẾ CƠ SỞ DỮ LIỆU..............................................................8
3.1. Sơ đồ quan hệ......................................................................................................8
3.2. Mô tả bảng dữ liệu............................................................................................... 8
3.2.1. Bảng Admin.................................................................................................. 8
3.2.2. Bảng BaiDang..............................................................................................9
3.2.3. Bảng NguoiDung..........................................................................................9
3.2.4. Bảng TraLoi................................................................................................10
3.2.5. Bảng PhanHoi............................................................................................10
3.2.6. Bảng Menu..................................................................................................11
3.2.7. Bảng ChuDe................................................................................................ 11
CHƯƠNG 4. GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH................................12
4.1. Giao diện trang chủ............................................................................................12
4.2. Giao diện đăng nhập (Người dùng)...................................................................13
ii
0
0
4.3. Giao diện tạo câu hỏi......................................................................................... 14
4.4. Giao diện chi tiết bài đăng.................................................................................14
4.5. Giao diện đăng nhập (Quản trị viên)..................................................................16
KẾT LUẬN................................................................................................................ 17
TÀI LIỆU THAM KHẢO......................................................................................... 18
iii
0
0
DANH MỤC HÌNH
Hình 2.1: Sơ đồ chức năng.......................................................................................4
Hình 2.2: Sơ đồ UC tổng quát..................................................................................4
Hình 2.3: Sơ đồ tuần tự chức năng đăng nhập..........................................................5
Hình 2.4: Sơ đồ tuần tự chức năng đăng ký..............................................................6
Hình 2.5: Sơ đồ tuần tự chức năng thêm tài khoản...................................................6
Hình 2.6: Sơ đồ tuần tự chức năng sửa thơng tin tài khoản......................................7
Hình 2.7: Sơ đồ tuần tự chức năng xố tài khoản.....................................................7
Hình 3.1: Sơ đồ quan hệ........................................................................................... 8
Hình 4.1: Hình ảnh giao diện trang chủ..................................................................12
Hình 4.2: Hình ảnh giao diện đăng nhập (Người dùng)..........................................13
Hình 4.3: Hình ảnh giao diện viết câu hỏi..............................................................14
Hình 4.4: Hình ảnh của chi tiết của bài đăng..........................................................14
Hình 4.5: Hình ảnh phần trả lời cho bài đăng và những phản hồi khác..................15
Hình 4.6: Hình ảnh giao diện đăng nhập của quản trị viên.....................................16
iv
0
0
DANH MỤC BẢNG
Bảng 1.1: Chức năng Admin...................................................................................2
Bảng 1.2: Chức năng của Người dùng...................................................................3
Bảng 2.1: Bảng tác nhân và mô tả..........................................................................5
Bảng 3.1: Bảng thông tin của Admin.....................................................................8
Bảng 3.2: Bảng thông tin của BaiDang..................................................................9
Bảng 3.3: Bảng thông tin của NguoiDung...........................................................10
Bảng 3.4: Bảng thông tin của TraLoi...................................................................10
Bảng 3.5: Bảng thông tin của PhanHoi................................................................11
Bảng 3.6: Bảng thông tin của Menu.....................................................................11
Bảng 3.7: Bảng thông tin của ChuDe...................................................................11
v
0
0
DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT
Từ viết tắt
Giải thích
Tiếng Việt
CSDL
Cơ sở dữ liệu
ĐVT
Đơn vị tính
TV
Thành viên
DH
Đơn hàng
SP
Sản phẩm
Tiếng Anh
UC
Use Case
vi
0
0
MỞ ĐẦU
CHƯƠNG 1. Hiện nay để sinh viên Viện có thể giải đáp các thắc mắc, vấn đề liền
quan đến học tập thì thường có thể liên hệ với thầy cơ, bạn bè mình biết để giải đáp
nhưng do bận nên khơng kịp trả lời được vì có thể phải trả lời những câu hỏi tương tự
cho bạn học khác. Mặt khác sinh viên tìm kiếm câu trả lời của mình trên các trang
mạng xã hội hay website diễn đàn của trong nước cũng như nước ngoài nhưng do vấn
đề bất đồng ngơn ngữ hoặc khơng cùng trình độ nên khơng có thu được kết quả như ý.
CHƯƠNG 2.
Các thơng tin như kế hoạch, chương trình, sự kiện sắp diễn ra
thường được thông báo qua các fanpage, email, zalo, messenger,… Tất cả thường
riêng biệt, một chiều và không nhất quán vì có thể nếu chương trình quan trọng thì
cùng một thơng tin nhận lại nhiều lần, hoặc nhìn thấy ở nơi khác. Thông tin được đăng
trên các fanpage thường không được tổng hợp sắp xếp ảnh hưởng đến khả năng tiếp
nhận của sinh viên.
CHƯƠNG 3.
Do đó cần xây dựng kênh truyền thông nội bộ Viện như diễn đàn
để sinh viên có thể nắm bắt được thơng tin cũng như để trao đổi các vấn đề liên quan
đến học tập, để có được cộng đồng sinh viên đồn kết phát triển về học tập hơn nữa,...
CHƯƠNG 4. Cấu trúc đồ án gồm:
CHƯƠNG 5. - Chương 1: Tổng quan
CHƯƠNG 6. - Chương 2: Phân tích hệ thống
CHƯƠNG 7. - Chương 3: Thiết kế cơ sở dữ liệu
CHƯƠNG 8. - Chương 4: Giao diện và cài đặt chương trình
CHƯƠNG 9. - Kết luận và hướng phát triển
CHƯƠNG 10.
1
0
0
CHƯƠNG 11. TỔNG QUAN ĐỀ TÀI
2.1.
Mơ tả bài tốn
CHƯƠNG 12. Trên mạng xã hội và trên trên internet có rất nhiều cộng đồng, diễn đàn
của trong và ngoài nước được rất đơng các lập trình viên ln sẵn sằng giúp đỡ giải
đáp thắc mắc liên quan đến lập trình đặc biệt là những sinh viên mới bước vào ngành
học. Điển hình là những diễn đàn giải đáp các câu hỏi liên quan đến lập trình như
vozforum, tinhte, sinhvienit, stackoverflow, github, quora,… Do đó nhóm muốn tạo ra
một website diễn đàn kết nối học tập hết sức gần gũi với sinh viên của riêng Viện Kỹ
thuật - Công nghệ, giúp cho cộng đồng sinh viên gắn bó, đồn kết và phát triển hơn, có
thể tạo được nhiều cơ hội trong học tập và công việc.
12.1. Chức năng của hệ thống
12.1.1. Chức năng của Admin
CHƯƠNG 1.
CHƯƠNG 2. Chức năng
STT
1
2
3
4
CHƯƠNG 4. Quản lý
người dùng
CHƯƠNG 6. Quản lý câu
hỏi
CHƯƠNG 8. Quản lý
danh mục menu
CHƯƠNG 10. Quản lý
chủ đề
CHƯƠNG 3. Mô tả
CHƯƠNG 5. Cấp một số quyền trong
việc phản hồi lại những câu hỏi, trao tặng
những danh hiệu cho những cá nhân tích
cực.
CHƯƠNG 7. Xem xét và duyệt những
câu hỏi mới, hoặc trực tiếp phản hồi lại
người dùng
CHƯƠNG 9. Để thuận tiện cho việc cập
nhật các đường dẫn mới khi có phát sinh.
Chức năng giúp thêm, xóa sửa các đường
dẫn trên menu
CHƯƠNG 11. Quản lý các thẻ tag, được
gắn với những câu hỏi nhằm phân loại và
sắp xếp.
Bảng 12.1.1.19.1: Chức năng Admin
2
0
0
12.1.2. Chức năng của Người dùng
CHƯƠNG 12.
CHƯƠNG 13. Chức năng
STT
1
2
3
CHƯƠNG 14. Mô tả
CHƯƠNG 16. Người dùng sau khi đăng
nhập vào hệ thống có thể đặt câu hỏi trên
CHƯƠNG 15. Đăng câu
hỏi
diễn đàn để giải đáp vấn đề của bản thân
CHƯƠNG 18. Có thể phản hồi lại những
câu hỏi của người khác để hiểu rõ vấn đề,
cũng như để hiểu ra được câu trả lời của
CHƯƠNG 17. Phản hồi
người khác
CHƯƠNG 20. Người dùng trả lời những
câu hỏi của người khác đặt ra
CHƯƠNG 19. Trả lời
Bảng 12.1.2.19.1: Chức năng của Người dùng
CHƯƠNG 13.
3
0
0
CHƯƠNG 14. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.
14.1. Sơ đồ chức năng của hệ thống (Business Function Diagram)
Hình 2.1.1.1:
Sơ đồ chức năng
14.2. Thiết kế hệ thống
14.2.1. Sơ đồ UC dạng tổng quát
Hình 14.2.1.19: Sơ đồ UC tổng quát
4
0
0
14.2.2. Danh sách tác nhân và mô tả
CHƯƠNG 15.
CHƯƠNG 16. Mô tả tác nhân
Tác nhân
CHƯƠNG 17. G
hi chú
CHƯƠNG 18.
CHƯƠNG 19. Là người dùng cuối của hệ thống, CHƯƠNG 20. N
Người
đặt câu hỏi, trả lời và phản hồi
ormal
dùng
CHƯƠNG 21.
CHƯƠNG 22. Là người quản trị cao nhất, có thể CHƯƠNG 23. A
Quản trị
truy cập tất cả các chức năng
dmin
Bảng 23.1.1.19.1: Bảng tác nhân và mô tả
23.2. Sơ đồ tuần tự (Sequence diagram)
23.2.1. Sơ đồ tuần tự chức năng quản lý hệ thống
CHƯƠNG 24.
Hình 24.1.1.19: Sơ đồ tuần tự chức năng đăng nhập
5
0
0
CHƯƠNG 25.
Hình 25.1.1.19: Sơ đồ tuần tự chức năng đăng ký
25.1.2. Sơ đồ tuần tự chức năng quản lý tài khoản
CHƯƠNG 26.
Hình 26.1.1.19: Sơ đồ tuần tự chức năng thêm tài khoản
6
0
0
CHƯƠNG 27.
Hình 27.1.1.19: Sơ đồ tuần tự chức năng sửa thơng tin tài khoản
CHƯƠNG 28.
CHƯƠNG 29.
Hình 29.1.1.19: Sơ đồ tuần tự chức năng xoá tài khoản
7
0
0
CHƯƠNG 30. THIẾT KẾ CƠ SỞ DỮ LIỆU
30.1. Sơ đồ quan hệ
CHƯƠNG 31.
Hình 3.1.1.1:
Sơ đồ quan hệ
31.1. Mơ tả bảng dữ liệu
31.1.1. Bảng Admin
CHƯƠNG 32. Mô tả: Bảng dữ liệu lưu trữ thông tin của người quản trị
CHƯƠNG
CHƯƠNG
33.
34. CHƯƠNG 35.CHƯƠNG 36. CHƯƠNG 37. Ý nghĩa
Khóa
STT Thuộc tính Kiểu dữ liệu
1 CHƯƠNG 38. CHƯƠNG 39. CHƯƠNG 40. CHƯƠNG 41. Mã của quản trị
viên
Khóa chính
Int
MaAD
2 CHƯƠNG 42. CHƯƠNG 43. CHƯƠNG 44. CHƯƠNG 45. Họ và tên quản
Nvarchar(50
trị viên
HoVaTen
)
3 CHƯƠNG 46. CHƯƠNG 47. CHƯƠNG 48. CHƯƠNG 49. Số điện thoại
DienThoai
Varchar(10)
8
0
0
4
CHƯƠNG 50. CHƯƠNG 51. CHƯƠNG 52. CHƯƠNG 53. Tên đăng nhập
5
TenDN
Varchar(20)
CHƯƠNG 54. CHƯƠNG 55. CHƯƠNG 56. CHƯƠNG 57. Mật khẩu
Nvarchar(20
MatKhau
6
)
CHƯƠNG 58. CHƯƠNG 59. CHƯƠNG 60. CHƯƠNG 61. Quyền truy cập
Quyen
CHƯƠNG 62.
Int
Bảng 62.1.1.19.1: Bảng thông tin của Admin
9
0
0
62.1.2. Bảng BaiDang
STT
Thuộc tính
1 MaBD
Kiểu dữ liệu
Khóa
Int
Khóa chính
Ý nghĩa
Mã của bài đăng
2
TieuDe
ntext
Tiêu đề của bài đăng
3
NoiDung
ntext
Nội dung của bài đăng
4
NgayDang
datetime
Thời gian viết bài đăng
5
HinhAnh
varchar(50)
6
LuotTuongTac
Int
Hình ảnh đăng kèm của bài
đăng
Số lượt đánh giá của người
Int
dùng khác về bài đăng
Số câu trả lời của người
7
8
9
LuotPH
TrangthaiDuyet bit
dùng khác về bài đăng
Trạng thái của bài đăng:
MaCD
Khóa ngoại
“1” là đã xét duyệt và “0” là
chưa xét duyệt
Chủ đề của bài viết liên kết
int
10
MaThe
int
Khóa ngoại
với bảng ChuDe
Các thể loại của bài đăng
11
MaND
int
Khóa ngoại
Mã của người dùng đã tạo
bài đăng
Bảng 62.1.2.19.1: Bảng thông tin của BaiDang
62.1.3. Bảng NguoiDung
STT
Thuộc tính
1 MaND
Kiểu dữ liệu
Khóa
Int
Khóa chính
2
TenDangNhap varchar(20)
3
MatKhau
Tên đăng nhập của người
dùng sử dụng
Mật khẩu
varchar(20)
10
0
Ý nghĩa
Mã của người dùng
0
4
TenND
nvarchar(50)
Họ tên của người dùng
5
NgaySinh
datetime
Ngày sinh của người dùng
6
GioiTinh
bit
Giới tính của người dùng
7
SDT
varchar(10)
Số điện thoại
8
varchar(50)
Email của người dùng
9
ChucVu
10
nvarrchar(20
)
ChuyenNganh nvarchar(20)
Chức vụ của người dùng
Chuyên ngành của người
dùng đang học hoặc làm việc
Bảng 62.1.3.19.1: Bảng thông tin của NguoiDung
62.1.4. Bảng TraLoi
STT Thuộc tính
1 MaTL
Kiểu dữ liệu
Khóa
Int
Khóa chính
Ý nghĩa
Mã của câu trả lời
2
MaND
int
Mã của người dùng trả lời
3
NoiDungTL
ntext
Nội dung của câu trả lời
4
LuotTTTL
int
5
NgayGioTL
datetime
6
MaBD
int
Số tương tác của người khác
đối với câu trả lời
Thời gian mà câu trả lời được
tạo
Mã của bài đăng mà câu trả lời
Khóa ngoại
này xuất hiện
Bảng 62.1.4.19.1: Bảng thơng tin của TraLoi
62.1.5. Bảng PhanHoi
STT
Thuộc tính
Kiểu dữ liệu
Khóa
11
0
0
Ý nghĩa
1
MaPH
Int
Khóa chính
Mã của phản hồi
2
MaND
int
Mã của người phản hồi
3
NoiDungPH
ntext
Nội dung của
4
NgayGioPH
datetime
5
MaBD
int
Khóa ngoại
6
MaTL
int
Khóa ngoại
Thời gian mà người dùng
phản hồi
Mã của bài đăng mà phản hồi
xuất hiện
Mã của trả lời mà phản hồi lại
(nếu có)
Bảng 62.1.5.19.1: Bảng thơng tin của PhanHoi
62.1.6. Bảng Menu
STT Thuộc tính
1 MaMenu
Kiểu dữ liệu
Khóa
Int
Khóa chính
Ý nghĩa
Mã của menu
2
TenMenu
nchar(10)
Tên Menu
3
MaMenuP
int
Mã của menu cha
Bảng 62.1.6.19.1: Bảng thông tin của Menu
62.1.7. Bảng ChuDe
STT Thuộc tính
1 MaCD
2
TenCD
Kiểu dữ liệu
Khóa
Int
Khóa chính
Ý nghĩa
Mã của chủ đề
nvarchar(20)
Tên chủ đề để phân loại bài
đăng
Bảng 62.1.7.19.1: Bảng thông tin của ChuDe
12
0
0
CHƯƠNG 63. GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH
63.1. Giao diện trang chủ
Hình 4.1.1.1:
Hình ảnh giao diện trang chủ
13
0
0
Tại trang chủ người dùng có thể xem các câu hỏi mới được cập nhật tức thì, có
thể chọn những mục như theo chủ đề để phân loại và xem những bài đăng thuộc
chun mơn của mình.
63.2. Giao diện đăng nhập (Người dùng)
Hình 63.2.1.19: Hình ảnh giao diện đăng nhập (Người dùng)
Người dùng nhập đầy đủ thông tin tài khoản vào 2 ơ “Tên đăng nhập” và “Mật
khẩu”. Sau đó chọn “Đăng nhập” để đăng nhập vào trang chủ. Nếu chưa có tài khoản,
người dùng có thể chọn “Đăng ký” để tạo tài khoản mới.
14
0
0
63.3. Giao diện tạo câu hỏi
Hình 63.3.1.19: Hình ảnh giao diện viết câu hỏi
Người dùng được phép đăng câu hỏi về những vấn đề về học tập mà mình cần
giải đáp ở đây và được quản trị viên kiểm duyệt sau đó xuất hiện ở trang chủ để mọi
người tham gia diễn đàn có thể giải đáp.
63.4. Giao diện chi tiết bài đăng
Hình 63.4.1.19: Hình ảnh của chi tiết của bài đăng
15
0
0
Sau khi bấm vào các bài đăng ở trang chủ, người dùng sẽ được vào bên trong bài
đăng đó để đọc rõ câu hỏi, vấn đề sau đó có thể phản hồi với người đăng để có thể hiểu
rõ vấn đề mà người dùng muốn giúp giải đáp. Người dùng có trả lời bài đăng ở cuối
trang.
Hình 63.4.1.20: Hình ảnh phần trả lời cho bài đăng và những phản hồi khác
16
0
0
63.5. Giao diện đăng nhập (Quản trị viên)
Hình 63.5.1.19: Hình ảnh giao diện đăng nhập của quản trị viên
17
0
0
