4.1.22. Giao diện thông tin các học viên tại trung tâm
Khi nhấn button Thông tin các học viên giao diện sẽ trả về thông tin các học viên của trung tâm.
4.1.23. Giao diện thông tin các học viên online
Khi nhấn button Thông tin các học viên giao diện sẽ trả về thơng tin các học viên mua khóa học.
Hình 4. 23: Giao diện thông tin học viên online.
4.1.24. Giao diện đổi mật khẩu admin
Khi nhấn button đổi mật khẩu, giao diện sẽ trả về form đổi mật khẩu cho admin
4.1.25. Chức năng đăng xuất
Khi nhấn button đăng xuất hệ thống sẽ hỏi bạn muốn đăng xuất hay khơng?
4.1.26. Giao diện trang chủ web khóa học
4.1.27. Giao diện đăng nhập của học viên
Khi nhấn nút Sign in ở trang chủ sẽ trả về giao diện đăng nhập user.
Hình 4. 27: Giao diện đăng nhập user
4.1.28. Giao diện đăng nhập thành công của học viên
Khi nhấn nút Sign in ở trang chủ sẽ trả về giao diện đăng nhập user.
4.1.29. Giao diện đăng nhập bằng facebook
Khi nhấn nút biểu tượng facebook sẽ trả về giao diện đăng nhập facebook.
Hình 4. 29 Giao diện khi nhấn button facebook.
4.1.30. Giao diện đăng nhập facebook thành công
4.1.31. Giao diện đăng ký tài khoản user
Khi nhấn nút đăng ký sẽ trả về giao diện đăng ký cho user. User nhập đầy đủ thơng tin sau đó nhấn đăng ký, tài khoản sẽ được lưu lại.
Hình 4. 31: Giao diện đăng ký user.
4.1.32. Giao diện các khóa học tại trung tâm
Khi nhấn nút đào tạo sẽ trả về giao diện danh sách các khóa học tại trung tâm. Hiển thị thơng tin cơ bản của khóa học và mục tìm kiếm khóa học.
4.1.33. Giao diện tìm kiếm thành cơng
Khi nhập từ khóa và nhấn tìm kiếm, giao diện sẽ trả về kết quả tìm kiếm thành cơng.
Hình 4. 33: Giao diện tìm kiếm thành cơng.
4.1.34. Giao diện chi tiết khóa học tại trung tâm
Khi nhấn nút xem chi tiết tại giao diện khóa học sẽ trả về giao diện chi tiết khóa học. Hiển thị thơng tin chi tiết khóa học và các khóa học liên quan.
4.1.35. Giao diện gmail khi đăng ký thành cơng
Khi học viên đăng ký khóa học thành cơng sẽ tiến hành gửi mail cảm ơn cho học viên.
Hình 4. 35: Gửi mail cảm ơn.
4.1.36. Giao diện danh sách khóa học trực tuyến
Khi nhấn nút khóa học trực tuyến sẽ trả về danh sách các khóa học trực tuyến. Hiển thị thơng tin và giá của khóa học online.
4.1.37. Giao diện chi tiết khóa học online
Khi nhấn vào khóa học online sẽ trả về giao diện chi tiết khóa học online. Hiển thị thơng tin chi tiết của khóa học online.
Hình 4. 37: Giao diện hiển thị khóa học chưa thanh tốn.
Hình 4. 39: Giao diện hiển thị khóa học đã thanh tốn.
4.1.38. Giao diện thanh tốn khóa học online bằng VNPAY
Khi khóa học online có phí sẽ u cầu học viên thanh tốn để sở hữu khóa học
Hình 4. 41: Giao diện nhập thơng tin VNPAY.
Hình 4. 43: Hình ảnh thơng tin đơn hàng.
4.1.39. Giao diện danh sách giảng
Khi nhấn vào button học ngay sẽ hiển thị giao diện các bài giảng của khóa học online.
4.1.40. Giao diện chi tiết bài học online.
Khi nhấn vào bài học sẽ hiển thị chi tiết bài học online. Hiển thị video bài giảng và lý thuyết của bài học. Ngồi ra cịn có thêm chức năng bình luận cho bài học.
4.1.41. Giao diện bài kiểm tra.
Khi nhấn vào bài kiểm tra tham khảo sẽ hiển thị ra danh sách câu hỏi để học viên trả lời.
Hình 4. 46: Giao diện bài kiểm tra tham khảo.
Giao diện kết quả bài kiểm tra tham khảo.
4.1.42. Giao diện quên mật khẩu
Khi nhấn nút quên mật khẩu tại form đăng nhập sẽ trả về giao diện quên mật khẩu cho user. User nhập đầy đủ thơng tin sau đó nhấn Send để nhận mail đổi mật khẩu.
Hình 4. 48: Giao diện quên mật khẩu.
Check mail để lấy lại mật khẩu.
4.1.43. Giao diện cập nhật thông tin học viên
Cho phép học viên chỉnh sửa thông tin cá nhân của bản thân.
Hình 4. 50: Cập nhật thơng tin học viên.
4.1.44. Giao diện cập nhật thông tin học viên
Cho phép học viên xem thơng tin các khóa học đã đăng ký.
4.1.45. Giao diện giới thiệu trung tâm.
CHƯƠNG 5. KẾT LUẬN-KIẾN NGHỊ5.1. Kết quả 5.1. Kết quả
Trong quá trình làm đồ án, em đã học được rất nhiều kiến thức mới cũng như củng cố được những kiến thức cũ. Kết quả em đạt được :
- Biết cách thiết kế cơ sở dữ liệu và sử dụng công cụ MySQL để tạo cơ sở dữ liệu, tạo các ràng buộc dữ liệu và khai thác dữ liệu phù hợp với chương trình. - Biết cách sử dụng Visual Studio Code xây dựng chức năng của website, tạo
được giao diện phù hợp với web, dễ dàng sử dụng bằng HTML, CSS, JS. - Biết cách sử dụng PHP laravel xử lý BackEnd của một website.
- Thành cơng đưa dự án lên web host: https://khoahocshtp.webstudents.xyz/
Hình 5. 1: Kết quả đưa lên Web host.
5.2. Hạn chế
Ngoài những kết quả đã đạt được, website còn vấp phải nhiều hạn chế cần phải giải quyết:
- Giao diện hệ thống được thiết kế theo cảm tính của cá nhân, chưa được đẹp hoàn hảo .
- Cơ sở dữ liệu chưa hoàn hảo và logic, dễ mắc một số lỗi đối với các trường hợp phức tạp ngoài thực tế.
5.3. Hướng phát triển
Trong tương lai, chương trình sẽ được khắc phục những hạn chế. Song song với việc đó, chương trình cũng sẽ được bổ sung thêm nhiều tính năng mới nâng cao hơn nữa chất lượng cũng như nhiều nhu cầu khác của người học, nhằm giúp hệ thống quản lý chính xác nhất. Ngồi ra, nếu có thể, chương trình sẽ được tích hợp vào các chương trình, hệ thống khác và có thể sử dụng rộng rãi, phù hợp với các doanh nghiệp có quy mơ lớn hơn phục vụ cho thương mại.
PHỤ LỤC
Phụ lục 1: Hướng dẫn sử dụng
Người dùng truy cập đường link https://khoahocshtp.webstudents.xyz/ để truy
cập vào Website Khóa học. Có thể đăng ký người dùng hoặc có thể truy cập bằng tài khoản với tên đăng nhập Viết Vũ, mật khẩu 123.
Người dùng truy cập đường link https://khoahocshtp.webstudents.xyz/loginadmin để truy cập vào quản lý Website Khóa học. Người dùng có thể truy cập bằng tài khoản admin chính với tên đăng nhập vietvu, mật khẩu 123 sau đó có thể.
Người dùng truy cập đường link
https://auth-db482.hostinger.com/index.php?db=u111695926_khoahocshtp đăng nhập
tài khoản u111695926_khoahocshtp và mật khẩu Khoahocshtp99 để truy cập database host.
Phụ lục 2: Thông tin trang Web
- Đường linh source code: https://github.com/vietvu98/DoAnTotNghiep.git - Đường link sử dụng trang Website:
https://khoahocshtp.webstudents.xyz/
TÀI LIỆU THAM KHẢO
[1]. Trương Tuấn Anh, Hệ quản trị cơ sở dữ liệu, ĐH Bách Khoa Thành phố HCM. [2]. Jon Duckett (2011), HTML and CSS: Design and Build Website.
[3]. Jennifer Robbins (2012), Learning Web Design.
[4]. Jon Duckett (2014), JAVASCRIPT & JQUERY: Interactive Front-End Web
Development.
[5]. Pgs.Ts Phạm Ngọc Nam (2007), Phân Tích Thiết Kế Hướng Đối Tượng, Đh Bách Khoa Hn.
[6]. Kevin Yank (2001), PHP & MySQL: Novice to Ninja.
[7]. Lynn Beighley & Michael Morison (2002), Head First PHP & MySQL. [8]. LeanPub (2017), Laravelista A Collection of Laravel Tutorials.
[9]. LeanPub (2017), Laravel 5.4 For Beginners.
[10].https://edumall.vn , “Edumall - Học trực tuyến cho người đi làm” – truy cập ngày
01/05/2021.
[11]. http://www.shtp-training.edu.vn , “SHTP TRAINING CENTER” – truy cập ngày
13/05/2021.
[12].https://laravel.com , “Laravel - The PHP Framework For Web Artisans” – truy
cập ngày 06/01/2021.
[13]. https://freetuts.net/hoc-php , “Học PHP - Lập trình PHP - Tự học PHP - Freetuts” – truy cập ngày 06/01/2021.
[14].https://www.w3schools.com ,“ W3Schools Online Web Tutorials” – truy cập
ngày 12/01/2021.
[15].https://www.freecodecamp.org , “Learn to Code — For Free — Coding Courses
for Busy People” – truy cập ngày 10/05/2021.
[16].https://codepen.io , “CodePen: Online Code Editor and Front End Web Developer
Community” – truy cập ngày 14/06/2021.
[17].https://colorlib.com , “WordPress Themes Website Templates - Colorlib” – truy
cập ngày 10/05/2021.
[18].https://codelearn.io , “Learn to code easily with CodeLearn” – truy cập ngày