Bảng chi tiết bài làm

Một phần của tài liệu Xây dựng website hỗ trợ trong việc học tập và giảng dạy của học sinh và giáo viên bằng ngôn ngữ php (Trang 85)

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á nhân của chính bản thân mình.

101

SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 1. Kết luận

Qua nghiên cứu và thực hành xây dựng website hỗ trợ trong việc học tập bằng ngôn ngữ PHP, em đã hiểu rõ hơn về quá trình hình thành và triển khai một website từ từ những vấn đề từ tìm hiểu đề tài, phân tích yêu cầu, thiết kế hệ thống, phân tích Database và cho ra một sản phẩm hoàn chỉnh.

Website là một sản phẩm hoàn thiện tốt về mặt giao diện, chức năng, nhưng vẫn còn tồn tại vài vấn đề như dữ liệu sắp xếp chưa được linh hoạt và hợp lý. Hệ thống vẫn chưa được tối ưu hóa tốc độ truy cập.

Quá trình làm thực tập tốt nghiệp không thể trách khỏi những sai sót, kính mong quý thầy cô thông cảm, và cho những ý kiến để giúp em có thể phát huy hết khả năng của mình, để các lần sau có thể có kinh nghiệm hơn.

2. Hướng phát triển

- Hoàn thiện chức năng ôn luyện thi.

- Tích hợp chức năng thêm nhiều loại câu hỏi với các chủ đề khác nhau. - Tối đa hóa đữ liệu và tăng tốc độ truy cập vào hệ thống,

102

SVTH: Nguyễn Quang Trung Hiếu – Lớp: 17CNTTC

TÀI LIỆU THAM KHẢO

[1] https://www.hostinger.vn/huong-dan/html-la-gi/ [2] https://www.codehub.com.vn/CSS-Co-Ban/Gioi-Thieu [3]https://topdev.vn/blog/javascript-la-gi-internet-co-the-ton-tai-ma-khong-co- javascript-hay-khong/ [4] https://timviec365.vn/blog/ngon-ngu-php-la-gi-new7233.html [5] https://www.bkns.vn/mysql-la-gi.html [6] https://voer.edu.vn/m/bieu-do-use-case [7]https://viblo.asia/p/phan-tich-thiet-ke-he-thong-thong-tin-su-dung-bieu-do-uml- phan-2-0bDM6wpAG2X4

[8] The Joy of PHP Programming: A Beginner’s Guide – by Alan Forbes

Một phần của tài liệu Xây dựng website hỗ trợ trong việc học tập và giảng dạy của học sinh và giáo viên bằng ngôn ngữ php (Trang 85)

Tải bản đầy đủ (PDF)

(116 trang)