3.7.1 Bảng Users
68
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Bảng 15: Bảng lưu trữ thông tin users
USERS
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Mã người dùng
2 Name Varchar(255) Tên người dùng
3 Username Varchar(255) Tên tài khoản
4 Password Varchar(255) Mật khẩu tài khoản
5 Email Varchar(255) Email tài khoản
6 Nghề nghiệp Varchar(255) Nghề nghiệp của người dùng
7 Token Varchar(255) Token xác thực thông tin
của tài khoản
8 Xác thực Varchar(255) Xác thực gmail của tài
khoản
3.7.2 Bảng tài khoản của Admin
Chức năng: lưu trữ thông tin Admin.
Bảng 16: Bảng lưu trữ thông tin admin ADMIN
69
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
1 ID Int Primary key Mã Admin
2 Name Varchar(255) Tên Admin
3 Username Varchar(255) Tên tài khoản
Admin
4 Password Varchar(255) Mật khẩu tài
khoản Admin
5 Email Varchar(255) Email tài
khoản Admin
3.7.3 Bảng công việc cá nhân
Chức năng: lưu trữ thông tin công việc cá nhân của giảng viên. Bảng 17: Bảng công việc cá nhân
CATEGORY
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Mã công việc
2 title Varchar(255) Tiêu đề
3 Start Date Thời gian bắt
đầu
4 End Date Thời gian kết
thúc
5 Taikhoan Varchar(255) Tên tài khoản
3.7.4 Bảng câu hỏi
70
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Bảng 18: Bảng câu hỏi
QUESTIONS
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Mã câu hỏi
2 Questions Varchar(255) Câu hỏi
3 Ans1 Varchar(255) Đáp án A
4 Ans2 Varchar(255) Đáp án B
5 Ans3 Varchar(255) Đáp án C
6 Ans4 Varchar(255) Đáp án D
7 Ans5 Varchar(255) Đáp án đúng
3.7.5 Bảng chi tiết bài làm
71
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Bảng 19: Bảng chi tiết bài làm
LICHSU
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Mã câu hỏi
2 Questions Varchar(255) Câu hỏi
3 Ans1 Varchar(255) Đáp án A
4 Ans2 Varchar(255) Đáp án B
5 Ans3 Varchar(255) Đáp án C
6 Ans4 Varchar(255) Đáp án D
7 Anscx Varchar(255) Đáp án đúng
8 Anslc Varchar(255) Đáp án của người dùng
9 Session Varchar(255) Session của ngườ dùng
3.7.6 Bảng điểm số
Chức năng: lưu trữ điểm số của thí sính tự do. Bảng 20: Bảng điểm số
SCORE
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Mã điểm
72
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
2 Score Varchar(255) Số điểm
3 Date DATE Ngày thực hành
3.7.7 Bảng API
Chức năng: lưu trữ câu hỏi trò chơi của thí sinh tự do. Bảng 21: Bảng lưu trữ câu hỏi trò chơi
API
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key Id câu hỏi
2 Ansa Varchar(255) Đáp án A 3 Ansb Varchar(255) Đáp án B 4 Ansc Varchar(255) Đáp án C 5 Ansd Varchar(255) Đáp án D 6 Anscx Varchar(255) Đáp án chính xác 3.7.8 Bảng sinh viên
Chức năng: lưu trữ thông tin sinh viên. Bảng 22: Bảng lưu trữ dữ liệu sinh viên
Sinhvien
STT Tên trường Kiểu dữ liệu Khóa Mô tả
73
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
2 Msv Int Mã sinh viên
3 Hoten Varchar(255) Họ tên sinh viên
4 Mahocphan Varchar(255) Mã học phần của sinh viên 5 Tenmonhoc Varchar(255) Tên môn học của sinh viên 6 Giaovien Varchar(255) Email của giáo viên
3.7.9 Bảng lịch sử điểm danh
Chức năng: lưu trữ thông tin yêu cầu của điểm danh. Hình 23: Bảng lưu trữ tùy chọn điểm danh của giảng viên
Lichsu_diemdanh
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key ID điểm danh
2 Mahocphan Int Mã học phần yêu cầu điểm
danh
3 Buoi_hoc Varchar(255) Buổi học điểm danh
3.7.10 Bảng câu hỏi điểm danh
Chức năng: lưu trữ câu hỏi điểm danh. Hình 24: Bảng lưu trữ câu hỏi điểm danh
Cauhoi_diemdanh
STT Tên trường Kiểu dữ liệu Khóa Mô tả
74
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
2 Cauhoi Varchar(255) Câu hỏi điểm danh
3 Ansa Varchar(255) Đáp án a
4 Ansb Varchar(255) Đáp án b
5 Ansc Varchar(255) Đáp án c
6 Ansd Varchar(255) Đáp án d
7 Caucx Varchar(255) Đáp án chính xác
8 Buoi Int Buổi học điểm danh
9 Mahocphan Varchar(255) Mã học phần điểm danh
10 Monhoc Varchar(255) Môn học điểm danh
11 Giaovien Varchar(255) Giáo viên phụ trách
3.7.11 Bảng điểm danh
Chức năng: lưu trữ thông tin điểm danh của sinh viên. Bảng 25: Bảng lưu trữ thông tin điểm danh của sinh viên
Table_cauhoi_diemdanh
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key ID
2 MSV Varchar(255) Mã sinh viên
3 Hoten Varchar(255) Họ tên sinh viên
4 Lop Varchar(255) Lớp sinh viên
75
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
6 Diem Varchar(255) Điểm của buổi học điểm
danh
7 Mahocphan Varchar(255) Mã học phần điểm danh
8 Monhoc Varchar(255) Môn học điểm danh
9 Giaovien Varchar(255) Giảng viên
3.7.12 Bảng bài tập
Chức năng: lưu trữ bài tập của sinh viên. Table_btvn
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key ID
2 Monhoc Varchar(255) Môn học của bài tập
3 mhp Varchar(255) Mã học phần của bài tập
4 tieude Varchar(255) Tiêu đề của bài tập
5 Ngayhancuoi Date Ngày cuối nộp bài
6 Giohancuoi Date Giờ cuối nộp bài
7 File Varchar(255) File bài tập
8 Ramdom Varchar(255) Mã ramdom
9 Giaovien Varchar(255) Bài tập thuộc giáo viên
3.7.13 Bảng nộp bài tập
76
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Table_nop_btvn
STT Tên trường Kiểu dữ liệu Khóa Mô tả
1 ID Int Primary key ID
2 MSV Varchar(255) Mã sinh viên nộp bài tập
3 Hoten Varchar(255) Họ tên sinh viên nộp bài
tập
4 Lop Varchar(255) Lớp sinh viên nộp bài tập
5 Mahocphan Varchar(255) Mã học phần bài tập 6 Tenhocphan Varchar(255) Tên học phần bài tập
7 Ngayhancuoi Date Ngày sinh viên nộp bài tập
8 Giohancuoi Date Giờ sinh viên nộp bài tập
9 Filedinhkem Varchar(255) File bài tập của sinh viên 10 Ghichu Varchar(255) Thời gian nộp bài hợp lệ
hay không
77
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
3.7.14 Sơ đồ thực thể kết hợp
78
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
CHƯƠNG 4: KẾT QUẢ VÀ CÀI ĐẶT PHẦN MỀN 4.1 CÀI ĐẶT PHẦN MỀN
4.1.1 Tìm hiểu về XAMPP
Phần mềm máy chủ XAMPP cung cấp cho bạn môi trường thích hợp để thử nghiệm các dự án MYSQL, PHP, Apache và Perl trên máy tính cục bộ.
Dạng đầy đủ của XAMPP là X là viết tắt của Cross-platform, (A) máy chủ Apache, (M) MariaDB, (P) PHP và (P) Perl. Nền tảng của nó có thể chạy trên bất kỳ máy tính nào với bất kỳ hệ điều hành nào.
Các cài đặt XAMPP rất đơn giản và nhanh chóng, khi XAMPP được cài đặt trên máy tính của bạn, nó hoạt động như một máy chủ cục bộ hoặc localhost. Bạn có thể kiểm tra các trang web trước khi tải nó lên máy chủ web từ xa.
Phần mềm XAMPP này cung cấp cho bạn môi trường thích hợp để thử nghiệm các ứng dụng MYSQL, PHP, Apache và Perl trên máy tính.
4.1.2 Làm thế nào để sử dụng XAMPP cho PHP
Sau khi cài đặt XAMPP xong, bạn có thể bắt đầu và dừng từng mô-đun bằng cách sử dụng bảng điều khiển XAMPP. Ví dụ, thử nghiệm các ứng dụng PHP trên máy tính của bạn, bạn có thể bắt đầu hai mô-đun Apache và MySQL. Nó sẽ cho phép các chương trình PHP chạy trên máy tính của bạn. Phần mềm XAMPP này mô phỏng máy chủ từ xa như môi trường trên máy tính cục bộ của bạn.
Là một nhà phát triển ứng dụng, bạn cần phải kiểm tra các ứng dụng nhiều lần nhất có thể để tìm và sửa lỗi. Nếu bạn đang thử nghiệm trong môi trường cục bộ như XAMPP, nó sẽ đẩy nhanh quá trình phát triển của bạn.
Trước XAMPP mỗi lần bạn cần tải các tệp lên máy chủ từ xa để kiểm tra mục đích. Nó sẽ khá khó khăn để kiểm tra trên máy chủ trực tiếp và nó được hiển thị cho khách truy cập của bạn. Nhưng trong XAMPP bạn có thể dễ dàng kiểm tra và thực hiện bất kỳ cập nhật nào trong localhost của bạn. Tại bất kỳ số lần nào, bạn có thể
79
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
cập nhật và thử nghiệm trong XAMPP. Sau khi hoàn thành, bạn có thể tải lên các tệp cập nhật mới này lên máy chủ từ xa.
4.1.3 Cài đặt XAMPP
Bước 1: Tới trang web Apache Friends và tải XAMPP.Tệp XAMPP là
109MB, sau khi tải xuống, khởi chạy trình cài đặt.Trong quá trình cài đặt, bạn có thể nhận được các cảnh báo như Windows hỏi bạn có chắc chắn bạn muốn cài đặt phần mềm hay không và trình cài đặt nhắc bạn về phần mềm chống vi-rút.
Như bạn sẽ làm khi cài đặt bất kỳ phần mềm nào trên Windows, hãy sử dụng bản tốt nhất của bạn và bạn có thể muốn nhấp vào “Yes” để tiếp tục cài đặt.
Hình 46: Trang chủ phần mền Xampp
Bước 2: Trình hướng dẫn cài đặt XAMPP sẽ hướng dẫn bạn cài đặt. Nhấp vào
80
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 47: Quá trình cài đặt
Trong cửa sổ tiếp theo, bạn sẽ được yêu cầu chọn thành phần nào của phần mềm bạn muốn cài đặt và những phần mềm nào bạn không muốn. Một số tùy chọn, chẳng hạn như Apache và PHP là cần thiết để chạy phần mềm và sẽ tự động được cài đặt, vì vậy chúng được chuyển sang màu xám để bạn không thể chọn chúng.
Đó là vào bạn mà các thành phần bạn muốn cài đặt. Vì chúng tôi muốn chạy WordPress trong môi trường localhost của chúng tôi, hãy để MySQL và phpMyAdmin kiểm tra và bỏ chọn các tùy chọn còn lại.
81
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 48: Tích vào thành phần cần cài đặt
Bước 3: Tiếp theo, chọn thư mục mà bạn muốn cài đặt XAMPP trên máy tính của
82
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 49: Thư mục cài đặt xampp
Trong cửa sổ tiếp theo, bạn sẽ được hỏi liệu bạn có muốn cài đặt Bitnami cho XAMPP, trong đó cung cấp các công cụ miễn phí để cài đặt WordPress, Drupal và Joomla! trên đầu trang của XAMPP.
Vì chúng ta sẽ cài đặt WordPress theo cách thủ công sau trong hướng dẫn này và không cần trình cài đặt miễn phí, hãy bỏ chọn “Tìm hiểu thêm về Bitnami cho XAMPP” và nhấn Next .
83
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 50: Bước cuối của cài đặt
Bước 4: Sau khi thực hiện tất cả các bước cài đặt ban đầu này, XAMPP giờ
84
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 51: Đang trong quá trình cài đặt vào ổ cứng
Sau khi cài đặt, bạn sẽ được hỏi xem bạn có muốn bắt đầu Bảng điều khiển XAMPP, cung cấp một giao diện để chạy môi trường cục bộ của bạn hay không. Để tùy chọn này được đánh dấu và nhấn Finish.
85
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 52: Quá trình cài đặt hoàn tất
Bảng điều khiển sẽ tự động mở, nhưng nếu bạn bỏ chọn tùy chọn trong cửa sổ trước, bạn có thể vào thư mục XAMPP trên máy tính của bạn và mở bảng điều khiển XAMPP thay thế.
Nếu quá trình cài đặt diễn ra suôn sẻ và mọi thứ đang chạy suôn sẻ, bảng điều khiển sẽ mở ra với các bản cập nhật văn bản màu đen và màu xanh lam ở dưới cùng.
86
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 53: Bảng tùy chọn của xampp
Để khỏi động localhost bạn vào ổ E: Vào xamppxampp-panel.exe hoặc vào Start => chọn All Programs => chọn XAMPP => chọn Xampp Control Pane.
Lúc này nó sẽ hiển thị một hộp thư thoại bạn chọn Actions => trong mục Start chọn Apache và MySQL.Nếu bạn thấy ứng dụng chuyển sang màu xanh thì việc cài đặt đã hoàn tất nhé.
4.2 TRANG NGƯỜI DÙNG 4.2.1 Trang đăng nhập
Trang đăng nhập của hệ thống là nơi người dùng thực hiện đăng nhập và đăng kí, phía trên cùng là banner của hệ thống bên phải là màn hình đăng nhập, còn bên trai là màn hình các thông tin cập nhập. Phía dưới cùng là thông tin liên hệ của quản trị viên khi hệ thống gặp vấn đề kỹ thuật.
87
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 54: Trang chủ của hệ thống
4.3.2 Trang chủ
Trang chủ là nơi người dùng tương tác nhiều nhất với hệ thống, gồm là nơi hiển thị thông tin đăng nhập. Liên kết đến các trang khác như là Trang cá nhân, Làm bài thi và lịch sử và quiz game.
88
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 55: Trang chủ của hệ thống
4.3.3 Trang cá nhân
Trang cá nhân là trang hiển thị thông tin của thí sinh tự do, có thể đổi mật khẩu hay họ tên.
89
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 56: Trang cá nhân của hệ thống
4.3.4 Trang làm bài
Trang làm bài là trang sử dụng trong quá trình làm bài thi, nơi hiển thị số lượng câu hỏi, thời gian làm bài…
90
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 57: Trang làm bài của thí sinh tự do
4.3.5 Trang lịch sử
91
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 58: Trang lịch sử của thí sinh tự do
4.3.6 QUIZ GAME
Quiz game là trang dành cho thí sinh tự do sau những giờ phút làm trắc nghiệm căng thẳng thì giải trí bằng một tựa game nhẹ.
92
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 59: Trang chơi game của thí sinh tự do
4.4 TRANG ADMIN 4.4.1 Trang chủ Admin
Là nơi admin giao tiếp nhiều nhất, nơi có các tùy chọn để truy cập các trang tiếp theo của admin.
93
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 60: Trang chủ admin
4.4.2 Trang quản lý tài khoản
Là nơi hiển thị tất cả thông tin của tất cả người dùng.
94
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
4.4.3 Trang chỉnh sửa câu hỏi
Là nơi mà Admin thực hiện thêm câu hỏi lên hệ thống hay xóa và chỉnh sửa.
Hình 62: Nơi admin thực hiện thêm câu hỏi
4.4.4 Trang danh sách câu hỏi của trò chơi
Là nơi hiển thị tất cả các câu hỏi của trò chơi trên hệ thống, nơi admin thực hiện thêm, chỉnh sửa hoặc xóa.
95
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 63: Trang danh sách câu hỏi trò chơi
4.4.5 Trang điểm của thí sinh
96
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 64: Nơi hiển thị điểm của tất cả các thí sinh
4.5 TRANG GIẢNG VIÊN 4.5.1 Trang chủ của giảng viên 4.5.1 Trang chủ của giảng viên
Là nơi mà giảng viên thực hiện các chức năng của bản thân như thêm sinh viên và điểm danh.
97
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 65: Trang chủ của giáo viên
4.5.2 Trang danh sách sinh viên
Là nơi mà giảng viên thực hiện thêm thông tin sinh viên chỉnh sửa thông tin trước khi điểm danh.
98
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 66: Trang danh sách sinh viên
4.5.3 Trang điểm danh
Trang điểm danh là nơi có nhiều chức năng nhất của giảng viên, như thêm câu hỏi, thực hiện điểm danh và xem chi tiết điểm danh.
99
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
Hình 67: Trang điểm danh
4.5.4 Trang giao bài tập
Trang giao bài tập là nơi mà giảng viên thực hiện việc gửi bài tập cho sinh viên và xem các bài tập mà mình đã giao.
100
SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC
4.5.5 Trang công việc cá nhân
Trang công việc cá nhân là nơi mà giảng viên thực hiện thêm các công việc cá