XÂY DỰNG HỆ THỐNG WEBSITE KHÓA HỌC TRỰC TUYẾN HTBDU VỚI PHP

TRƯ Ờ NG Đ Ạ I H Ọ C CÔNG NGH Ệ THÔNG TIN VÀ TRUY Ề N THÔNG VI Ệ T - HÀN KHOA KHOA H Ọ C MÁY TÍNH TÓM T Ắ T Đ Ồ ÁN T Ố T NGHI Ệ P (L ậ p trình máy tính) Đ ề tài: XÂY D Ự NG H Ệ TH Ố NG WEBSITE KHÓA H Ọ C TR Ự C TUY Ế N HTBDU V Ớ I PHP & MYSQL SVTH : Hoàng Thái Bình Mã sinh viên : K13C05A001 L ớ p : K13C05A GVHD : ThS Ngô Lê Quân Đà N ẵ ng, tháng 11 năm 2021 Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 2 M Ở Đ Ầ U V ớ i s ự ph á t tri ể n v à ph ổ bi ế n c ủ a Internet, h ì nh th ứ c h ọ c t ậ p tr ự c tuy ế n đ ã tr ở th à nh m ộ t xu hư ớ ng trên th ế gi ớ i trong nhiều năm tr ở l ạ i đây Trư ớ c nh ữ ng kh ó khăn do d ị ch COVID - 19 gây ra, nh ữ ng ứ ng d ụ ng h ọ c t ậ p tr ự c tuy ế n ngày càng ch ứ ng minh đư ợ c s ự h ữ u í ch c ủ a ch ú ng tron g vi ệ c k ế t n ố i h ọ c sinh v ớ i gi á o viên, gia sư đ ể vi ệ c d ạ y v à h ọ c không b ị gi á n đo ạ n Dựa trên nghiên cứu gần đây nhất của The Business Research Company, thị trường gia sư trực tuyến dự kiến sẽ tăng từ 1,3 tỉ đô la vào năm 2019 lên 1,53 tỉ đô la trong năm 2020 với tốc độ tăng trưởng kép (CAGR) hằng năm là 18% V ớ i t í nh c á nhân h ó a m ạ nh m ẽ , mô h ì nh gia sư tr ự c tuy ế n c ó th ể h ỗ tr ợ ngư ờ i h ọ c m ọ i l ú c m ọ i nơi, t ù y thu ộ c v à o nhu c ầ u c ủ a t ừ ng h ọ c sinh Vi ệ c l ự a ch ọ n gia sư c ó phong c á ch gi ả ng d ạ y ph ù h ợ p v ớ i m ỗ i ngư ờ i s ẽ tr ở nên d ễ d à ng hơn bao gi ờ h ế t T í nh k ế t n ố i m ạ nh m ẽ v à đ ộ linh ho ạ t cao l à n ề n t ả ng đ ể h ì nh th ứ c h ọ c t ậ p n à y ph á t tri ể n nhanh ch ó ng trong c á ch m ạ ng công ngh ệ 4 0 Xu hướng mới dần thành hình tại Việt Nam M ặ c d ù m ộ t s ố ứ ng d ụ ng gia sư tr ự c tuy ế n thâm đã nh ậ p v à o th ị trư ờ ng Vi ệ t Nam t ừ năm 2016, nhưng cho đ ế n nay, quy mô của nền tảng ngày chưa thực sự tương x ứ ng v ớ i th ị trư ờ ng hơn 17 tri ệ u h ọ c sinh c ủ a nư ớ c ta Trong khi ph ầ n l ớ n c á c ứ ng d ụ ng nư ớ c ngo à i s ử d ụ ng tr í tu ệ nhân t ạ o (AI) đ ể tương t á c v ớ i h ọ c sinh v à gi ả i quy ế t v ấ n đ ề c ó ph ầ n m á y m ó c, ngư ờ i h ọ c Vi ệ t Nam l ạ i c ó nhu c ầ u tương t á c gi ữ a ngư ờ i v ớ i ngư ờ i cao hơn Thi ế t k ế website bán khóa h ọ c giúp các trung tâm d ạ y h ọ c hay các doanh nghi ệ p d ễ dàng ti ế p c ậ n hơn v ớ i h ọ c viên đ ồ ng th ờ i cũng thu ậ n ti ệ n hơn v ớ i nh ữ ng gia đình mu ố n tìm cho con cái mình m ộ t d ị ch v ụ d ạ y h ọ c t ạ i nhà chuyên nghi ệ p Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 3 Với nhiều í ch lợi cũng như vai trò lớn, thiết kế website bán khóa học trực tuyến hoặc gia sư trực tuyến là một hướng đi tất yếu trong thời đại mới M ộ t thi ế t k ế web bán khóa h ọ c nói riêng hay web bán hàng nói chung có nh ữ ng tính năng nào? S ở h ữ u vai trò quan tr ọ ng quá trì nh phát tri ể n và m ở r ộ ng m ộ t trung tâm day h ọ c hay m ộ t doanh nghi ệ p, v ậ y m ộ t thi ế t k ế website gia sư c ầ n có nh ữ ng ch ứ c năng gì? Ph ả i chăng ch ỉ c ầ n giao di ệ n b ắ t m ắ t và chuyên nghi ệ p là đ ủ ? • Trang chủ: Là trang tổng hợp tất cả các dịch vụ, hình ả nh và tin t ứ c cần thiết của website, giúp mang đến cho người truy cập một cái nhìn tổng quan và đầy đủ nhất • Trang giới thiệu : Giới thiệu chung về trung tâm, ngày thành lập, lịch sử phát triển cung như các thành tích trung tâm đạt được cùng những nhân sự chủ chốt • Kh óa học : Tính năng khóa học trong một thiết kế website bán khóa học cung cấp đến cho người truy cập các thông tin về khóa học, lịch học cũng như chi phí cho mỗi khóa học Tính năng này cũng cho phép người quản trị dễ dàng quản lý được tình trạng của khóa họ c như số người đăng ký, số ghế có thể đăng ký, tăng hiệu quả quản lý • Tin tức : Tính năng này cho phép người quản lý, giáo viên chia sẻ các thông tin liên quan đến kiến thức cần bổ sung trong quá trình học cũng như một số tin khuyến mãi, tin khóa học nổi bậ t, tổng hợp kết quả học viên, • Tư vấn - hỏi đáp : Tính năng tư vấn hỏi đáp hỗ trợ trực tuyến live chat, giúp học viên dễ dàng tương tác với giáo viên, cũng là nơi giải đáp mọi thắc mắc Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 4 của khách hàng về khóa học Việc giải đáp và đưa ra những tư vấn hợp l ý sẽ giúp thể hiện sự chuyên nghiệp và thân thiện cho website của bạn • Liên hệ : Chân website hiển thị các thông tin liên hệ của trung tâm cũng như một biểu mẫu để khách hàng có thể điền thông tin cần hỏi hoặc các nhận xét gửi về cho trung tâm • Danh sách kh óa học quan tâm : Trang này giống như trang giỏ hàng của các trang web bán hàng ta thường thấy, khi người dùng nhấn vào nút quan tâm trên trang khóa học thì khóa học đó sẽ được thêm vào danh sách quan tâm Ở trang này người dùng có thể chọn mua và thanh toá n khóa học hoặc cũng có thể xóa khóa học khỏi danh sách khóa học quan tâm • Live chat : Tính năng này cho phép trò chuy ệ n tr ự c tuy ế n, có tính ch ấ t th ờ i gian th ự c Nó giúp b ạ n trao đ ổ i giúp đ ỡ , tư v ấ n, h ỗ tr ợ khách hàng ngay t ứ c thì b ằ ng nh ữ ng tin nh ắ n tr ự c t i ế p • Bản đồ : Tính năng bản đồ cho biết địa điểm cụ thể của trung tâm theo định vị hệ thống, giúp khách hàng dễ dàng đến trung tâm theo chỉ dẫn trên giao diện Google Maps Và rất nhiều các tính năng hữu í ch khác được thiết kế tùy theo nhu cầu cũng như mục đích mà một trung tâm dạy học muốn hướng đến Mục tiêu nghiên cứu Tìm hi ể u v ề công ngh ệ l ậ p trình web: + Tìm hi ể u v ề ngôn ng ữ PHP + Tìm hi ể u v ề nguyên lí ho ạ t đ ộ ng c ủ a m ộ t ứ ng d ụ ng web đư ợ c l ậ p trình t ừ ngôn ng ữ l ậ p trình h ệ th ố ng PHP trên website Đáp ứ ng yêu c ầ u h ệ th ố ng: Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 5 + Mua, đ ặ t các lo ạ i s ả n ph ẩ m khóa h ọ c trên h ệ th ố ng tr ự c tuy ế n + Tích h ợ p thanh toán online b ằ ng Paypal, Visa, th ẻ ngân hàng, … + T ố i ưu hi ệ u su ấ t c ủ a h ệ th ố ng v ề t ố c đ ộ load trang Đ ố i tư ợ ng và ph ạ m vi nghiên c ứ u - Ngôn ng ữ PHP, Lavavel Framework, HTML, CSS3, Javascript, bootstrap 4, … - Công c ụ l ậ p trình: Visual Studio, Xamp, MySQL Workbench, Laragon, … - Mô hình MVC, MySQL B ố c ụ c đ ề tài Ph ầ n trình bày báo cáo đư ợ c th ể hi ệ n qua các ph ầ n chính như sau: L ờ i c ả m ơn M ở đ ầ u Chương 1: Cơ s ở lý lu ậ n Chương 2: Phân tích v ầ thi ế t k ế h ệ th ố ng Chương 3: Xây d ự ng và trình bày s ả n ph ẩ m K ế t lu ậ n TÀI LI Ệ U THAM KH Ả O PH Ụ L Ụ C Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 6 CH ƯƠNG I: CƠ S Ở LÝ LU Ậ N 1 1 Ngôn ng ữ l ậ p trình h ệ th ố ng PHP 1 1 1 PHP là gì ? 1 1 2 PHP s ẽ làm đư ợ c gì ? 1 1 3 Đánh giá v ề ngôn ng ữ PHP 1 2 Mô hình MVC là gì? 1 2 1 Khái ni ệ m 1 2 2 Thành ph ầ n 1 2 3 Lu ồ ng đi MVC 1 3 MySQL là gì ? 1 3 1 Khái ni ệ m 1 3 2 Các thành ph ầ n liên quan 1 4 Đ ị nh hư ớ ng th ự c hi ệ n đ ồ án Gi ố ng như m ộ t trang web khóa h ọ c online nhưng l ạ i ho ạ t đ ộ ng theo cách là tìm ki ế m và mua khóa h ọ c tr ự c tuy ế n nhanh chóng theo t ừ ng m ứ c đ ộ môn h ọ c, t ừ ng lĩnh v ự c khác nhau Khi truy c ậ p trang w eb, khách hàng có th ể tìm và nhìn th ấ y ngay các khóa h ọ c bao g ồ m: Tên khóa h ọ c, m ứ c đ ộ hi ệ n t ạ i c ủ a khóa h ọ c, giáo viên d ạ y, giá ti ề n, Đ ặ c bi ệ t là khách hàng có xem thông tin chi ti ế t c ủ a m ộ t, giáo viên ngay sau khi ấ n xem chi ti ế t khóa h ọ c Ngư ờ i h ọ c có th ể đăng ký l ớ p h ọ c v ớ i các thông tin như Email, SĐT, và có th ể thanh toán ti ề n c ọ c trư ớ c Sau đó thì thông tin s ẽ đư ợ c g ử i cho qu ả n tr ị viên Ngư ờ i này s ẽ có nhi ệ m v ụ liên h ệ v ớ i khách hàng đã đăng ký khóa h ọ c c ủ a mình cũng Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 7 như hư ớ ng d ẫ n thanh toá n và nh ậ n khóa h ọ c v ề tài kho ả n c ủ a khách hàng Trư ớ c đó ngư ờ i h ọ c s ẽ ph ả i thanh toán k ế t ti ề n c ủ a khóa h ọ c Sau khóa h ọ c s ẽ có email c ả m ơn cũng như là xin c ả m nh ậ n và đánh giá khóa h ọ c, giáo viên đư ợ c g ử i t ớ i khách hàng ➔ Vì v ậ y, s ả n ph ẩ m mà đ ồ á n này hư ớ n g t ớ i đó là m ộ t trang web bán khóa h ọ c tr ự c tuy ế n v ớ i đ ầ y đ ủ ch ứ c năng như m ộ t website bán hàng, bên c ạ nh đó vi ệ c t ố i ưu tr ả i nghi ệ m ngư ờ i dùng cũng như hi ệ u su ấ t truy ề n t ả i d ữ li ệ u cũng đư ợ c đ ề cao đ ể s ả n ph ẩ m có th ể áp d ụ ng s ử d ụ ng t ố t vào th ự c t ế CHƯƠ NG II: PHÂN TÍCH VÀ THI Ế T K Ế H Ệ TH Ố NG 2 1 Bài toán qu ả n lý giao d ị ch Trư ớ c yêu c ầ u c ủ a m ộ t phương th ứ c kinh doanh thương m ạ i hi ệ n đ ạ i (electronic commerce), các hình th ứ c thanh toán đã và đang là m ố i quan tâm hàng đ ầ u v ề tính năng s ử d ụ ng, tính b ả o m ậ t và r ủ i ro phát sinh đ ố i v ớ i c ả doanh nghi ệ p l ẫ n ngư ờ i tiêu dùng Đi ề u ki ệ n đ ể có th ể ch ấ p nh ậ n thanh toán b ằ ng th ẻ tín d ụ ng Đ ể ch ấ p nh ậ n thanh toán b ằ ng th ẻ tín d ụ ng, doanh nghi ệ p c ầ n đ ả m b ả o tính b ả o m ậ t qua m ạ ng đ ố i v ớ i các thông tin thanh toán thông qua gi ao th ứ c SSL và SET Ti ế p theo, doanh nghi ệ p c ầ n có Tài kho ả n ch ấ p nh ậ n thanh toán đi ệ n t ử (Merchant Account) và c ổ ng thanh toán đi ệ n t ử (Payment Gateway) 2 2 Phân tích thi ế t k ế h ệ th ố ng 2 2 1 Xác đ ị nh yêu c ầ u - Yêu c ầ u ch ứ c năng nghi ệ p v ụ + C ậ p nh ậ t thông tin khách hàng cũng như giáo trình, tài li ệ u liên quan Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 8 + Cung c ấ p bài gi ả ng theo đ ị nh k ỳ + Qu ả n tr ị viên: Lưu tr ữ , b ả o m ậ t h ệ th ố ng + Qu ả n lý: Qu ả n lý h ọ c viên, Qu ả n lý khóa h ọ c, Qu ả n lý đơn hàng, … - Yêu c ầ u phi ch ứ c năng + Giao di ệ n ngư ờ i dùng thân thi ệ n, d ễ hi ể u và d ễ s ử d ụ ng + Thông báo l ỗ i k ị p th ờ i, chính xác + Có k ế t n ố i v ớ i máy in đ ể xu ấ t báo cáo + CSDL có kh ả năng lưu tr ữ thông tin l ớ n + Đ ả m b ả o t ố t cho vi ệ c b ả o trì, nâng c ấ p h ệ th ố ng m ộ t cách d ễ dàng 2 2 2 Đ ặ c t ả quy tr ình nghi ệ p v ụ a Khách hàng đánh d ấ u khóa h ọ c Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 9 b Khách hàng mua khóa h ọ c, thanh toán Hình 2 1 Đ ặ c t ả khách hàng đánh d ấ u khóa h ọ c Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 10 2 2 3 Biểu đồ Use - case Hình 2 2 Đ ặ c t ả Use case mua khóa h ọ c Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 11 Hình 2 3 Bi ế u đ ồ Use - case t ổ ng quát • Đ ặ c t ả Use - case: Thêm khóa h ọ c vào danh sách quan tâm • Đ ặ c t ả Use - case: Nh ậ p hóa đơn • Đ ặ c t ả Use - case: Đăng nh ậ p vào h ệ th ố ng Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 12 • Đ ặ c t ả Use - case: Đăng xu ấ t kh ỏ i h ệ th ố ng • Đ ặ c t ả Use - case: Qu ả n lý thông tin các nhân • Đ ặ c t ả Use - case: Quên m ậ t kh ẩ u 2 2 4 Bi ể u đ ồ trình t ự • Bi ể u đ ồ trình t ự c ủ a Use - case: Thêm khóa h ọ c vào danh sách quan tâm • Bi ể u đ ồ trình t ự c ủ a Use - case: Nh ậ p hóa đơn 2 2 5 Bi ể u đ ồ l ớ p • Bi ể u đ ồ l ớ p c ủ a Use - case: Thêm khóa h ọ c quan tâm • Bi ể u đ ồ l ớ p c ủ a Use - case: Nh ậ p hóa đơn 2 2 6 Bi ể u đ ồ c ộ ng tác 2 2 7 Bi ể u đ ồ tr ạ ng thái • Bi ể u đ ồ tr ạ ng thái c ủ a đ ố i tư ợ ng DSKHQT • Bi ể u đ ồ tr ạ ng thái c ủ a Use_case Nh ậ p hóa đơn Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 13 2 3 THI Ế T K Ế CƠ S Ở D Ữ LI Ệ U 2 3 1 Diagram t ổ ng th ể cơ s ở d ữ li ệ u Hình 2 4 Diagram t ổ ng th ể cơ s ở d ữ li ệ u Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 14 2 3 2 Sơ đ ồ CSDL Qu ả n lý khóa h ọ c Hình 2 5 Sơ đ ồ CSDL Qu ả n lý khóa h ọ c 2 3 3 Sơ đ ồ CSDL Qu ả n lý đơn hàng Hình 2 6 Sơ đ ồ CSDL Qu ả n lý đơn hàng Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 15 2 3 4 Sơ đ ồ CSDL Qu ả n lý Slider Hình 2 7 Sơ đ ồ CSDL Qu ả n lý Slider 2 3 5 Sơ đ ồ CSDL Qu ả n lý User Hình 2 8 Sơ đ ồ CSDL Qu ả n lý User Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 16 CHƯƠNG III: TRÌNH BÀY S Ả N PH Ẩ M 3 1 Giao di ệ n chính - Giao di ệ n khi truy c ậ p vào trang web Hình 3 1 Giao di ệ n chính khi truy c ậ p trang web - Giao di ệ n trang đăng nh ậ p h ệ th ố ng + Nh ậ p tài kho ả n(textbox): Tài kho ả n đã đăng ký + Nh ậ p m ậ t kh ẩ u(password): M ậ t kh ẩ u đã đăng ký + Đăng nh ậ p b ằ ng tài kho ả n Google: Liên k ế t tài kho ả n Google + Đăng nh ậ p b ằ ng Facebo ok Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 17 Hình 3 2 Giao di ệ n đăng nh ậ p h ệ th ố ng - Giao di ệ n trang qu ả n tr ị khi truy c ậ p vào + Ở trang này ngư ờ i dùng có th ể qu ả n tr ị t ấ t c ả các thông tin t ừ thông tin ngư ờ i dùng đ ế n thông tin s ả n ph ẩ m + Các bư ớ c đ ể truy c ậ p vào trang qu ả n tr ị : Bư ớ c 1: Click vào th ẻ đăng nh ậ p/đăng ký Bư ớ c 2: Nh ậ p thông tin tài kho ả n c ủ a qu ả n tr ị viên đã đăng ký Bư ớ c 3: Click nút đăng nh ậ p + Ngư ờ i dùng cũng có th ẻ click nút đăng nh ậ p b ằ ng Google n ế u tài kho ả n đó thu ộ c ch ế đ ộ qu ả n tr ị viên mà h ệ th ố n g đã l ậ p trình Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 18 Hình 3 3 Trang qu ả n tr ị - Giao di ệ n qu ả n lý ngư ờ i dùng Hình 3 4 Giao di ệ n qu ả n lý ngư ờ i dùng - Giao di ệ n qu ả n lý đơn hàng, nơi hi ể n th ị thông tin c ủ a các đơn hàng Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 19 Hình 3 5 Giao di ệ n qu ả n lý đơn hàng - Giao di ệ n qu ả n lý h ỉ nh ả nh s ẽ hi ể n th ị t ấ t c ả các hình ả nh đư ợ c s ử d ụ ng trên website Hình 3 6 Giao di ệ n qu ả n lý hình ả nh - Giao di ệ n qu ả n lý s ả n ph ẩ m Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 20 Hình 3 7 Giao di ệ n qu ả n lý s ả n ph ẩ m 01 Hình 3 8 Giao di ệ n qu ả n lý s ả n ph ẩ m 02 - Giao di ệ n trang gi ớ i thi ệ u Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 21 Hình 3 9 Giao di ệ n trang gi ớ i thi ệ u - Giao di ệ n trang khóa h ọ c, nơi hi ể n th ị t ấ t c ả các khóa h ọ c theo t ừ ng danh m ụ c Hình 3 10 Giao di ệ n trang khóa h ọ c Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 22 - Giao di ệ n trang chi ti ế t khóa h ọ c, xu ấ t hi ệ n khi ngư ờ i dùng click chu ộ t vào m ộ t khóa h ọ c b ấ t kì Hình 3 11 Giao di ệ n trang chi ti ế t khóa h ọ c - Giao di ệ n trang thanh toán khóa h ọ c + Xu ấ t hi ệ n khi ngư ờ i dùng click vào nút mua khóa h ọ c ở trong trang chi ti ế t khóa h ọ c Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 23 Hình 3 12 Giao di ệ n thanh toán khóa h ọ c - Giao di ệ n trang liên h ệ Hình 3 13 Giao di ệ n trang liên h ệ Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 24 - Giao di ệ n ch ứ c năng chat h ỗ tr ợ khách hàng Hình 3 14 Live chat h ỗ tr ợ khách hàng T Ổ NG K Ế T - Hi ể u đư ợ c quy trình nghi ệ p v ụ trong h ệ th ố ng bán khóa h ọ c online - Phân tích và xác đ ị nh đư ợ c ch ứ c năng c ủ a h ệ th ố ng - Phân tích và thi ế t k ế CSDL lưu tr ữ thông tin h ệ th ố ng - Xây d ự ng đư ợ c các ch ứ c năng qu ả n tr ị thông tin Ưu như ợ c đi ể m c ủ a s ả n ph ẩ m: - Ưu đi ể m: + Code h ệ th ố ng rõ ràng + Giao di ệ n hài hòa, d ễ s ử d ụ ng, d ễ thao tác - Như ợ c đi ể m: • Còn t ồ n t ạ i m ộ t s ố thi ế u xót trong vi ệ c qu ả n tr ị thông tin Xây d ự ng web khóa h ọ c tr ự c tuy ế n v ớ i PHP & MySQL GVHD: ThS Ngô Lê Quân SVTH: Hoàng Thái Bình – K13C05A001 25 • Chưa n ắ m b ắ t đư ợ c h ế t cũng như là t ậ n d ụ ng t ố i ưu công ngh ệ đã s ử d ụ ng • Chưa t ố i ưu đư ợ c hi ể u su ấ t c ủ a h ệ th ố ng - Hư ớ ng phát tri ể n s ả n ph ẩ m trong tương lai: + Xây d ự ng đư ợ c ứ ng d ụ ng đa n ề n t ả ng trên đi ệ n tho ạ i di đ ộ ng + Ti ế p t ụ c nâng c ấ p, c ậ p nh ậ t các ch ứ c năng ngư ờ i dùng + C ả i thi ệ n t ố c đ ộ , t ố i ưu hóa hi ệ u su ấ t c ủ a h ệ th ố ng

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH TĨM TẮT ĐỒ ÁN TỐT NGHIỆP (Lập trình máy tính) Đề tài: XÂY DỰNG HỆ THỐNG WEBSITE KHÓA HỌC TRỰC TUYẾN HTBDU VỚI PHP & MYSQL SVTH : Hồng Thái Bình Mã sinh viên : K13C05A001 Lớp : K13C05A GVHD : ThS Ngô Lê Quân Đà Nẵng, tháng 11 năm 2021 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân MỞ ĐẦU Với sự phát triển và phổ biến của Internet, hình thức học tập trực tuyến đã trở thành một xu hướng thế giới nhiều năm trở lại Trước những khó khăn dịch COVID-19 gây ra, những ứng dụng học tập trực tuyến ngày chứng minh được sự hữu ích của chúng việc kết nối học sinh với giáo viên, gia sư để việc dạy và học không bị gián đoạn Dựa nghiên cứu gần của The Business Research Company, thị trường gia sư trực tuyến dự kiến tăng từ 1,3 tỉ đô la vào năm 2019 lên 1,53 tỉ đô la năm 2020 với tốc độ tăng trưởng kép (CAGR) năm là 18% Với tính cá nhân hóa mạnh mẽ, mô hình gia sư trực tuyến có thể hỗ trợ người học mọi lúc mọi nơi, tùy thuộc vào nhu cầu của học sinh Việc lựa chọn gia sư có phong cách giảng dạy phù hợp với mỗi người trở nên dễ dàng hết Tính kết nối mạnh mẽ và độ linh hoạt cao là tảng để hình thức học tập này phát triển nhanh chóng cách mạng cơng nghệ 4.0 Xu hướng dần thành hình Việt Nam Mặc dù một số ứng dụng gia sư trực tuyến thâm đã nhập vào thị trường Việt Nam từ năm 2016, cho đến nay, quy mô của tảng ngày chưa thực sự tương xứng với thị trường 17 triệu học sinh của nước ta Trong phần lớn các ứng dụng nước ngoài sử dụng trí tuệ nhân tạo (AI) để tương tác với học sinh và giải quyết vấn đề có phần máy móc, người học Việt Nam lại có nhu cầu tương tác giữa người với người cao Thiết kế website bán khóa học giúp trung tâm dạy học hay doanh nghiệp dễ dàng tiếp cận với học viên đồng thời thuận tiện với những gia đình ḿn tìm cho mợt dịch vụ dạy học tại nhà chun nghiệp SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Với nhiều ích lợi vai trò lớn, thiết kế website bán khóa học trực tuyến hoặc gia sư trực tuyến là một hướng tất yếu thời đại mới Một thiết kế web bán khóa học nói riêng hay web bán hàng nói chung có tính nào? Sở hữu vai trị quan trọng q trình phát triển mở rộng một trung tâm day học hay một doanh nghiệp, vậy một thiết kế website gia sư cần có những chức gì? Phải cần giao diện bắt mắt chuyên nghiệp là đủ? • Trang chủ: Là trang tổng hợp tất cả các dịch vụ, hình ảnh và tin tức cần thiết của website, giúp mang đến cho người truy cập một cái nhìn tởng quan và đầy đủ • Trang giới thiệu: Giới thiệu chung trung tâm, ngày thành lập, lịch sử phát triển cung các thành tích trung tâm đạt được cùng những nhân sự chủ chớt • Khóa học: Tính khóa học một thiết kế website bán khóa học cung cấp đến cho người truy cập các thông tin khóa học, lịch học chi phí cho mỗi khóa học Tính này cho phép người quản trị dễ dàng quản lý được tình trạng của khóa học số người đăng ký, số ghế có thể đăng ký, tăng hiệu quả quản lý • Tin tức: Tính này cho phép người quản lý, giáo viên chia sẻ các thông tin liên quan đến kiến thức cần bổ sung quá trình học một số tin khuyến mãi, tin khóa học nổi bật, tổng hợp kết quả học viên, • Tư vấn - hỏi đáp: Tính tư vấn hỏi đáp hỗ trợ trực tuyến live chat, giúp học viên dễ dàng tương tác với giáo viên, là nơi giải đáp mọi thắc mắc SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân của khách hàng khóa học Việc giải đáp và đưa những tư vấn hợp lý giúp thể hiện sự chuyên nghiệp và thân thiện cho website của bạn • Liên hệ: Chân website hiển thị các thông tin liên hệ của trung tâm một biểu mẫu để khách hàng có thể điền thông tin cần hỏi hoặc các nhận xét gửi cho trung tâm • Danh sách khóa học quan tâm: Trang này giống trang giỏ hàng của các trang web bán hàng ta thường thấy, người dùng nhấn vào nút quan tâm trang khóa học thì khóa học đó được thêm vào danh sách quan tâm Ở trang này người dùng có thể chọn mua và toán khóa học hoặc có thể xóa khóa học khỏi danh sách khóa học quan tâm • Live chat: Tính này cho phép trò chuyện trực tún, có tính chất thời gian thực Nó giúp bạn trao đổi giúp đỡ, tư vấn, hỗ trợ khách hàng tức những tin nhắn trực tiếp • Bản đồ: Tính bản đồ cho biết địa điểm cụ thể của trung tâm theo định vị hệ thống, giúp khách hàng dễ dàng đến trung tâm theo dẫn giao diện Google Maps Và nhiều các tính hữu ích khác được thiết kế tùy theo nhu cầu mục đích mà một trung tâm dạy học muốn hướng đến Mục tiêu nghiên cứu Tìm hiểu cơng nghệ lập trình web: + Tìm hiểu ngơn ngữ PHP + Tìm hiểu ngun lí hoạt đợng của mợt ứng dụng web được lập trình từ ngơn ngữ lập trình hệ thớng PHP website Đáp ứng u cầu hệ thớng: SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân + Mua, đặt loại sản phẩm khóa học hệ thớng trực tún + Tích hợp tốn online Paypal, Visa, thẻ ngân hàng, … + Tối ưu hiệu suất của hệ thống tốc độ load trang Đối tượng phạm vi nghiên cứu - Ngôn ngữ PHP, Lavavel Framework, HTML, CSS3, Javascript, bootstrap 4, … - Công cụ lập trình: Visual Studio, Xamp, MySQL Workbench, Laragon, … - Mơ hình MVC, MySQL Bố cục đề tài Phần trình bày báo cáo được thể hiện qua phần chính sau: Lời cảm ơn Mở đầu Chương 1: Cơ sở lý luận Chương 2: Phân tích vầ thiết kế hệ thống Chương 3: Xây dựng trình bày sản phẩm Kết luận TÀI LIỆU THAM KHẢO PHỤ LỤC SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân CHƯƠNG I: CƠ SỞ LÝ LUẬN 1.1 Ngôn ngữ lập trình hệ thống PHP 1.1.1 PHP ? 1.1.2 PHP làm ? 1.1.3 Đánh giá ngơn ngữ PHP 1.2 Mơ hình MVC gì? 1.2.1 Khái niệm 1.2.2 Thành phần 1.2.3 Luồng MVC 1.3 MySQL ? 1.3.1 Khái niệm 1.3.2 Các thành phần liên quan 1.4 Định hướng thực đồ án Giống trang web khóa học online lại hoạt động theo cách tìm kiếm mua khóa học trực tuyến nhanh chóng theo mức độ môn học, lĩnh vực khác Khi truy cập trang web, khách hàng tìm nhìn thấy khóa học bao gồm: Tên khóa học, mức độ khóa học, giáo viên dạy, giá tiền, Đặc biệt khách hàng có xem thơng tin chi tiết một, giáo viên sau ấn xem chi tiết khóa học Người học đăng ký lớp học với thông tin Email, SĐT, tốn tiền cọc trước Sau thơng tin gửi cho quản trị viên Người có nhiệm vụ liên hệ với khách hàng đăng ký khóa học SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngơ Lê Qn hướng dẫn tốn nhận khóa học tài khoản khách hàng Trước người học phải tốn kết tiền khóa học Sau khóa học có email cảm ơn xin cảm nhận đánh giá khóa học, giáo viên gửi tới khách hàng ➔ Vì vậy, sản phẩm mà đồ án này hướng tới đó là mợt trang web bán khóa học trực tún với đầy đủ chức một website bán hàng, bên cạnh đó việc tối ưu trải nghiệm người dùng hiệu suất truyền tải dữ liệu được đề cao để sản phẩm có thể áp dụng sử dụng tốt vào thực tế CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Bài toán quản lý giao dịch Trước yêu cầu của một phương thức kinh doanh thương mại hiện đại (electronic commerce), hình thức toán đã và là mối quan tâm hàng đầu tính sử dụng, tính bảo mật rủi ro phát sinh đối với cả doanh nghiệp lẫn người tiêu dùng Điều kiện để chấp nhận tốn thẻ tín dụng Để chấp nhận tốn thẻ tín dụng, doanh nghiệp cần đảm bảo tính bảo mật qua mạng đới với thơng tin tốn thơng qua giao thức SSL SET Tiếp theo, doanh nghiệp cần có Tài khoản chấp nhận toán điện tử (Merchant Account) cởng toán điện tử (Payment Gateway) 2.2 Phân tích thiết kế hệ thống 2.2.1 Xác định yêu cầu - Yêu cầu chức nghiệp vụ + Cập nhật thông tin khách hàng giáo trình, tài liệu liên quan SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân + Cung cấp giảng theo định kỳ + Quản trị viên: Lưu trữ, bảo mật hệ thống + Quản lý: Quản lý học viên, Quản lý khóa học, Quản lý đơn hàng, … - Yêu cầu phi chức + Giao diện người dùng thân thiện, dễ hiểu dễ sử dụng + Thơng báo lỡi kịp thời, xác + Có kết nới với máy in để xuất báo cáo + CSDL có khả lưu trữ thông tin lớn + Đảm bảo tớt cho việc bảo trì, nâng cấp hệ thớng mợt cách dễ dàng 2.2.2 Đặc tả quy trình nghiệp vụ a Khách hàng đánh dấu khóa học SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình Đặc tả khách hàng đánh dấu khóa học b Khách hàng mua khóa học, tốn SVTH: Hồng Thái Bình – K13C05A001 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình 2 Đặc tả Use case mua khóa học 2.2.3 Biểu đồ Use-case SVTH: Hồng Thái Bình – K13C05A001 10 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình Biếu đồ Use-case tổng quát • Đặc tả Use-case: Thêm khóa học vào danh sách quan tâm • Đặc tả Use-case: Nhập hóa đơn • Đặc tả Use-case: Đăng nhập vào hệ thớng SVTH: Hồng Thái Bình – K13C05A001 11 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân • Đặc tả Use-case: Đăng xuất khỏi hệ thống • Đặc tả Use-case: Quản lý thơng tin nhân • Đặc tả Use-case: Quên mật 2.2.4 Biểu đồ trình tự • Biểu đồ trình tự của Use-case: Thêm khóa học vào danh sách quan tâm • Biểu đồ trình tự của Use-case: Nhập hóa đơn 2.2.5 Biểu đồ lớp • Biểu đồ lớp của Use-case: Thêm khóa học quan tâm • Biểu đồ lớp của Use-case: Nhập hóa đơn 2.2.6 Biểu đồ cộng tác 2.2.7 Biểu đồ trạng thái • Biểu đồ trạng thái của đối tượng DSKHQT • Biểu đồ trạng thái của Use_case Nhập hóa đơn SVTH: Hồng Thái Bình – K13C05A001 12 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân 2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 2.3.1 Diagram tổng thể sở dữ liệu Hình Diagram tổng thể sở liệu SVTH: Hồng Thái Bình – K13C05A001 13 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân 2.3.2 Sơ đồ CSDL Quản lý khóa học Hình Sơ đồ CSDL Quản lý khóa học 2.3.3 Sơ đồ CSDL Quản lý đơn hàng Hình Sơ đồ CSDL Quản lý đơn hàng SVTH: Hồng Thái Bình – K13C05A001 14 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân 2.3.4 Sơ đồ CSDL Quản lý Slider Hình Sơ đồ CSDL Quản lý Slider 2.3.5 Sơ đồ CSDL Quản lý User Hình Sơ đồ CSDL Quản lý User SVTH: Hồng Thái Bình – K13C05A001 15 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân CHƯƠNG III: TRÌNH BÀY SẢN PHẨM 3.1 Giao diện - Giao diện truy cập vào trang web Hình Giao diện truy cập trang web - Giao diện trang đăng nhập hệ thống + Nhập tài khoản(textbox): Tài khoản đã đăng ký + Nhập mật khẩu(password): Mật đã đăng ký + Đăng nhập tài khoản Google: Liên kết tài khoản Google + Đăng nhập Facebook SVTH: Hồng Thái Bình – K13C05A001 16 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình Giao diện đăng nhập hệ thống - Giao diện trang quản trị truy cập vào + Ở trang này người dùng có thể quản trị tất cả thông tin từ thông tin người dùng đến thông tin sản phẩm + Các bước để truy cập vào trang quản trị: Bước 1: Click vào thẻ đăng nhập/đăng ký Bước 2: Nhập thông tin tài khoản của quản trị viên đã đăng ký Bước 3: Click nút đăng nhập + Người dùng có thẻ click nút đăng nhập Google nếu tài khoản đó thuộc chế đợ quản trị viên mà hệ thớng đã lập trình SVTH: Hồng Thái Bình – K13C05A001 17 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình 3 Trang quản trị - Giao diện quản lý người dùng Hình Giao diện quản lý người dùng - Giao diện quản lý đơn hàng, nơi hiển thị thơng tin của các đơn hàng SVTH: Hồng Thái Bình – K13C05A001 18 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình Giao diện quản lý đơn hàng - Giao diện quản lý hỉnh ảnh hiển thị tất cả hình ảnh được sử dụng website Hình Giao diện quản lý hình ảnh - Giao diện quản lý sản phẩm SVTH: Hoàng Thái Bình – K13C05A001 19 Xây dựng web khóa học trực tuyến với PHP & MySQL GVHD: ThS Ngô Lê Quân Hình Giao diện quản lý sản phẩm 01 Hình Giao diện quản lý sản phẩm 02 - Giao diện trang giới thiệu SVTH: Hồng Thái Bình – K13C05A001 20