7. Cấu trúc đề tài:
3.2. Một số giao diện chức năng của website
Giao diện trang chủ sẽ hiển thị hết sẽ hiển thị các chức của trang web cho phép người dùng thao tác với hệ thống, hiển thị danh mục các khóa học đang sẵn có trên hệ thống của trung tâm
45 Giao diện thể hiện chi tiết các danh mục khóa học có sẵn trên hệ thống của trung tâm để học viên và khách hàng dễ dàng tìm kiếm và lựa chọn
Hình 3.2: Danh mục khóa học
Giao diện khi học viên đăng nhập.Học viên cần nhập chính xác các thông tin tài khoản và mật khẩu để có thể truy cập. Nếu quên mật khẩu có thể chọn dòng “Quên mật khẩu”.
46 Giao diện đăng ký cho phép người dung điền các trường thông tin cần thiết để tiến hành đăng ký tài khoản học viên. Sau khi đăng ký sẽ có một mail gửi liên kết để xác nhận đăng ký tài khoản. Xác nhận đăng ký thành công xong sẽ được chuyển hướng về trang đăng nhập.
Hình 3.4: Giao diện đăng ký
Giao diện sau khi học viên chọn một danh mục khóa học bất kì, thể hiện chi tiết các bài học có trong danh mục đó
47 Tại trang này người quản trị có thể quản lý các thông tin tài khoản của học viên như: số điện thoại liên hệ, email, ngày đăng ký, khóa học đã mua
Hình 3.6: Giao diện quản lý danh sách học viên
Khi muốn thêm mới một thêm mới một danh mục môn học hoặc một bài học thuộc danh mục, người quản trị có thể truy cập vào khu vực riêng để thực hiện thao tác trên.
48 Tại đây nhà quản lý có thể quản lý, thêm mới và cấp quyền cho các tài khoản admin quản lý từng chức vụ khác nhau.
Hình 3.8: Giao diện thêm mới tài khoản admin
49 Dưới đây là mã nguồn của một số chức năng cơ bản như đăng nhập và tìm kiếm của trang web. Mã nguồn của LoginController, phần này sẽ thực hiện chức năng đăng nhập vào trang web.
<?php namespace App\Http\Controllers\Auth; use Illuminate\Http\Request; use Illuminate\Support\Facades\Validator; use App\Http\Controllers\Controller; use App\Providers\RouteServiceProvider; use Illuminate\Foundation\Auth\AuthenticatesUsers; use Auth; use App\User;
class LoginController extends Controller {
use AuthenticatesUsers; /**
* Where to redirect users after login. *
* @var string */
protected $redirectTo = RouteServiceProvider::HOME; /**
50 *
* @return void */
public function __construct() {
$this->middleware('guest')->except('logout'); // $this->middleware('verified');
}
public function postLogin(Request $request) { $rules = [ 'user_name' => 'required|', 'user_password' => 'required|min:8|max:64' ]; $messages = [
'user_name.required' => 'Vui lòng nhập email', 'user_password.required' => 'Vui lòng nhập mật khẩu',
'user_password.min' => 'Vui lòng nhập password tối thiểu 8 ký tự', 'user_password.max' => 'Vui lòng nhập password tối đa 64 ký tự', ];
51 if ($validator->errors()->messages()) { return response()->json([ 'status' => 'validator_fail', 'messages' => $validator->errors()->messages() ], 400); } $name = $request->user_name; $password = $request->user_password;
// $valid = Auth::attempt(['name'=>$name, 'password'=>$password]); $user = User::where('name', $name)->first();
if ($user->hasVerifiedEmail()) { if (Auth::attempt(['name'=>$name, 'password'=>$password])) { // return $this->sendLoginResponse($request); return response()->json([ 'status' => true ], 200); } else { return response()->json([ 'status' => 'auth_fail',
'messages' => 'User hoặc mật khẩu chưa đúng' ], 400);
52 }
}else {
return response()->json([ 'status' => 'veri_fail',
'messages' => 'Chưa xác minh email' ], 400); } // var_dump ($valid); // die(); // if ($valid) { // return response()->json([ // 'status' => true // ], 200); // } else { // return response()->json([ // 'status' => 'auth_fail',
// 'messages' => 'Email hoặc mật khẩu chưa đúng' // ], 400);
// } }
53 Mã nguồn của FrontController, phần này sẽ thực hiện chức năng tìm kiếm khóa học của học viên và khách vãng lai.
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\Facades\Validator; use DB; use Session; use Auth;
class FrontController extends Controller {
public function searchLive(Request $request) {
if ($request->ajax()) {
$products = DB::table('products')->where('product_name', 'LIKE', '%'.$request->search.'%')->limit(5)->get();
if ($products->count() !== 0) { return response()->json([ 'status' => true,
'message' => 'Tìm Thấy Khóa Học', 'products' => $products
], 200); } else {
54 return response()->json([
'status' => 'invalid',
'message' => 'Không Tìm Thấy Khóa Học' ], 200);
} } }
public function searchProduct(Request $request) { $search = $request->searchproduct; $products = DB::table('products') ->where('product_name','LIKE',"%$search%")->paginate(12); return view('pages.search',['products'=>$products,'search'=>$search]); } } 3.3. Sự khác biệt so với hệ thống cũ
Từ quá trình cài đặt và thử nghiệm có thể thấy sự khác biệt mà website bán học trực tuyến mang lại. Website cũ của trung tâm chỉ có chức năng trình bày, giới thiệu các khóa học, mang tính thông tin tới người dùng. Website thử nghiệm được xây dựng có các chức năng giúp học viên có thể dễ dàng tìm kiếm các khóa học và các tài liệu học tập cần thiết. Đây là một sự cải tiến so với trang web cũ của trung tâm, giúp cho học viên tiết kiệm rất nhiều thời gian và nâng cao trải nghiệm so việc tìm kiếm thủ công và tìm tài liệu từ những nguồn không chính cống bên ngoài. Học viên có thể tải hoặc xem lại lịch sử các khóa học, tài liệu mà mình đã tìm kiếm bất cứ khi nào. Các trang quản trị cũng được tối ưu hơn website
55 cũ, có nhiều chức năng quản lý hơn như quản lý danh mục khóa học, quản lý tài liệu học tập, quản lý đơn hang mua khóa học, cài đặt website để thay đổi tên, liên kết đến các trang mạng xã hội, logo, số điện thoại, email, địa chỉ liên hệ của công ty.
Tiểu kết
Để kiểm tra hệ thống có hoạt động chính xác hay không thì bước thử nghiệm vô cùng quan trọng. Ở chương 3, tác giả khóa luận đã thực hiện việc cài đặt trang web. Mỗi giao diện web tương ứng với với những chức năng, nghiệp vụ cụ thể, ở đây mỗi người dung, người quản trị có thể thực hiện các tác vụ khác nhau. Hoạt động dạy và học trực tuyến được mô tả chi tiết về cách thức hoạt động. Thông qua những thử nghiệm hoạt động đó tác giả còn đưa ra các điểm khác biệt về tính năng so với website cũ. Ở website này có nhiều chức năng hơn đáp ứng được nhiều nhu cầu của học viên hơn, đem lại nhiều trải nhiệm tốt và tối ưu hơn.
56
KẾT LUẬN
Trong thời điểm mà đại dịch bùng phát như hiện nay, nhu cầu về một môi trường học trực tuyến ngày càng cấp thiết. Học tập và trau dồi kiến thức trong mọi hoạt động, mọi lĩnh vực nói chung là những nhu cầu thiết yếu của mỗi người. Việc ứng dụng tin học, ứng dụng những thành tựu khoa học vào việc dạy và học giúp quá trình này cắt giảm bớt thời gian, công sức làm việc nhưng đem lại kết quả cao, thậm chí còn vượt hơn cả các phương pháp học truyền thống bây giờ. Việc cho phát triển website học trực tuyến cho trung tâm giáo dục Topedutech đã mang lại một sự lựa chọn mới mẻ và phù hợp, giúp cho mọi người dễ dàng tiếp cận với các phương pháp học mới. Giao diện than thiện với người dung giúp cho từ người lớn tuổi đến trẻ em cũng đều có thể sử dụng một cách dễ dàng, thuận tiện tiếp cận với những kiến thức mới hoặc cải thiện kiến thức.
Kết quả đạt được
Việc thực hiện khóa luận lần này đã đem lại cho bản thân em rất nhiều kiến thức. Hiểu rõ được mô hình của một website học trực tuyến, hiểu được và thực hành thiết kế cơ sở dữ liệu trên MySQL tích hợp sẵn trên ứng dụng XAMPP. Khảo sát hệ thống và thiết kế hệ thống để đưa ra một website thân thiện với người dùng, giúp học viên tiếp cận từng môn học theo các danh mục cụ thể, từng bài học được thể hiện rõ thông tin đi kèm với các tài liệu học tập khác. Các nhà quản trị cũng có thể dễ dàng quản lý trang web, quản lý tài liệu học tập thông qua các chức năng cơ bản của trang quản trị của website.
Hạn chế
Tuy nhiên việc xây dựng website hiện tại vẫn còn những hạn chế cần phải cải thiện như: lương tài nguyên tài liệu học tập, các môn học còn khiêm tốn, chưa tích hợp được các phương thức thanh toán trực tuyến khi học viên có nhu cầu mua khóa học, tính bảo mật thông tin, bảo mật cơ sở dữ liệu chưa cao, chưa tích hợp được các ứng dụng giúp các học viên có thể trao đồi, trò chuyện trực tiếp với giáo viên,….
57
Hướng phát triển
Để phát triển website ngày càng hoàn thiện, việc tích hợp thêm các thành tựu, ứng dụng khác là rất cần thiết. Để dễ dàng cho học viên mua khóa học hơn cần phải tích hợp các phương thức thanh toán trực tuyến. Để nâng cao chất lượng dạy và học cần phải mở rộng nguồn tài liệu học tập, mở rộng ngân hàng bài học và khóa học, tích hợp các phương thức giúp học viên và giáo viên có thể trò chuyện trực tiếp với nhau. Tạo hòm thư tiếp nhận ý kiến phản hồi, đánh giá chất lượng khóa học của mỗi học viên để cải thiện hơn hệ thống cũng là rất cần thiết.
58
TÀI LIỆU THAM KHẢO
1. Nguyễn Thiên Bằng(2005), "Giáo Trình Nhập Môn PHP & MySQL - Xây Dựng Ứng Dụng Web", NXB Lao động - Xã hội, Hà Nội
2. Hoàng Đức Hải (2005), "Xây Dựng Ứng Dụng Web Bằng PHP Và MySQL", NXB Phương Đông, TP. Hồ Chí Minh
3. Hoàng Đức Hải (2006), "Các Thủ Thuật Trong HTML Và Thiết Kế Web", NXB Lao động - Xã hội, Hà Nội
4. Nguyễn Trường Sinh (2006) , "Sổ Tay PHP & MySQL", NXB Lao động - Xã hội, Hà Nội
5. Nguyễn Trường Sinh (2006) , "Hướng Dẫn Thiết Kế Trang Web Tương Tác Bằng JavaScript", NXB Giáo dục, Hà Nội