Chương 1. Giới thiệu hệ thống website dạy và học trực tuyến - Tạo các thảo luận trong khóa học để các nhóm người dùng khác nhau có thể trao đổi, tăng hiệu quả học tập và tương tác giữa các học viên và giảng viên hay học viên với nhau. - Trang quản trị Admin riêng có chức năng quản lý người dùng (nhiều level với các quyền hạn khác nhau: Admin, Teacher, Student, …) và các khóa học, xem lịch sử những người ghi danh khóa học. o Người dùng là Teacher có thể tạo khóa học, upload khóa học, tài nguyên cho khóa học, đặt giá khóa học trực tuyến, thời gian khóa học, hình thức thanh toán, … o Admin có toàn quyền.
o Student: có chức năng tự ghi danh khóa học mong muốn, phải thanh toán chi phí trước khi được được cấp mã số để ghi danh thành công. - Khóa học sẽ hiển thị dưới dạng embed youtube video, live video kèm theo một số hình thức hỏi đáp tương tác, theo dõi tiến trình học của người dùng cũng như giao bài tập cho mỗi buổi học. - Website hỗ trợ Responsive, tương thích với mọi thiết bị. - Không được sử dụng mã nguồn mở có sẵn.
Phải tự xây dựng website, cho phép sử dụng các framework làm nền tảng. - Không yêu cầu phải sử dụng chuẩn công nghệ cố định nào. Có thể dùng bất kỳ web server với bất kỳ hệ quản trị cơ sở dữ liệu nào, miễn thấy phù hợp. Trang 2 Chương 2.
Tiền xử lý Chương 2. TIỀN XỬ LÝ I) Công cụ cho quá trình xây dựng và phát triển website. Công cụ xây dựng code: Visual Studio Code. Nền tảng xây dựng website: PHP – Laravel Framework.
II) PHP – Laravel Framework 1) Vì sao lại chọn nền tảng PHP. PHP là một mã nguồn mở được phát triển bởi cộng đồng, miễn phí sử dụng và toàn quyền chỉnh sửa, mà điều này là không thể đối với một số ngôn ngữ khác như là ASP. PHP hỗ trợ chạy trên nhiều hệ điều hành như: Linux, Windows, MacOS. Trong khi đó, ASP.NET chỉ chạy được trên hệ điều hành Windows.
Vì được thiết kế bởi cộng đồng mạng lớn mạnh, nên việc gặp khó khăn trong quá trình sử dụng ngôn ngữ này sẽ nhanh chóng được mọi người hỗ trợ, giải đáp. PHP được phát triển với mực đích tạo ra các website nên nó đã lược bỏ đi các tính năng không cần thiết để giúp việc học dễ dàng hơn. Và quan trọng hơn nữa, PHP có tốc độ xử lý code nhanh chóng, giúp cho những trang web có lượng truy cập lớn có thể giải quyết được những yêu cầu được gửi đi. 2) Vì sao lại chọn Laravel Framework.
Laravel là một Framework mã nguồn mở khá phổ biến của PHP, với cấu trúc đơn giản và dễ hiểu cho người mới bắt đầu. Bên cạnh đó Laravel còn được xây dựng theo mô hình MVC, giúp cho việc theo dõi và quản lý code được hiệu quả hơn. Mặc dù với nền tảng PHP có rất nhiều Framework tốt khác như: Yii, Symfony, CodeIgniter,…nhưng tôi vẫn chọn Laravel vì khả năng phổ biến rộng rãi, với một cộng đồng mạng lớn, thuận lợi cho việc hỏi đáp cũng như được hỗ trợ nhanh nhất có thể. Bên cạnh đó, Framework này đáp ứng nhu cầu cho website khóa luận – web api, và một số tính năng ưu việt khác.
So sánh một vài thông số giữa các Framework PHP: Laravel, Symfony, Zend. Trang 3 Chương 2. Tiền xử lý Laravel Symfony Zend Phiên bản PHP Bản đồ quan hệ đối Eloquent Propel ORM. Template Blade, PHP Twig, PHP Chống CSRF Có Có Chống SQL Injection Có Có Cộng đồng Lớn Lớn Lớn Số lượng Package 16,900 7,500 6,000 Bảng 2.1 So sánh thông số giữa Laravel, Symfony, Zend.
3) Chi tiết kiến trúc Laravel Framework Cấu trúc của Laravel được chia ra thành 10 thư mục, còn được gọi là các thư mục Root, với mỗi thư mục sẽ có những chức năng khác nhau: Hình 2.1 Cấu trúc Laravel Framework. o “app” Directory - “app” là nơi chứa toàn bộ nội dung code cho ứng dụng (core code) - Hầu hết mọi lớp (class) trong ứng dụng đều nằm tại đây: Models, Controllers, Services,… Trang 4 Chương 2. Tiền xử lý o “bootstrap” Directory - Đúng với tên gọi của nó, đây là nơi để “bootstrap” framework để có được giao diện cơ bản ban đầu: Hình 2.2 Giao diện ban đầu của Laravel. o “config” Directory - Chứa các tập tin cấu hình của ứng dụng: app.php,… o “database” Directory - Chứa toàn bộ các tập tin dùng để tạo cơ sở dữ liệu (database migrations), dữ liệu ảo cho cơ sở dữ liệu (model factories, seeds).
o “public” Directory - Là “ngôi nhà” chứa các tài nguyên của hệ thống như hình ảnh, javascript, và CSS. - Chứa tập tin .htaccess và index.php, là nơi sẽ bắt đầu ứng dụng laravel thông qua các tập tin cấu hình được chạy tự động (configure autoloading). o “resources” Directory - Chứa toàn bộ views của ứng dụng, và các tài nguyên chưa được biên dịch (uncompile assets). Và cũng là nơi chứ cho các tập tin ngôn ngữ.
o “routes” Directory Trang 5 Chương 2. Tiền xử lý - Chứa các đường dẫn chỉ định tới ứng dụng (routes). Trong đó, có 4 đường dẫn chính: ▪ web.php: các routes được đặt trong tập tin này sẽ được cung cấp trạng thái session, chống CSRF, và mã hóa cookie. Nếu ứng dụng không sử dụng RESTful API hoặc các đường dẫn không trạng thái (stateless), thì hầu như các routes đều được đặt ở đây.php: như tên gọi của tập tin, đây là nơi để chứa các routes về api và stateless.
Vì thế các request gửi đi thông qua các routes này sẽ phải được xác thực thông qua tokens.php: Nơi chứa các câu lệnh đóng kín (Closure) dựa trên các lệnh console. Mỗi Closure sẽ tương tác với mỗi câu lệnh nhập xuất từ người dùng.php: Nơi để đăng ký tất cả các kênh thông báo sự kiện (event broadcasting channels) mà ứng dụng hỗ trợ. o “storage” Directory - Là nơi lưu lại toàn bộ các session, caches, và ghi logs. o “tests” Directory - Chứa những tập tin dùng để kiểm tra tính logic của ứng dụng.
- Laravel sử dụng các bài kiểm tra Unit để kiểm tra tính logic ứng dụng. o “vendor” Directory - Chứa các tập tin phụ thuộc (Dependencies), khi có một thư viện mới được cài đặt, đây sẽ là nơi chứa toàn bộ thư viện đó. Trang 6 Chương 3. Mô hình dạy và học trực tuyến Chương 3.
MÔ HÌNH WEBSITE DẠY VÀ HỌC TRỰC TUYẾN I) Xây dựng cơ sở dữ liệu 1) Sơ đồ tổng quát (Database Diagram) Tiến hành xây dựng cơ sở dữ liệu thông qua MySQL với tên: tuhoctru_onlinecourse. Sơ đồ tổng quát của cơ sở dữ liệu: Trang 7 Chương 3. Mô hình dạy và học trực tuyến.1 Sơ đồ tổng quát cơ sở dữ liệu Trang 8 a. Chi tiết cơ sở dữ liệu Trang 9 Tổng số bảng: 15 bảng.
• Bảng Thể Loại Khóa Học: the_loai_khoa_hoc Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No Tên thể loại TenTheLoai varchar(191) No khóa học created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.1 Chi tiết bảng Thể Loại Khóa Học. • Bảng Mảng Khóa Học: mang_khoa_hoc Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No Chương 3. Mô hình dạy và học trực tuyến. -> the_loai_khoa_hoc.id Liên kết khóa ON UPDATE #TheLoaiKH_id int(10) UNSIGNED No ngoại với bảng RESTRICT ON the_loai_khoa_hoc DELETE CASCADE Tên mảng khóa TenMangKH varchar(191) No học created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.2 Chi tiết bảng Mảng Khóa Học • Bảng Khóa Học: khoa_hoc Column Type Attributes Null Default Links To Comment Trang 10 Id int(10) UNSIGNED No -> mang_khoa_hoc.id Liên kết khóa ngoại ON UPDATE #MangKH_id int(10) UNSIGNED No với bảng RESTRICT ON mang_khoa_hoc DELETE CASCADE -> giang_vien.id Liên kết khóa ngoại ON UPDATE #GiangVien_id int(10) UNSIGNED No với bảng RESTRICT ON giang_vien DELETE CASCADE TenKH varchar(191) No Tên khóa học TomTat longtext No Tóm tắt khóa học GiaTien double No Giá tiền khóa học GiamGia int(11) Yes 0 Giảm giá theo % Chương 3.
Mô hình dạy và học trực tuyến. Thành tiền sau khi ThanhTien double Yes NULL giảm giá Số điểm khóa học DanhGia int(11) No 0 được đánh giá Số lượt truy cập, xem SoLuotXem int(11) No 0 khóa học Hình ảnh đại diện HinhAnh varchar(191) Yes NULL khóa học - Chưa được duyệt: 0 TrangThai int(1) Yes 0 - Đã được duyệt: 1 created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.3 Chi tiết bảng Khóa Học • Bảng Bài Giảng: bai_giang Trang 11 Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No -> khoa_hoc.id Liên kết khóa ngoại ON UPDATE #KhoaHoc_id int(10) UNSIGNED No với bảng RESTRICT ON khoa_hoc DELETE CASCADE TenBaiGiang varchar(191) No Tên bài giảng MoTa longtext Yes NULL Mô tả bài giảng EmbededURL varchar(191) No Liên kết embed created_at timestamp Yes NULL updated_at timestamp Yes NULL Chương 3. Mô hình dạy và học trực tuyến.4 Chi tiết bảng Bài Giảng. • Bảng Câu Hỏi: cau_hoi Trang 12 Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No -> bai_giang.id Liên kết khóa ON UPDATE #BaiGiang_id int(10) UNSIGNED No ngoại với bảng RESTRICT ON bai_giang DELETE CASCADE -> users.id Liên kết khóa ON UPDATE #user_id int(10) UNSIGNED No ngoại với bảng RESTRICT ON user DELETE CASCADE Chương 3.
Mô hình dạy và học trực tuyến. TieuDe varchar(191) No Tiêu đề câu hỏi NoiDung mediumtext No Nội dung câu hỏi Hình ảnh của câu HinhAnh varchar(191) Yes NULL hỏi created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.5 Chi tiết bảng Câu Hỏi Trang 13 • Bảng Code Khóa Học: code_khoa_hoc Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No Code kích hoạt code varchar(10) No khóa học, unique -> khoa_hoc.id ON UPDATE Liên kết khóa ngoại #KhoaHoc_id int(10) UNSIGNED No RESTRICT ON với bảng DELETE CASCADE khoa_hoc Code chưa sử dụng: 1 Code đã sử dụng: 0 Chương 3. Mô hình dạy và học trực tuyến. TrangThai int(11) Yes 1 Code đã sở hữu nhưng chưa sử dụng: -1 created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.6 Chi tiết bảng Code Khóa Học • Bảng Comment: comment Trang 14 Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No -> users.id Liên kết khóa ON UPDATE #user_id int(10) UNSIGNED No ngoại với bảng RESTRICT ON DELETE user CASCADE -> khoa_hoc.id ON UPDATE Liên kết khóa #KhoaHoc_id int(10) UNSIGNED No RESTRICT ON DELETE ngoại với bảng CASCADE khoa_hoc Nội dung của NoiDung text No comment Chương 3.
Mô hình dạy và học trực tuyến. created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.7 Chi tiết bảng Comment • Bảng Đánh Giá: danh_gia Trang 15 Column Type Attributes Null Default Links To Comment id int(10) UNSIGNED No -> hoa_don.id Liên kết khóa ngoại ON UPDATE #HoaDon_id int(10) UNSIGNED No với bảng RESTRICT ON hoa_don DELETE CASCADE TieuDe varchar(191) No Tiêu đề đánh giá NoiDung text No Nội dung đánh giá Điểm đánh giá: 1-5 Diem int(11) No 1: Rất tệ 5: Rất tốt Chương 3. Mô hình dạy và học trực tuyến. created_at timestamp Yes NULL updated_at timestamp Yes NULL Bảng 3.