Tính cá nhân hóa: Cung cấp tính năng cá nhân hóa, giúp người dùng theodõi tiến độ học tập của họ, nhận được gợi ý khóa học phù hợp với sở thích và mục tiêu học tập của mình.. - 1.1.3 Tổn
TỔNG QUAN
N HIỆM VỤ ĐỒ ÁN
Công nghệ ngày nay đóng vai trò quan trọng trong cuộc sống hàng ngày, ảnh hưởng đến nhiều lĩnh vực như sản xuất, thương mại, giáo dục và giải trí Sự phát triển nhanh chóng của ngành công nghệ đã dẫn đến nhu cầu cao về thông tin và giải đáp thắc mắc liên quan đến công nghệ.
Hiện nay, thị trường học online đang phát triển mạnh mẽ với nhiều website, nhưng không phải tất cả đều đáp ứng nhu cầu của người dùng Nhiều trang web thiếu tính năng cần thiết, khó sử dụng và không đảm bảo an toàn thông tin, gây khó khăn cho người dùng trong việc tiếp cận kiến thức công nghệ.
Để giải quyết vấn đề học tập trực tuyến, chúng tôi đã quyết định phát triển một website học online mới, với tính năng đầy đủ, thân thiện với người dùng và bảo mật thông tin Website này sẽ là nơi lý tưởng cho người dùng để học tập, giao lưu, chia sẻ và khám phá các khóa học cùng công nghệ mới nhất trên thị trường Thêm vào đó, website còn tích hợp tính năng quản lý mục tiêu cá nhân, giúp người dùng dễ dàng hơn trong quá trình học tập.
Chúng em đã nghiên cứu và phát triển website học online Dream Chaser nhằm đáp ứng nhu cầu học tập của người dùng và góp phần vào sự phát triển của cộng đồng học online Dream Chaser sẽ là nền tảng cho học sinh, sinh viên tham gia các khóa học trực tuyến, phát triển kỹ năng cá nhân và hoàn thành mục tiêu học tập của mình.
Mục tiêu của dự án là phát triển một website thương mại điện tử chuyên cung cấp các khóa học về ngành công nghệ thông tin Cụ thể:
1 Nền tảng học trực tuyến chất lượng cao: Xây dựng một nền tảng học trực tuyến linh hoạt và đa dạng, cung cấp các khóa học từ cơ bản đến nâng cao về các lĩnh vực trong ngành công nghệ thông tin như lập trình, mạng máy tính, an ninh mạng, khoa học dữ liệu, trí tuệ nhân tạo, và nhiều hơn nữa.
2 Chất lượng nội dung: Đảm bảo chất lượng của các khóa học thông qua việc hợp tác với các chuyên gia hàng đầu trong ngành, cung cấp tài liệu, video hướng dẫn, bài tập và dự án thực hành chất lượng cao.
3 Trải nghiệm người dùng tốt: Tạo ra một giao diện người dùng thân thiện, dễ sử dụng và tương tác để người dùng có thể dễ dàng tìm kiếm, mua và tiếp cận các khóa học một cách thuận tiện.
4 Tính cá nhân hóa: Cung cấp tính năng cá nhân hóa, giúp người dùng theo dõi tiến độ học tập của họ, nhận được gợi ý khóa học phù hợp với sở thích và mục tiêu học tập của mình.
5 Bảo mật và tin cậy: Đảm bảo tính bảo mật của thông tin cá nhân và giao dịch tài chính của người dùng thông qua các biện pháp bảo mật hiện đại và chuẩn mực an ninh thông tin.
6 Hỗ trợ khách hàng: Cung cấp dịch vụ hỗ trợ khách hàng 24/7 để giải đáp mọi thắc mắc và hỗ trợ kỹ thuật cho người dùng một cách nhanh chóng và hiệu quả.
Website Học Online Dream Chaser là nền tảng trực tuyến chuyên cung cấp các khóa học và tài liệu chất lượng cao về công nghệ thông tin Mục tiêu của trang web là mang đến trải nghiệm học tập linh hoạt, hiệu quả và đáng tin cậy cho những người yêu thích lĩnh vực này Chúng tôi thiết kế website để người học dễ dàng tiếp cận kiến thức mới nhất, với đa dạng khóa học từ cơ bản đến nâng cao, bao gồm lập trình, mạng máy tính, an ninh mạng, khoa học dữ liệu và trí tuệ nhân tạo.
Cơ sở lý luận của website học online về công nghệ thông tin dựa trên nguyên lý giáo dục trực tuyến và công nghệ thông tin, đồng thời chú trọng vào thiết kế giao diện, tính năng, sự thân thiện với người dùng, bảo mật và ổn định của website.
Đối tượng nghiên cứu của đề tài này là website học online, với phạm vi nghiên cứu tập trung vào các yêu cầu, thiết kế, tính năng, tính thân thiện với người dùng, tính bảo mật và tính ổn định của website diễn đàn Để đạt được mục tiêu nghiên cứu, phương pháp sẽ bao gồm nhiều bước cụ thể nhằm phân tích và đánh giá hiệu quả của các yếu tố trên.
Nghiên cứu thị trường là bước quan trọng để hiểu rõ về các website học online công nghệ hiện có, từ đó xác định các yếu tố cần thiết cho việc xây dựng một diễn đàn công nghệ hiệu quả.
- Tìm hiểu về các công nghệ và kỹ thuật phát triển website để xác định các công nghệ phù hợp để xây dựng website học online.
Thiết kế giao diện và tính năng cho website học online là yếu tố quan trọng để tạo ra trải nghiệm người dùng tối ưu và thân thiện Các tính năng cần thiết bao gồm chức năng tìm kiếm, đăng ký và đăng nhập, tham gia học, mua khóa học, và bình luận, giúp người dùng dễ dàng tương tác và tiếp cận thông tin.
C ẤU TRÚC ĐỒ ÁN
Cấu trúc đồ án bao gồm các chương với những nội dung như sau:
Chương 1 TỔNG QUAN: Giới thiệu về đề tài, tóm tắt những lý thuyết, nghiên cứu trước đây có liên quan đến đề tài.
Chương 2 CƠ SỞ LÝ THUYẾT: Trong chương này, tác giả trình bày các khái niệm và phương pháp giải quyết vấn đề, bao gồm mô tả các công nghệ và hệ thống hiện có, các ràng buộc cần lưu ý, cũng như các giải pháp mới Bên cạnh đó, tác giả cũng giới thiệu những mô hình toán học và lý giải quy trình xây dựng các mô hình này.
Chương 3 trình bày kết quả thực nghiệm của đề tài, bao gồm mô tả chi tiết công việc thực nghiệm đã tiến hành và các kết quả nghiên cứu lý thuyết Đồng thời, phần này cũng nêu rõ các kết quả thực nghiệm đạt được Đối với các đề tài ứng dụng, nếu có sản phẩm phần mềm, cần cung cấp hồ sơ thiết kế, cài đặt và giao diện của sản phẩm.
Chương 4 KẾT LUẬN VÀ KIẾN NGHỊ: Nêu những kết luận chung, khẳng định những kết quả đạt được, những đóng góp, đề xuất mới và kiến.
CƠ SỞ LÝ THUYẾT
K HÁI NIỆM
A RESTful API is a software architecture style utilized for designing web services in a simple, flexible, and easily understandable manner REST stands for Representational State Transfer, representing a design approach for distributed application interfaces.
Tài nguyên là đối tượng hoặc dữ liệu mà ứng dụng có khả năng truy cập và thao tác Mỗi tài nguyên được nhận diện thông qua một URI (Uniform Resource Identifier).
Phương thức là các hành động mà ứng dụng thực hiện đối với tài nguyên, thường bao gồm các phương thức HTTP như GET, POST, PUT và DELETE.
RESTful API là một giao thức không trạng thái, điều này có nghĩa là mỗi yêu cầu từ client đều phải bao gồm đầy đủ thông tin cần thiết để xử lý mà không cần dựa vào trạng thái trước đó của server.
- Representation: Biểu diễn là cách mà dữ liệu được truyền tải giữa client và server, thường sử dụng các định dạng như JSON, XML.
- Uniform Interface: RESTful API cung cấp một giao diện thao tác đồng nhất giữa client và server, dễ dàng hiểu và sử dụng.
- Tương tác Client-Server: RESTful API tách biệt rõ ràng giữa client và server, cho phép phát triển và triển khai chúng độc lập nhau.
Hệ thống phân lớp: RESTful API hỗ trợ cấu trúc hệ thống phân lớp, cho phép mỗi lớp xử lý yêu cầu từ client trước khi chuyển tiếp đến lớp tiếp theo.
- Cacheable: RESTful API có thể được cache để cải thiện hiệu suất và giảm tải cho server.
RESTful API mang đến một phương pháp linh hoạt và hiệu quả cho việc phát triển dịch vụ web, đặc biệt hữu ích trong các ứng dụng phân tán và những ứng dụng áp dụng công nghệ web hiện đại.
Mô hình MVC (Model-View-Controller) là một phương pháp thiết kế phần mềm phổ biến trong lập trình web, chia ứng dụng thành ba thành phần chính: Model, View và Controller Việc áp dụng mô hình MVC giúp đơn giản hóa quá trình phát triển ứng dụng web bằng cách tạo ra các thành phần độc lập, dễ dàng tái sử dụng.
Model là thành phần quan trọng trong mô hình MVC, chịu trách nhiệm lưu trữ và xử lý dữ liệu Nó hoạt động như trung tâm của ứng dụng, cho phép giao tiếp với cơ sở dữ liệu và các tài nguyên khác để lấy hoặc lưu trữ thông tin.
View là thành phần chịu trách nhiệm hiển thị giao diện người dùng, thường được xây dựng bằng HTML, CSS và JavaScript Nó có nhiệm vụ trình bày dữ liệu từ model cho người dùng mà không can thiệp trực tiếp vào dữ liệu, mà chỉ thể hiện theo cách đã được xác định trong controller.
Controller là thành phần chính điều khiển luồng xử lý trong ứng dụng, nhận yêu cầu từ người dùng qua giao diện và thực hiện các hoạt động liên quan đến model và view Nó xác định model nào sẽ được sử dụng để truy xuất dữ liệu và view nào sẽ hiển thị dữ liệu, đóng vai trò quan trọng trong việc kết nối giữa người dùng và hệ thống.
Mô hình MVC giúp phát triển ứng dụng web dễ dàng hơn bằng cách phân chia thành các thành phần độc lập và tái sử dụng Điều này không chỉ đơn giản hóa việc bảo trì và mở rộng ứng dụng mà còn cho phép các nhà phát triển tập trung vào từng phần mà không ảnh hưởng đến các phần khác.
Single Page Application (SPA) là ứng dụng web cho phép tải tất cả nội dung chỉ một lần khi người dùng truy cập lần đầu Sau đó, các trang và nội dung mới được cập nhật thông qua JavaScript mà không cần tải lại toàn bộ trang, mang lại trải nghiệm mượt mà và nhanh chóng cho người dùng.
HTML, CSS và JavaScript: SPA sử dụng HTML, CSS và JavaScript để tạo ra giao diện người dùng và quản lý tương tác với người dùng.
AJAX: SPA sử dụng công nghệ AJAX (Asynchronous JavaScript and XML) để tải dữ liệu từ máy chủ mà không cần phải tải lại toàn bộ trang web.
Router trong SPA giúp quản lý trạng thái ứng dụng và điều hướng giữa các trang hoặc thành phần mà không cần tải lại toàn bộ trang.
MVC và MVVM là hai mô hình phổ biến trong việc phát triển ứng dụng đơn trang (SPA), giúp tổ chức mã nguồn và quản lý dữ liệu, hiển thị cũng như logic ứng dụng một cách hiệu quả.
SPA mang lại trải nghiệm người dùng mượt mà và nhanh chóng hơn, vì không cần tải lại toàn bộ trang web khi người dùng thực hiện hành động.
C ÔNG NGHỆ
Java Spring Boot là một framework phát triển ứng dụng web và microservices trên nền tảng Java, được xây dựng trên cơ sở của Spring Framework.
- Đặc điểm của Java Spring Boot
Spring Boot mang lại sự đơn giản và tiện lợi cho việc phát triển ứng dụng, giúp giảm thiểu độ phức tạp trong cấu hình và triển khai nhờ vào việc cung cấp các cấu hình mặc định tự động và tích hợp sẵn.
Spring Boot is built on the foundation of the Spring Framework, offering seamless integration of its features, including Dependency Injection, Aspect-Oriented Programming (AOP), and Spring MVC.
Spring Boot tích hợp các máy chủ nhúng như Tomcat, Jetty và Undertow, cho phép bạn triển khai ứng dụng một cách thuận tiện mà không cần phải cấu hình máy chủ riêng biệt.
Spring Boot tự động cấu hình các thiết lập mặc định dựa trên các thư viện được sử dụng trong dự án, điều này không chỉ giảm thiểu thời gian cấu hình mà còn nâng cao hiệu suất phát triển.
Spring Boot Starter modules simplify application configuration by providing essential dependencies, configurations, and necessary beans, making it easier to set up your project.
- Thành phần của Java Spring Boot
Spring Boot Starter simplifies application development by providing automatic dependencies, including essential modules such as spring-boot-starter-web, spring-boot-starter-data-jpa, and spring-boot-starter-security, among others.
Spring Boot Auto-Configuration automatically configures application components based on libraries and default settings It includes an embedded server, offering options like Tomcat, Jetty, or Undertow to run Spring Boot applications seamlessly.
Spring Boot Actuator cung cấp các công cụ giám sát và quản lý ứng dụng hiệu quả, bao gồm các endpoint cho phép kiểm tra trạng thái, thu thập metrics, quản lý logging và nhiều tính năng hữu ích khác.
Spring Boot DevTools: Cung cấp các công cụ hỗ trợ phát triển như tái khởi động nhanh chóng (hot reloading) và debug dễ dàng hơn
Spring Boot CLI (Command Line Interface) offers a fast and efficient way to create and run Spring Boot applications directly from the command line Additionally, Spring Boot Testing facilitates the development of tests for applications, utilizing frameworks such as JUnit and TestNG to ensure robust functionality and reliability.
React là thư viện JavaScript front-end mã nguồn mở, miễn phí, chuyên xây dựng giao diện người dùng dựa trên các thành phần UI độc lập Được phát triển và duy trì bởi Meta cùng với sự hỗ trợ từ cộng đồng các nhà phát triển và công ty cá nhân, React ngày càng trở nên phổ biến trong việc phát triển ứng dụng web.
Reactjs mang đến nhiều đặc điểm nổi bật, giúp việc viết mã JavaScript trở nên dễ dàng hơn nhờ cú pháp JSX (JavaScript mở rộng), cho phép kết hợp mã HTML và JavaScript mà không cần nối chuỗi Một trong những điểm thú vị của Reactjs là khả năng chuyển đổi HTML thành các hàm khởi tạo đối tượng HTML thông qua bộ biến đổi JSX Bên cạnh đó, Reactjs cung cấp nhiều công cụ phát triển hữu ích, như ứng dụng mở rộng trên Chrome, giúp người dùng dễ dàng debug mã và quan sát virtual DOM tương tự như cây DOM thông thường Cuối cùng, việc viết các test case giao diện trở nên đơn giản hơn vì virtual DOM được triển khai hoàn toàn bằng JavaScript.
MySQL là hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở nổi tiếng, được ứng dụng rộng rãi trong các dự án web và doanh nghiệp trên toàn cầu.
Mã nguồn mở và Miễn phí: MySQL là một hệ quản trị cơ sở dữ liệu mã nguồn mở, miễn phí cho sử dụng và phân phối
Đa Nền Tảng: MySQL hỗ trợ đa nền tảng, có thể chạy trên nhiều hệ điều hành như Windows, Linux, macOS, và các nền tảng khác
MySQL được tối ưu hóa để đạt hiệu suất cao, cho phép xử lý hàng nghìn truy vấn mỗi giây trên các cơ sở dữ liệu lớn.
Bảo mật: MySQL cung cấp nhiều tính năng bảo mật như quản lý người dùng, quyền truy cập, mã hóa dữ liệu và SSL
MySQL là một hệ quản trị cơ sở dữ liệu mạnh mẽ với giao diện thân thiện và cú pháp SQL linh hoạt, giúp người dùng thực hiện các thao tác cơ sở dữ liệu một cách dễ dàng và hiệu quả.
MySQL là một dự án phát triển liên tục, được hỗ trợ bởi một cộng đồng lớn và năng động, đóng góp tích cực vào việc cải thiện và nâng cao hệ thống.
C Ơ SỞ DỮ LIỆU
Website Dream Chaser cung cấp nền tảng học trực tuyến với các khóa học miễn phí và trả phí, dành cho học sinh, sinh viên có nhu cầu tìm hiểu về ngành Công nghệ thông tin.
Người dùng có thể dễ dàng tạo tài khoản bằng cách cung cấp thông tin cá nhân như họ tên, số điện thoại, ngày sinh và địa chỉ email Bên cạnh đó, để tiết kiệm thời gian, người dùng cũng có thể đăng ký nhanh chóng thông qua các tài khoản Google, Facebook hoặc Github nhờ vào tính năng Open Id.
Sau khi hoàn tất đăng ký, hệ thống sẽ gửi một đường dẫn xác thực tài khoản tới email đã đăng ký Nếu người dùng bỏ lỡ việc xác thực, có thể yêu cầu gửi lại đường dẫn xác nhận Khi đăng ký thành công, người dùng có thể đăng nhập vào trang web, xem và cập nhật thông tin tài khoản cũng như thay đổi mật khẩu.
Khi truy cập vào giao diện chính của trang web, người dùng sẽ thấy các danh mục khóa học được hiển thị với thông tin tóm tắt, bao gồm tiêu đề, mô tả ngắn gọn, thể loại và hình ảnh demo.
Trang web sẽ bao gồm các danh mục như khóa học đề xuất, khóa học được xem nhiều nhất và khóa học mới nhất Bên cạnh đó, thanh tiêu đề sẽ cung cấp các thao tác nhanh, cho phép người dùng tìm kiếm, xem theo thể loại và phân loại khóa học.
Khi người dùng nhấn vào xem chi tiết khóa học, thông tin như tiêu đề, nội dung, người đăng, ngày đăng, video khóa học và danh sách tệp đính kèm (nếu có) sẽ được hiển thị Để bình luận trực tiếp trên khóa học, người dùng cần phải đăng nhập.
Trang web sẽ tự động kiểm tra và ẩn hoặc xóa những bình luận tiêu cực tùy vào mức độ nghiêm trọng Người dùng có thể đăng ký các khóa học miễn phí ngay lập tức hoặc lựa chọn mua các khóa học trả phí thông qua các cổng thanh toán như VN Pay hoặc Momo.
Trong quá trình tham gia khóa học trên trang web, người dùng sẽ được ghi nhận tiến độ học tập của từng bài giảng trong khoảng thời gian nhất định Sau khi hoàn thành một bài học, người dùng có thể chuyển sang các bài học tiếp theo Họ có khả năng quản lý các khóa học đã đăng ký, theo dõi và kiểm soát tiến độ học tập Khi hoàn tất một khóa học, người dùng cần thực hiện bài kiểm tra đính kèm để xác nhận việc hoàn thành khóa học.
Quản lý trang web là trách nhiệm của quản trị viên, người có quyền điều chỉnh các chức năng và phân quyền trong hệ thống Họ có khả năng gán quyền cho các hành động trên trang web, xóa tài khoản không cần thiết, cũng như cấp hoặc thu hồi quyền truy cập của các tài khoản khác.
Quản trị viên có vai trò quan trọng trong việc quản lý khóa học và bình luận trên website Họ được trang bị các công cụ quản lý cơ bản, giúp tối ưu hóa quá trình quản lý, thống kê và định hướng phát triển cho các khóa học trong tương lai.
- 2.3.2 Thuộc tính thực thể User
M Ô HÌNH
2.4.4.1 Activity Diagram cho chức năng Đăng nhập
Hình 2.4.4.1: Mô hình Activity đăng nhập
2.4.4.2 Activity Diagram cho chức năng Đăng ký
Hình 2.4.4.2: Mô hình Activity đăng ký
2.4.4.3 Activity Diagram cho chức năng Mua khóa học
Hình 2.4.4.3: Mô hình Activity Mua khóa học
2.4.5.1 Sequence Diagram cho Đăng nhập
Hình 2.4.5.1: Mô hình Sequence đăng nhập
KẾT QUẢ THỰC NGHIỆM
K IỂM THỬ
Khi gặp Ex1 thì sẽ bôi đỏ viền của 2 trường email và password và hiển thị một messageBox với nội dung MSG 1.
Khi gặp Ex2 thì sẽ bôi đỏ viền của trường password và hiển thị một messageBox với nội dung MSG 1.
Khi gặp Ex3 thì sẽ bôi đỏ viên của trường email và hiển thị một messageBox với nội dung MSG 1.
Khi gặp Ex4 thì sẽ hiển thị một messageBox với nội dung MSG 2.
Khi gặp Ex5 thì sẽ hiển thị một messageBox với nội dung MSG 2.
Khi gặp Ex6 thì sẽ hiển thị một messageBox với nội dung MSG 3.
Khi gặp Ex7 thì sẽ hiển thị một messageBox với nội dung MSG 4.
Khi người dùng nhập một username hợp lệ (tồn tại trong cơ sở dữ liệu và chưa bị cấm) cùng với mật khẩu đúng, hệ thống sẽ hiển thị thông báo MSG 5 Đồng thời, thông tin đăng nhập bao gồm Username và thời gian đăng nhập sẽ được lưu vào cơ sở dữ liệu, sau đó người dùng sẽ được chuyển hướng về trang chính (Home).
Khi bấm vào nút “đăng kí mới” thì sẽ chuyển về giao diện “đăng kí tài khoản”
Khi bấm vào nút “Quên mật khẩu” thì sẽ chuyển về giao diện “tìm lại mật khẩu”
Ex 1: Không điền email và password và bấm đăng nhập
Ex 2: Điền email bất kỳ, không điền password và bấm đăng nhập
Ex 3: Không điền email, điền password bất kỳ và bấm đăng nhập
Ex 4: Điền một email (không tồn tại trong CSDL) và một password bất kì và bấm đăng nhập
Ex 5: Điền một username (đã tồn tại trong CSDL) và một password khác password của username và bấm đăng nhập
Ex 6: Điền username có kí tự đặc biệt và một password bất kì và bấm đăng nhập
MSG 1: “Email validate and password must have at least
8 characters, including uppercase, normal, and special characters like #@!$ ”
MSG 2: “Email or password is invaild”
MSG 4: “Đăng nhập thành công”
Khi gặp Ex1 thì sẽ bôi đỏ viền của 6 trường firstname, lastname, username, password, confirm password và OTP và hiển thị một messageBox với nội dung MSG 1.
Khi gặp Ex2 thì sẽ bôi đỏ viền của trường email và hiển thị một messageBox với nội dung MSG 2.
Khi gặp Ex3 thì sẽ bôi đỏ viên của trường password và hiển thị một messageBox với nội dung MSG 3.
Khi gặp Ex4 thì sẽ hiển thị một messageBox với nội dung MSG 4.
Khi gặp Ex5 thì sẽ bôi đỏ trường OTP
Khi bấm vào nút “Quên mật khẩu” thì sẽ chuyển về giao diện “tìm lại mật khẩu”
Ex 1: Không điền đầy đủ cái trường và bấm đăng ký
Ex 2: Điền email bất kỳ, điền password và confirm password, OTP và bấm đăng nhập
Ex 3: Nhập password không đúng định dạng
Ex 4: Nhập password confirm không giống với password.
Ex 5: Nhập sai OTP được gửi Email
MSG 1: “Please fill all the fields for register”
MSG 3: “Password must have at least 8 characters, including uppercase, normal, and special characters like
MSG 4: “Confirm password doesn’t match”
MSG 6: “The code is invalid”
MSG 6: “Đăng ký thành công”
Khi gặp Ex1 thì sẽ bôi đỏ viền của trường tên khóa học và hiển thị một messageBox với nội dung MSG 1.
Khi gặp Ex2 thì sẽ bôi đỏ viền của trường description và hiển thị một messageBox với nội dung MSG 2.
Khi gặp Ex3 thì sẽ bôi đỏ viên của trường Giá và hiển thị một messageBox với nội dung MSG 3.
Khi gặp Ex4 thì sẽ bôi đỏ trường thumbnailvà hiển thị một messageBox với nội dung MSG 4.
Khi gặp Ex5 thì sẽ bôi đỏ trường category và hiện thị message box với nội dung MSG 5.
Khi gặp Ex 6 thì bôi đỏ trường Section name và hiển thị message ox với nội dung MSG 6.
Khi gặp Ex 7 thì bôi đỏ trường Section name và hiển thị message ox với nội dung MSG 7.
Ex 1: Không điền tên khóa học, điền đủ các trường còn lại.
Ex 2: Không điền description khóa học, điền đủ các trường còn lại.
Ex 3: Không điền giá khóa học, điền đủ các trường còn lại.
Ex 4: Không điền thumnail cho khóa học
Ex 5: Không chọn category cho khóa học
Ex 6: Không đặt Section name.
Ex 7: Không đặt Lesson name
MSG 1: “Course name is required”
MSG 6: “At least one category required”
K ẾT QUẢ
Hình 3.2.2.1: Giao diện tổng quan
Hình 3.2.2.2: Giao diện quản lý người dùng
Hình 3.2.2.3: Giao diện trang quản lý khóa học
Hình 3.2.3.1: Giao diện đăng nhập
Hình 3.2.3.2: Giao diện đăng ký
Hình 3.2.3.3: Giao diện trang chủ
Hình 3.2.3.4: Giao diện chi tiết khóa học
Hình 3.2.3.5: Giao diện học tập
Hình 3.2.3.6: Giao diện thanh toán