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 : Hoàng Thái Bình

Mã sinh viên : K13C05A001 Lớp : K13C05A 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 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 trong 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

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

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 tiế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:

+ 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

CHƯƠNG I: CƠ SỞ LÝ LUẬN 1.1 Ngôn ngữ lập trình hệ thống PHP

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

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ướng 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 giao 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

+ 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

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

2.2.3 Biểu đồ Use-case

Hình 2 2 Đặc tả Use case mua khóa học

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

• Đặ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

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

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

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

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 Facebook

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ống đã lập trình

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

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

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

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

- 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

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ệ

- 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

• 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