(TIỂU LUẬN) báo cáo đồ án tốt NGHIỆP đề tài xây DỰNG WEBSITE KHÓA học, hỗ TRỢ KIỂM TRA và THANH TOÁN ONLINE

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN ONLINE Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN VIẾT VŨ Lớp: CƠNG NGHỆ THƠNG TIN Khố: 58 TP Hồ Chí Minh, 08 năm 2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN ONLINE Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN VIẾT VŨ Lớp: CÔNG NGHỆ THƠNG TIN Khố: 58 TP Hồ Chí Minh, 08 năm 2021 TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH Độc lập – Tự - Hạnh phúc BỘ MÔN CÔNG NGHỆ THÔNG TIN - NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Mã sinh viên: 5851071089 Họ tên SV: Nguyễn Viết Vũ Khóa: 58 Lớp: Công Nghệ Thông Tin Tên đề tài XÂY DỰNG WEBSITE KHĨA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TỐN ONLINE Mục đích, yêu cầu a Mục đích - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung tâm Về phần giao diện admin, thiết kế thuận tiện việc quản lý thông tin, thêm, sửa, xóa cho khóa học kiểm tra b Yêu cầu - Tìm hiểu PHP Laravel Framework - Tìm hiểu HTML, CSS, Javascript, Bootstrap - Tìm hiểu áp dụng Api, toán online chức khác cho website - Xây dựng, thiết kế website phù hợp với mục đích sử dụng Nguyễn Viết Vũ – K58 i Nội dung phạm vi đề tài a Nội dung đề tài - Xây dựng website gồm giao diện cho người dùng admin + Về giao diện người dùng cho phép học viên xem tiến hành đăng ký khóa học offline trung tâm Ngồi trung tâm có khóa học online miễn phí có phí, học viên tiến hành xem, đăng kí tiến hành tốn để sở hữu khóa học Chức hỗ trợ kiểm tra online theo hình thức trắc nghiệm + Về giao diện admin cho phép đăng quản lý khóa học trung tâm khóa học online, quản lý học, kiểm tra Phân quyền chức cho người dùng b Phạm vi đề tài - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung tâm Công nghệ, công cụ ngơn ngữ lập trình a Cơng nghệ: Visual Studio Code version 1.57.1, Xampp PhpMyAdmin phiên bản: 5.0.2 b Ngôn ngữ lập trình: PHP, HTML, CSS, Javascript, Bootstrap Các kết dự kiến đạt ứng dụng - Hoàn chỉnh báo cáo đề tài - Xây dựng đầy đủ chức cần thiết cho website khóa học - Xây dựng giao diện thuận tiện cho người dùng sử dụng - Nắm quy trình nghiệp vụ website Xây dựng thành cơng website khóa học Nguyễn Viết Vũ – K58 ii Giáo viên cán hướng dẫn Họ tên: PHẠM THỊ MIÊN Đơn vị công tác: Bộ môn Công Nghệ Thông Tin – Trường Đại học Giao thông Vận tải phân hiệu TP HCM Điện thoại: 0961170638 Email: ptmien@utc2.edu.vn Ngày 01 tháng 08 năm 2021 Đã giao nhiệm vụ TKTN BM Công Nghệ Thông Tin Giáo viên hướng dẫn Phạm Thị Miên Đã nhận nhiệm vụ TKTN Sinh viên: Nguyễn Viết Vũ Ký tên: Điện thoại: 0332173097 Email: 5851071089@st.utc2.edu.vn Nguyễn Viết Vũ – K58 iii LỜI CẢM ƠN Lời nói đầu tiên, em xin gửi tới Quý thầy cô Bộ môn Công Nghệ Thông Tin, Ban Giám Hiệu Trường Đại học Giao thông Vận tải phân hiệu Thành phố Hồ Chí Minh lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm dạy dỗ, bảo tận tình chu đáo thầy cơ, em hồn thành đề tài tốt nghiệp “Xây dựng website Khóa học, hỗ trợ kiểm tra tốn online” Để hồn thành nhiệm vụ giao này, ngồi nỗ lực học hỏi khơng ngừng thân cịn có hướng dẫn tận tình giảng viên năm vừa qua, đặc biệt hết nhờ có giảng viên Phạm Thị Miên, người hướng dẫn cho hướng đi, truyền đạt cho em kiến thức, kỹ để tơi hoàn thành đề tài tốt nghiệp Mặc dù cố gắng để hoàn thành đề tài, chắn khó tránh khỏi thiếu sót Em mong nhận đánh giá, góp ý Q thầy để t rút cho học, kinh nghiệm quý báu Sau cùng, em khơng biết nói ngồi kính chúc Q thầy Bộ mơn Cơng Nghệ Thông Tin đặc biệt cô Phạm Thị Miên thật dồi sức khỏe ngày gặt hái nhiều thành công sống nghiệp giảng dạy Em xin chân thành cảm ơn! TP Hồ Chí Minh, ngày 01 tháng 08 năm 2021 Sinh viên thực Nguyễn Viết Vũ Nguyễn Viết Vũ – K58 iv NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày 01 tháng 08 năm 2021 Giảng viên hướng dẫn Phạm Thị Miên Nguyễn Viết Vũ – K58 v MỤC LỤC LỜI CẢM ƠN IV NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN V DANH MỤC CHỮ VIẾT TẮT X DANH MỤC HÌNH VẼ XI DANH MỤC BẢNG BIỂU XIV CHƯƠNG MỞ ĐẦU 1.1 Tổng quan đề tài 1.2 Mô tả chi tiết đề tài 1.3 Công cụ sử dụng 1.4 Cấu trúc báo cáo đồ án tốt nghiệp CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Tổng quan ngơn ngữ lập trình PHP 2.1.1 Ưu nhược điểm PHP 2.1.2 Ứng dụng thực tế ngôn ngữ PHP 2.2 Tổng quan Laravel 2.2.1 Ưu điểm Laravel 2.2.2 Nhược điểm Laravel 2.3 HTML 2.3.1 Giới thiệu HTML 2.3.2 Vai trò HTML 2.4 CSS 2.4.1 Giới thiệu CSS 2.4.2 Ưu điểm CSS 2.5 JavaScript 2.5.1 Giới thiệu JavaScript 2.5.2 Ưu điểm JavaScript 2.5.3 Nhược điểm JavaScript 2.6 Bootstrap 2.6.1 Giới thiệu Bootstrap 2.6.2 Lý chọn Bootstrap 2.6.3 Cấu trúc tính Bootstrap Nguyễn Viết Vũ – K58 vi 4.1.33 Giao diện tìm kiếm thành cơng Khi nhập từ khóa nhấn tìm kiếm, giao diện trả kết tìm kiếm thành cơng Hình 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 trung tâm Khi nhấn nút xem chi tiết giao diện khóa học trả giao diện chi tiết khóa học Hiển thị thơng tin chi tiết khóa học khóa học liên quan Hình 34: Giao diện chi tiết khóa học trung tâm Nguyễn Viết Vũ – K58 46 4.1.35 Giao diện gmail đăng ký thành công Khi học viên đăng ký khóa học thành cơng tiến hành gửi mail cảm ơn cho học viên Hình 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 trả danh sách khóa học trực tuyến Hiển thị thơng tin giá khóa học online Hình 36: Danh sách khóa học trực tuyến Nguyễn Viết Vũ – K58 47 4.1.37 Giao diện chi tiết khóa học online Khi nhấn vào khóa học online trả giao diện chi tiết khóa học online Hiển thị thơng tin chi tiết khóa học online Hình 37: Giao diện hiển thị khóa học chưa tốn Hình 38: Giao diện hiển thị khóa học miễn phí Nguyễn Viết Vũ – K58 48 Hình 39: Giao diện hiển thị khóa học tốn 4.1.38 Giao diện tốn khóa học online VNPAY Khi khóa học online có phí u cầu học viên tốn để sở hữu khóa học Hình 40: Giao diện tốn VNPAY Nguyễn Viết Vũ – K58 49 Hình 41: Giao diện nhập thơng tin VNPAY Hình 42: Giao diện nhập mã xác thực OTP Nguyễn Viết Vũ – K58 50 Hình 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 hiển thị giao diện giảng khóa học online Hình 44: Giao diện danh sách giảng Nguyễn Viết Vũ – K58 51 4.1.40 Giao diện chi tiết học online Khi nhấn vào học hiển thị chi tiết học online Hiển thị video giảng lý thuyết học Ngoài cịn có thêm chức bình luận cho học Hình 45: Giao diện học online Nguyễn Viết Vũ – K58 52 4.1.41 Giao diện kiểm tra Khi nhấn vào kiểm tra tham khảo hiển thị danh sách câu hỏi để học viên trả lời Hình 46: Giao diện kiểm tra tham khảo Giao diện kết kiểm tra tham khảo Hình 47: Giao diện kết kiểm tra Nguyễn Viết Vũ – K58 53 4.1.42 Giao diện quên mật Khi nhấn nút quên mật form đăng nhập trả giao diện quên mật cho user User nhập đầy đủ thông tin sau nhấn Send để nhận mail đổi mật Hình 48: Giao diện quên mật Check mail để lấy lại mật Hình 49: Hình ảnh email mật Nguyễn Viết Vũ – K58 54 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 thân Hình 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 khóa học đăng ký Hình 51: Thơng tin khóa học đăng ký Nguyễn Viết Vũ – K58 55 4.1.45 Giao diện giới thiệu trung tâm Hình 52: Trang giới thiệu trung tâm Nguyễn Viết Vũ – K58 56 CHƯƠNG KẾT LUẬN-KIẾN NGHỊ 5.1 Kết Trong trình làm đồ án, em học nhiều kiến thức củng cố kiến thức cũ Kết em đạt : - Biết cách thiết kế sở liệu sử dụng công cụ MySQL để tạo sở liệu, tạo ràng buộc liệu khai thác 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 website, tạo giao diện phù hợp với web, dễ dàng sử dụng HTML, CSS, JS - Biết cách sử dụng PHP laravel xử lý BackEnd website Thành công đưa dự án lên web host: https://khoahocshtp.webstudents.xyz/ Hình 1: Kết đưa lên Web host 5.2 Hạn chế Ngoài kết đạt được, website vấp phải nhiều hạn chế cần phải giải quyết: - Giao diện hệ thống thiết kế theo cảm tính cá nhân, chưa đẹp hoàn hảo Cơ sở liệu chưa hoàn hảo logic, dễ mắc số lỗi trường hợp phức tạp thực tế Cịn thiếu số tính nâng cao để ứng dụng sử dụng tiện lợi Nguyễn Viết Vũ – K58 57 5.3 Hướng phát triển Trong tương lai, chương trình khắc phục hạn chế Song song với việc đó, chương trình bổ sung thêm nhiều tính nâng cao chất lượng nhiều nhu cầu khác người học, nhằm giúp hệ thống quản lý xác Ngồi ra, có thể, chương trình tích hợp vào chương trình, hệ thống khác sử dụng rộng rãi, phù hợp với doanh nghiệp có quy mơ lớn phục vụ cho thương mại Nguyễn Viết Vũ – K58 58 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 truy cập tài khoản với tên đăng nhập Viết Vũ, mật 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 truy cập tài khoản admin với tên đăng nhập vietvu, mật 123 sau 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 mật 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/ https://khoahocshtp.webstudents.xyz/loginadmin Nguyễn Viết Vũ – K58 59 TÀI LIỆU THAM KHẢO [1] Trương Tuấn Anh, Hệ quản trị sở 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 [5] [6] [7] [8] [9] Development 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 Kevin Yank (2001), PHP & MySQL: Novice to Ninja Lynn Beighley & Michael Morison (2002), Head First PHP & MySQL LeanPub (2017), Laravelista A Collection of Laravel Tutorials LeanPub (2017), Laravel 5.4 For Beginners [10] https://edumall.vn, “Edumall - Học trực tuyến cho người làm” – truy cập ngày [11] [12] [13] [14] [15] [16] [17] [18] 01/05/2021 http://www.shtp-training.edu.vn, “SHTP TRAINING CENTER” – truy cập ngày 13/05/2021 https://laravel.com, “Laravel - The PHP Framework For Web Artisans” – truy cập ngày 06/01/2021 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 https://www.w3schools.com,“ W3Schools Online Web Tutorials” – truy cập ngày 12/01/2021 https://www.freecodecamp.org, “Learn to Code — For Free — Coding Courses for Busy People” – truy cập ngày 10/05/2021 https://codepen.io, “CodePen: Online Code Editor and Front End Web Developer Community” – truy cập ngày 14/06/2021 https://colorlib.com, “WordPress Themes Website Templates - Colorlib” – truy cập ngày 10/05/2021 https://codelearn.io, “Learn to code easily with CodeLearn” – truy cập ngày 9/05/2021 Nguyễn Viết Vũ – K58 60 ... DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH TOÁN... KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Mã sinh viên: 5851071089 Họ tên SV: Nguyễn Viết Vũ Khóa: 58 Lớp: Công Nghệ Thông Tin Tên đề tài XÂY DỰNG WEBSITE KHÓA HỌC, HỖ TRỢ KIỂM TRA VÀ THANH. .. trung tâm khóa học online, quản lý học, kiểm tra Phân quyền chức cho người dùng b Phạm vi đề tài - Xây dựng website cho phép học viên đăng ký khóa học mua khóa học online, tham khảo kiểm tra trung