STT 1 2 3 4 5 6 7 8 9 10
3.4.2. Các thuộc tính dữ liệu bảng đào tạo.
STT
1 2
3.4.3. Các thuộc tính dữ liệu bảng bài test.
Bảng 3. 7: Các thuộc tính dữ liệu bảng bài test.
STT 1 2 3 4 5
3.4.4. Các thuộc tính dữ liệu bảng danh sách câu hỏi.
Bảng 3. 8: Các thuộc tính dữ liệu bảng danh sách câu hỏi.
STT 1 2 3 4 5 6 7 8
3.4.5. Các thuộc tính dữ liệu bảng khóa học online.
Bảng 3. 9: Các thuộc tính dữ liệu bảng khóa học online.
STT 1 2 3 4 5 6
3.4.6. Các thuộc tính dữ liệu bảng bài học online.
Bảng 3. 10: Các thuộc tính dữ liệu bảng bài học online.
STT 1 2 3 4 5
3.4.7. Các thuộc tính dữ liệu bảng học viên.
Bảng 3. 11: Các thuộc tính dữ liệu bảng học viên.
STT 1 2 3 4 5 6
3.4.8. Các thuộc tính dữ liệu bảng bình luận.
Bảng 3. 12: Các thuộc tính dữ liệu bảng bình luận.
STT 1 2 3 4 5 6
3.4.2. Các thuộc tính dữ liệu bảng thanh tốn.
Bảng 3. 13: Các thuộc tính dữ liệu bảng thanh tốn.
STT 1 2 3 4 5 6 7 8
3.4.10. Các thuộc tính dữ liệu bảng đăng ký.
Bảng 3. 14: Các thuộc tính dữ liệu bảng đăng ký.
STT
1 2 3
3.4.11. Các thuộc tính dữ liệu bảng tài khoản học viên.
Bảng 3. 15: Các thuộc tính dữ liệu bảng tài khoản học viên.
STT
1 2 3 4
3.4.12. Các thuộc tính dữ liệu bảng tài khoản quản lý.
Bảng 3. 16: Các thuộc tính dữ liệu bảng tài khoản quản lý
STT
1 2 3
3.4.13. Các thuộc tính dữ liệu bảng chi tiết quyền.
Bảng 3. 17: Các thuộc tính dữ liệu bảng chi tiết quyền
STT
1 2
3.4.14. Các thuộc tính dữ liệu bảng quyền.
STT
1 2
3.5. Database Diagram.
CHƯƠNG 4. TRIỂN KHAI CHƯƠNG TRÌNH4.1. Các chức năng chính của hệ thống 4.1. Các chức năng chính của hệ thống
4.1.1. Giao diện đăng nhập
Giao diện đăng nhập. Mỗi nhân viên sẽ có các tài khoản để đăng nhập vào hệ thống. Khi nhập đầy đủ thông tin về tên đăng nhập, mật khẩu người dùng chọn vào biểu tượng đăng nhập để đăng nhập.
Hình 4. 1: Giao diện đăng nhập admin.
4.1.2. Giao diện Admin
Sau khi đăng nhập thành công trả về giao diện Admin Dashboard
4.1.3. Giao diện Thêm khóa học trung tâm
Khi nhấn button Thêm khóa học trả về giao diện thêm khóa học. Cho phép admin thêm thơng tin cũng như hình ảnh cho khóa học và cập nhật trong giao diện các khóa học.
Hình 4. 3: Giao diện thêm khóa học.
4.1.4. Giao diện danh sách khóa học trung tâm
Khi nhấn button Các khóa học giao diện sẽ trả về thơng tin các khóa học.
4.1.5. Giao diện sửa khóa học trung tâm
Khi nhấn button Các khóa học giao diện sẽ trả về giao diện sửa khóa học, cho phép chỉnh sửa thơng tin khóa học và hình ảnh.
Hình 4. 5: Giao diện sửa khóa học trung tâm.
4.1.6. Giao diện thêm đào tạo
Khi nhấn button thêm đào tạo sẽ trả về giao diện thêm chương trình đào tạo. Cho phép admin thêm các chương trình đào tạo của trung tâm.
4.1.7. Giao diện danh sách đào tạo
Khi nhấn button danh sách đào tạo gia diện sẽ trả về danh sách các chương trình đào tạo.
Hình 4. 7: Giao diện danh sách đào tạo.
4.1.8. Giao diện sửa đào tạo
Khi nhấn button sửa đào tạo diện sẽ trả về giao diện sửa chương trình đào tạo.
4.1.9. Giao diện thêm khóa học online
Khi nhấn button thêm khóa học online sẽ trả về giao diện thêm khóa học online, cho phép quản trị thêm thơng tin và hình ảnh khóa học online.
Hình 4. 9: Giao diện thêm khóa học online.
4.1.10. Giao diện danh sách khóa học online
Khi nhấn button các khóa học online giao diện sẽ trả về danh sách các khóa học online.
4.1.11. Giao diện sửa khóa học online
Khi nhấn button sửa khóa học online trả về giao diện sửa khóa học online, cho phép chỉnh sửa thơng tin khóa học và hình ảnh khóa học online.
Hình 4. 11: Giao diện sửa khóa học online.
4.1.12. Giao diện các thêm bài học online
Khi nhấn button thêm bài học online sẽ trả về giao diện thêm bài học online, cho phép quản trị thêm thông tin và video bài học online.
4.1.13. Giao diện danh sách bài học online
Khi nhấn button danh sách bài học online giao diện sẽ trả về danh sách bài học online.
Hình 4. 13: Giao diện các chương trình đào tạo.
4.1.14. Giao diện sửa bài học online
Khi nhấn button sửa bài học online trả về giao diện sửa bài học online, cho phép chỉnh sửa thơng tin khóa học và video bài học online.
4.1.15. Giao diện thêm bài kiểm tra
Khi nhấn button thêm bài kiểm tra sẽ trả về giao diện thêm bài kiểm tra, cho phép quản trị thêm thơng tin bài kiểm tra.
Hình 4. 15: Giao diện thêm bài kiểm tra.
4.1.16. Giao diện danh sách bài kiểm tra
Khi nhấn button danh sách bài kiểm tra giao diện sẽ trả về danh sách bài kiểm tra.
4.1.17. Giao diện danh sách câu hỏi
Khi nhấn button danh sách câu hỏi giao diện sẽ trả về danh sách câu hỏi.
Hình 4. 17: Giao diện danh sách câu hỏi.
4.1.18. Giao diện thêm câu hỏi thành công
Khi nhấn button chọn tệp quản trị sẽ chọn file Excel danh sách câu hỏi, sau đó nhấn button Nhập file Excel để nhập câu hỏi. Nhấn button Xuất file Excel để xuất file.
4.1.19. Giao diện thêm user
Khi nhấn button thêm user giao diện sẽ trả về thêm user cho phép admin thêm các user mới.
Hình 4. 19: Giao diện thêm user.
4.1.20. Giao diện danh sách user
Khi nhấn button danh sách user giao diện sẽ trả về danh sách các user.
4.1.21. Giao diện phân quyền user
Khi nhấn button phần quyền user sẽ trả về giao diện phân quyền cho các user.
Hình 4. 21: Giao diện phân quyền user.
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