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 (adsbygoogle = window.adsbygoogle || []).push({});
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 (adsbygoogle = window.adsbygoogle || []).push({});
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 (adsbygoogle = window.adsbygoogle || []).push({});
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 (adsbygoogle = window.adsbygoogle || []).push({});
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