Tính năng quản lý thông tin họcsinh, quản lý lớp học, quản lý giảng viên, hệ thống thông báo sẽ là những yếu tố quyếtđịnh đến sự thành công của dự án của bạn.Dưới đây là hành trình xây d
GIỚI THIỆU TỔNG QUAN
LÝ DO CHỌN ĐỀ TÀI
Em quyết định lựa chọn đề tài xây dựng website quản lý lớp học đồng nghĩa với việc nhìn nhận và tiếp cận một lĩnh vực giáo dục đầy tiềm năng và đồng thời đầy thách thức Có nhiều lý do khiến việc này trở nên hấp dẫn và quan trọng.
Thứ nhất, giáo dục là một trong những lĩnh vực có sức mạnh và sự đa dạng cao. Với sự biến đổi nhanh chóng của phương pháp giảng dạy và nhu cầu học tập, việc sở hữu một nền tảng trực tuyến giúp nhanh chóng thích ứng và phản ánh các xu hướng mới.
Thứ hai, mô hình quản lý lớp học trực tuyến không chỉ mang lại thuận lợi cho giáo viên và học sinh mà còn tạo ra trải nghiệm học tập thuận tiện Khả năng tiếp cận tài liệu và bài giảng mọi nơi và mọi lúc không chỉ tăng cường hiệu quả giảng dạy mà còn mở rộng cơ hội học tập cho mọi người.
Thứ ba, xây dựng một website quản lý lớp học cũng là cơ hội để khám phá và áp dụng các chiến lược tiếp thị số Quảng bá khóa học và sử dụng các kênh truyền thông xã hội sẽ giúp tối ưu hóa tầm nhìn và tăng cường tương tác với học viên.
Cuối cùng, việc theo đuổi đề tài này là cơ hội để thử thách và phát triển kỹ năng trong việc quản lý hệ thống giáo dục trực tuyến Từ việc xây dựng giao diện đến quản lý tài liệu học tập, từ việc phát triển chiến lược tiếp thị đến việc tối ưu hóa trải nghiệm người dùng, tất cả đều đóng góp vào sự phát triển chung của kỹ năng quản lý và giáo dục Đây là một cơ hội không chỉ để tạo ra giá trị giáo dục mà còn để học hỏi và định hình tương lai trong ngành giáo dục trực tuyến đang ngày càng trở nên quan trọng.
MỤC TIÊU VÀ NHIỆM VỤ ĐỀ TÀI
Mục tiêu của đề tài xây dựng website quản lý lớp học là tạo ra một nền tảng trực tuyến độc đáo, thuận tiện và thu hút người dùng Em hướng đến việc xây dựng một giao diện thân thiện, đáp ứng và thú vị, tối ưu hóa trải nghiệm của giáo viên và học sinh Đồng thời, em nhấn mạnh vào việc cung cấp một bộ sưu tập khóa học và tài liệu học tập đa dạng và cập nhật theo xu hướng giáo dục mới nhất, đảm bảo sự hài lòng của đối tượng đa dạng từ học sinh đến giáo viên.
Mục tiêu của em là không chỉ tạo ra một hệ thống quản lý lớp học trực tuyến, mà còn làm nên một không gian tương tác, thể hiện tầm quan trọng của sự sáng tạo và hỗ trợ người dùng Em cam kết mang lại trải nghiệm học tập đẳng cấp và đồng hành cùng người dùng trên hành trình giáo dục của họ.
Nhiệm vụ của đề tài xây dựng website quản lý lớp học là để em thiết lập một nền tảng quản lý giáo dục trực tuyến đa chiều, nhằm đáp ứng nhu cầu ngày càng đa dạng của giáo viên và học sinh Em cam kết tạo ra một trang web với giao diện đẹp, tương tác mượt mà và thân thiện với người dùng Qua đó, em đặt ra mục tiêu cung cấp một trải nghiệm học tập trực tuyến hoàn hảo, từ việc dễ dàng tìm kiếm tài liệu học tập, quá trình đăng ký và tham gia lớp học thuận lợi đến dịch vụ hỗ trợ người dùng tận tâm.
Mục tiêu lớn của dự án là xây dựng một bộ sưu tập đa dạng các khóa học và tài liệu giảng dạy, cập nhật theo những xu hướng giáo dục mới nhất, đảm bảo sự hài lòng của mọi đối tượng người dùng Em sẽ tích hợp hệ thống lọc thông minh để người dùng có thể dễ dàng tìm kiếm và lựa chọn khóa học và tài liệu phù hợp.
Bên cạnh đó, em sẽ áp dụng các chiến lược quảng cáo kỹ thuật số để tăng cường tầm nhìn của nền tảng và thu hút đối tượng người dùng mục tiêu Điều này bao gồm sử dụng các kênh truyền thông xã hội, quảng cáo Google và email marketing để tối ưu hóa chiến lược tiếp thị.
Em không chỉ xem xét vấn đề từ góc độ kỹ thuật mà còn chú trọng đến quản lý dữ liệu học sinh và giáo viên hiệu quả, đảm bảo sẵn sàng với mọi đợt học và đối mặt với biến động của nhu cầu giáo dục.
Tóm lại, nhiệm vụ của em là xây dựng một website quản lý lớp học không chỉ là nơi tổ chức và quản lý lớp học, mà còn là điểm đến thú vị và đáng tin cậy cho mọi đối tượng người dùng, đồng thời thể hiện sự đổi mới và tính chuyên nghiệp trong ngành giáo dục trực tuyến.
Phạm vi nghiên cứu của đề tài xây dựng website quản lý lớp học sẽ tập trung vào việc phát triển một nền tảng quản lý giáo dục trực tuyến độc đáo và hiệu quả Nghiên cứu sẽ bao gồm phân tích về trải nghiệm người dùng, tích hợp các tính năng tìm kiếm thông minh, và xây dựng cộng đồng trực tuyến với mục tiêu tạo ra một không gian tương tác cho giáo viên và học sinh Đồng thời, nghiên cứu sẽ tập trung vào các chiến lược tiếp thị và quản lý nội dung để tối ưu hóa trải nghiệm học tập và thu hút đối tượng người dùng.
CHỨC NĂNG DỰ KIẾN CỦA ĐỀ TÀI
- Đăng ký, đăng nhập để trở thành thành viên
- Hiển thị danh sách tất cả các lớp mà học sinh đăng ký học
- Hiển thị danh sách thông báo mà giáo viên thông báo trong lớp học
- Hiển thị danh sách tài liệu mà giáo viên đăng trên lớp học
- Quản lý thông báo ( Thêm, Sửa, Xóa)
- Đăng tài liệu lên lớp học
- Quản lý tài khoản (Cấp quyền, Xóa, Sửa, cấp lại mật khẩu)
- Quản lý giáo viên (Cập nhật Trạng thái, Thêm, Sửa, Xóa, Phân lớp, Phân quyền)
- Quản lý tài liệu (Cập nhật Trạng thái, Thêm, Sửa, Xóa)
- Quản lý lớp học (Thêm, Sửa, Lưu trữ)
- Quản lý thông tin học sinh (Xem, Xóa)
- Duyệt học sinh đăng ký vào lớp học
- Phân giáo viên phụ trách lớp học
- Tính lương cho giáo viên
KIẾN THỨC NỀN TẢNG
NGÔN NGỮ PHP
PHP là chữ viết tắt của “Personal Home Page” do Rasmus Lerdorf tạo ra năm
1994 Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụng trong môi trường chuyên nghiệp và nó trở thành “PHP: Hypertext Preprocessor”.
PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công nghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (cross-platform). Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vì tính chất không phụ thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như Windows, Unix và nhiều biến thể của nó Đặc biệt các mã kịch bản PHP viết trên máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cần phải chỉnh sửa hoặc chỉnh sửa rất ít.
Khi một trang Web muốn được dùng ngôn ngữ PHP thì phải đáp ứng được tất cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa ra kết quả ngôn ngữ HTML.
Khác với ngôn ngữ lập trình, PHP được thiết kế để chỉ thực hiện điều gì đó sau khi một sự kiện xảy ra (ví dụ, khi người dùng gửi một biểu mẫu hoặc chuyển tới một URL). Để thiết kế Web động có rất nhiều ngôn ngữ lập trình khác nhau để lựa chọn, mặc dù cấu hình và tính năng khác nhau nhưng chúng vẵn đưa ra những kết quả giống nhau. Chúng ta có thể lựa chọn cho mình một ngôn ngữ : ASP, PHP, Java, Perl và một số loại khác nữa Vậy tại sao chúng ta lại nên chọn PHP Rất đơn giản, có những lí do sau mà khi lập trình Web chúng ta không nên bỏ qua sự lựa chọn tuyệt vời này
PHP được sử dụng làm Web động vì nó nhanh, dễ dàng, tốt hơn so với các giải pháp khác.
PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu có sẵn, tính linh động, bền vững và khả năng phát triển không giới hạn. Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển Web luôn có ý thức cải tiến nó, nâng cao để khắc phục các lỗi trong các chương trình này
PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lập trình viên chuyên nghiệp, mọi ý tuởng của các bạn PHP có thể đáp ứng một cách xuất sắc.
Cách đây không lâu ASP vốn được xem là ngôn ngữ kịch bản phổ biến nhất, vậy mà bây giờ PHP đã bắt kịp ASP, bằng chứng là nó đã có mặt trên 12 triệu Website.
LARAVEL
Laravel là một framework ứng dụng web mã nguồn mở được viết bằng ngôn ngữ PHP Nó không phải là sáng tạo của Rick Ellis nhưng là sản phẩm của Taylor Otwell. Phiên bản đầu tiên của Laravel đã được phát hành vào ngày 9 tháng 6 năm 2011.
Laravel cũng có những điểm nổi bật :
Footprint nhỏ: Dung lượng của Laravel khi tải xuống không lớn, giúp dễ dàng cài đặt và triển khai.
Hướng dẫn sử dụng rõ ràng, dễ hiểu: Laravel đi kèm với tài liệu đầy đủ, hướng dẫn từng bước cho việc phát triển ứng dụng.
Khả năng tương thích với nhiều loại hosting và phiên bản PHP: Laravel hỗ trợ các phiên bản PHP mới nhất và có thể chạy trên nhiều loại hosting khác nhau.
Thiết kế theo mô hình MVC: Mô hình này giúp tổ chức mã nguồn dễ dàng hơn, tăng tính bảo trì và mở rộng của ứng dụng.
Hệ thống thư viện đa dạng: Laravel cung cấp nhiều thư viện hữu ích cho việc xây dựng ứng dụng web, từ quản lý cơ sở dữ liệu đến xử lý email.
Cấu hình gần như bằng không: Laravel cũng đi kèm với cấu hình mặc định hợp lý và dễ tùy chỉnh.
Tốc độ nhanh: Laravel được tối ưu hóa để hoạt động nhanh chóng, đáp ứng được số lượng lớn người dùng.
Miễn phí: Laravel cũng được phát hành dưới giấy phép mở rộng cho phép sử dụng, sửa đổi và phân phối tự do.
Hỗ trợ SEO: Laravel cũng hỗ trợ cấu trúc URL thân thiện với các công cụ tìm kiếm, giúp tăng hiệu suất SEO của ứng dụng.
Bảo mật hệ thống: Laravel có các tính năng bảo mật mạnh mẽ, giúp bảo vệ ứng dụng khỏi các cuộc tấn công phổ biến như XSS và SQL Injection. Để tìm hiểu thêm về Laravel và bắt đầu phát triển ứng dụng, bạn có thể tải Laravel và đọc tài liệu tại các đường dẫn sau:
Tải Laravel: https://laravel.com/docs/installation
Tài liệu Laravel: https://laravel.com/docs
PHPMYADMIN
PhpMyAdmin là một ứng dụng web miễn phí cung cấp GUI sử dụng kết hợp với hệ thống quản lý cơ sở dữ liệu MySQL Đây là công cụ quản trị MySQL phổ biến nhất được sử dụng bởi hàng triệu người dùng trên toàn thế giới và đã giành được nhiều giải thưởng. Được viết bằng PHP, phpMyAdmin có tất cả các chức năng phổ biến mà bạn cần khi phát triển ứng dụng hoặc trang web dựa trên MySQL Phpngười quản trị là một sản phẩm cung cấp chức năng tương tự cho DBMS PostgreQuery.
Với phpMyAdmin, bạn có thể: o Tạo và xóa người dùng, quản lý quyền người dùng o Tạo, thay đổi và xóa cơ sở dữ liệu, bảng, trường và hàng o Tìm kiếm đối tượng trong toàn bộ cơ sở dữ liệu hoặc trong bảng o Nhập và xuất dữ liệu theo các định dạng khác nhau, bao gồm SQL, XML và CSV o Giám sát quá trình và theo dõi hiệu suất của các truy vấn khác nhau o Thực hiện các truy vấn SQL tùy chỉnh o Sao lưu cơ sở dữ liệu MySQL của bạn ở chế độ thủ công
Công cụ này rất đơn giản để thiết lập và sử dụng Nó thường được cài đặt trên cùng một máy tính với cơ sở dữ liệu MySQL, vì vậy tất cả các lệnh được thực thi rất nhanh và không phụ thuộc vào vào kết nối mạng.
LARAGON
Là một chương trình cung cấp môi trường WAMP cực kỳ mạnh mẽ và hoàn toàn miễn phí, với phần mềm này, bạn có thể tự tạo một web server ngay trên máy tính cá nhân mà không cần phải đăng ký một web server. Đây là bộ công cụ được một lập trình viên người Việt Nam đầy tài năng sáng tạo ra, chính là anh Khoa Le.
Laragon ngoài hỗ trợ PHP, MySQL thì còn hỗ trợ các ngôn ngữ lập trình web khác nữa như Node.js, Python, Java, Go, Ruby và hệ quản trị CSDL khác như PostgreSQL, MongoDB.
Bộ phần mềm này cực kỳ nổi tiếng trong cộng đồng Laravel, được download hơn
1 triệu lần và hàng nghìn lập trình viên trên khắp thế giới yêu thích sử dụng.
Theo ý kiến cá nhân mình, đây là bộ phần mềm xứng đáng thay thế XAMPP vì nó được tích hợp vô số chức năng vô cùng chất lượng.
Một số chức năng của bộ phần mềm này như:
Hỗ trợ tối ưu lập trình web
Hỗ trợ cài đặt nhanh WordPress, Drupal, Laravel Framework,…
Hỗ trợ công cụ thao tác với CSDL
Hỗ trợ nhiều phiên bản PHP
Hỗ trợ cài đặt SSL hoàn toàn nhanh chóng và dễ dàng, không rườm rà như XAMPP
Hỗ trợ tên miền riêng.
Tích hợp gửi mail từ localhost thông qua giao thức SMTP được cài đặt sẵn
Hỗ trợ tính năng Git, Memcached, Redis,…
PHÂN TÍCH THIẾT KẾ
KHẢO SÁT HỆ THỐNG
“Xây dựng Website quản lý lớp học”
Website quản lý lớp học là một nền tảng trực tuyến linh hoạt nhằm phục vụ nhu cầu của giáo viên và học sinh Các tài liệu học tập và thông tin lớp học phải được hiển thị và cập nhật liên tục trên website, các thông tin chi tiết về từng lớp học hoặc bài giảng phải được hiển thị ngay khi người dùng nhấp vào một mục cụ thể.
Bên cạnh đó, việc đăng ký và tham gia các lớp học trực tuyến cần được thực hiện một cách tốt nhất và thuận tiện nhất cho người dùng Đây là một trong những tính năng quan trọng của hệ thống.
Việc quản lý hệ thống là cần thiết đối với một website quản lý lớp học Người quản trị hệ thống phải có quyền quản lý các chức năng liên quan đến việc quản lý lớp học (như danh sách lớp học, danh mục môn học, giáo viên, các tài liệu liên quan đến môn học), quản lý bài giảng, quản lý lịch học, quản lý các tài khoản người dùng và quản lý hệ thống. Đồng thời, do đây là một website quản lý lớp học nên cần có thiết kế thân thiện nhưng không quá phức tạp để thu hút người dùng và thuận lợi trong việc học tập.
Từ những mô tả đề tài trên, em xây dựng Website bán hàng thời trang có các chức năng sau:
Quản trị hệ thống có quyền quản lý toàn bộ hoạt động của website bán hàng thời trang :
Nhóm chức năng quản lý người dùng, quản lý lớp học, quản lý giáo viên, quán lý học sinh và quản lý tài liệu bao gồm : thêm, xóa, sửa thông tin, tạo lớp học và chua giáo viên vào các lớp học, duyệt học sinh đã đăng ký vào các lớp học đã tạo, phân quyền cho giáo viên quản lý các lớp học mà giáo viên phụ trách : đăng các thông báo, tài liệu học tập cho học sinh, tạo bảng lương cho giáo viên.
Frontend o Frontend của website quản lý lớp học được xây dựng trên các tiêu chí: o Giao diện đẹp, các thao tác đơn giản và thân thiện với người dùng. o Thông tin sản phẩm phong phú, đa dạng, luôn cập nhật những sản phẩm mới nhất. o Có thông tin liên hệ của cửa hàng o Font chữ đơn giản, hình ảnh dễ nhìn, màu sắc hài hòa. o Tính bảo mật dữ liệu của hệ thống phải cao. o Đảm bảo vận hành tốt khi có nhiều người dùng cùng tương tác tại cùng một thời điểm. o Website tương thích với các trình duyệt phổ biến. o Frontend của website bán hàng thời trang thực hiện các chức năng: o Hiển thị các sản phẩm bán chạy, sản phẩm mới, sản phẩm nổi bật, sản phẩm vừa xem, hiển thị danh mục sản phẩm thời trang nam, thời trang nữ, phụ kiện, tin tức. o Khách hàng có thể xem thông tin chi tiết của sản phẩm, gửi đánh giá, bình luận sản phẩm. o Cho phép khách hàng đặt mua sản phẩm o Cho phép khách hàng đăng ký, đăng nhập hệ thống o Cho phép tìm kiếm các sản phẩm và tin tức. o Cho phép quản lý tài khoản: xem tổng quan trang cá nhân, cập nhật thông tin tài khoản, quản lý đơn hàng, xem sản phẩm yêu thích, sản phẩm đã xem, xem lịch sử login. o Cho phép gửi thông tin liên hệ.
3.1.3 Yêu cầu thực hiện đề tài a Thiết bị và phần mềm
- Máy tính có thể thiết kế được web
- Hệ quản trị cơ sở dữ liệu phpMyAdmin
- Phần mềm thiết kế web: Sublime Text 3, Visual Code… b Yêu cầu trang Web
Ngoài các chức năng trên thì trang website phải được thiết kế sao cho dễ hiểu, giao diện mang tính dễ dùng đẹp mắt và làm sao cho khách hàng thấy được thông tin cần tìm và có trải nghiệm tốt, cung cấp các thông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hút khách hàng Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin khách hàng trong quá trình đặt mua qua mạng Đồng thời trang Web phải luôn đổi mới, hấp dẫn.
PHÂN TÍCH THIẾT KẾ
3.2.1.1 Biểu đồ usecase a Biểu đồ usecase tổng quát
Hình 1 Biểu Hình Usecase tổng quát b Biểu đồ usecase đăng nhập
Hình 2 Biểu đồ Usecae đăng nhập
Mô tả Cho phép thành viên đăng nhập vào hệ thống.
Người thực hiện Thành viên Điều kiện trước - Thành viên chưa đăng nhập vào hệ thống Điều kiện sau Thành viên đã đăng nhập thành công và có thể sử dụng các chức năng mà hệ thống cung cấp Luồng chính 1 Thành viên chọn chức năng đăng nhập
2 Trang đăng nhập hiển thị
3 Nhập tên tài khoản, mật khẩu vào form đăng nhập
5 Hệ thống kiểm tra tên tài khoản, mật khẩu của thành viên
6 Nếu việc đăng nhập thành công thì đưa ra thông báo đăng nhập thành công và chuyển vào trang chủ Nếu thành viên nhập sai tài khoản hoặc mật khẩu thì đưa ra thông báo
7 Kết thúc Các luồng phụ Thành viên đăng nhập không thành công:
1 Hệ thống thông báo quá trình đăng nhập không thành công
2 Hệ thống yêu cầu thành viên nhập lại tên và mật khẩu
3 Nếu khách xem đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý chuyển tới bước 7
Mô tả Cho phép giáo viên, học sinh đăng ký làm thành viên của hệ thống.
Người thực hiện Giáo viên, học sinh Điều kiện trước - Giáo viên, học sinh chưa là thành viên Điều kiện sau Giáo viên, học sinh trở thành thành viên của hệ thống
Luồng chính 1 Giáo viên, học sinh vào giao diện website chọn chức năng đăng ký
2 Trang đăng ký thành viên hiển thị
3 Giáo viên, học sinh xem nhập thông tin cá nhân cần thiết vào trang đăng ký
5 Hệ thống thông báo kết quả nhập thông tin cá nhân Nếu thông tin nhập không chính xác thì hệ thống đưa ra thông báo Nếu nhập chính xác thì thực hiện bước 6
6 Hệ thống cập nhật thông tin của Giáo viên, học sinh vào danh sách thành viên
7 Thông báo đăng ký thành công
8 Kết thúc Các luồng phụ Thành viên đăng ký không thành công:
1 Hệ thống thông báo thông tin nhập không chính xác
2 Hệ thống yêu cầu Giáo viên, học sinh nhập thông tin lại
Mô tả Cho phép thành viên lấy lại mật khẩu
Người thực hiện Thành viên Điều kiện trước - Thành viên bị mất hoặc không nhớ mật khẩu Điều kiện sau Thành viên đã đăng ký trong hệ thống
Luồng chính 1 Thành viên chọn chức năng quên mật khẩu
2 Trang quên mật khẩu hiển thị
3 Nhập email mà thành viên đó đã đăng ký để xác thực lấy lại mật khẩu
4 Nhấn nút gửi yêu cầu
5 Hệ thống sẽ kiểm tra xem email đó có tồn tại hay không Nếu tồn tại thì đưa ra thông báo vào email để xác nhận Ngược lại
5 Hệ thống sẽ gửi email xác thực lấy lại mật khẩu cho thành viên
6 Nếu thành viên vào email xác nhận thì chuyển vào form đổi mật khẩu.
7 Kết thúc Các luồng phụ Thành viên nhập sai email:
1 Hệ thống thông báo email không tồn tại
2 Hệ thống yêu cầu thành viên nhập lại email
3 Nếu khách xem đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý chuyển tới bước 7 c Biểu đồ usecase đăng lý lớp học
Hình 3 Biểu đồ Usecase đăng kí lớp học
Mô tả Cho phép học sinh xem thông tin xem thông tin các lớp học, chọn đăng ký lớp học Người thực hiện Học sinh Điều kiện trước Đã đăng nhập Điều kiện sau Không cần điều kiện
Luồng chính 1 Học sinh chọn chức năng đăng ký lớp học trong hệ thống
2 Hệ thống hiển thị danh sách thông tin các lớp học
3 Học sinh chọn lớp học muốn đăng ký
4 Học sinh xác nhận đăng ký lớp học đã chọn
5 Kết thúc Các luồng phụ Không có
Mô tả Duyệt học sinh đã đăng ký vào lớp học
Người thực hiện Người quản trị Điều kiện trước - Học sinh đã đăng ký lớp học thành công Điều kiện sau Học sinh được phép truy cập vào lớp học
Luồng chính 1 Người quản trị vào danh sách đăng ký
2 Danh sách học sinh đăng lý hiển thị
3 Chọn học sinh duyệt vào lớp học
4 Học sinh đã được duyệt vào lớp học
5 Kết thúc Các luồng phụ Không có d Biểu đồ usecase quản lý học sinh
Hình 4 Biểu đồ Usecase quản lý học sinh
Mô tả Cho phép người quản trị thêm mới tài khoản học sinh
Người thực hiện Người quản trị Điều kiện trước - Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị và có quyền hạn thực hiện chức năng Luồng chính 1 Người quản trị chọn vào thông tin tài khoản
2 Danh sách tài khoản hiển thị
3 Nhấn vào nút thêm mới, hệ thống sẽ chuyển qua trang thêm mới tài khoản
4 Nhập đầy đủ thông tin
5 Hệ thống kiểm tra toàn bộ thông tin nhập vào
6 Nếu bỏ trống, nhập thiếu hoặc sai thông tin nào thì hệ thống sẽ thông báo lỗi thông tin đó Nếu mà tên đăng nhập hoặc email mà người quản trị thêm vào đã có trong hệ thống thì thông báo tên đăng nhập và email đã tồn tại
7 Nếu nhập đúng thông tin thì hệ thống thông báo thêm mới thành công
Mô tả Cho phép người quản trị xóa tài khoản học sinh
Người thực hiện Người quản trị Điều kiện trước - Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị và có quyền hạn thực hiện chức năng Luồng chính 1 Người quản trị chọn vào thông tin tài khoản
2 Danh sách tài khoản hiển thị
3 Nhấn vào nút xóa, hệ thống sẽ xóa tài khoản vào thùng rác
4 Hệ thống thông báo xóa thành công
8 Kết thúc Các luồng phụ
Mô tả Cho phép người quản trị sửa khoản học sinh
Người thực hiện Người quản trị Điều kiện trước - Tài khoản đang đăng nhập Điều kiện sau Đã đăng nhập vào trang người quản trị và có quyền hạn thực hiện chức năng Luồng chính 1 Người quản trị chọn vào thông tin tài khoản
2 Danh sách tài khoản hiển thị
3 Nhấn vào nút icon có biểu tượng chỉnh sửa, hệ thống sẽ tự động chuyển qua trang cập nhật tài khoản
4 Người quản trị chỉnh sửa lại thông tin cần sửa
5 Nhấn vào nút button cập nhật
6 Nếu thông tin nhập vào, có tên đăng nhập trùng với tên đăng nhập trong hệ thống thì thông báo tên đăng nhập đã tồn tại
7 Nếu thông tin cập nhật chính xác thì chuyển người quản trị qua trang danh sách tài khoản và thông báo cập nhật thành công
Các luồng phụ e Biểu đồ usecase quản lý giáo viên
Hình 5 Biểu đồ Usecase quản lý giáo viên
Mô tả Cho phép quản trị viên, người quản trị thêm mới giáo viên Người thực hiện Quản trị viên, người quản trị Điều kiện trước Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị
Luồng chính 1 Người quản trị chọn vào danh sách giáo viên
2 Danh sách sản phẩm hiển thị ra
3 Nhấn vào nút thêm mới, hệ thống sẽ chuyển qua trang thêm mới giáo viên
4 Nhập đầy đủ thông tin cần thiết của giáo viên
5 Hệ thống kiểm tra toàn bộ thông tin nhập vào
6 Nếu bỏ trống, nhập thiếu hoặc sai thông tin nào thì hệ thống sẽ thông báo lỗi thông tin đó Nếu mà tên giáo viên mà người quản trị thêm vào đã có trong danh sách giáo viên thì thông báo tên giáo viên đó đã tồn tại
7 Nếu nhập đúng thông tin thì hệ thống sẽ chuyển người quản trị quay lại trang danh sách giáo viên và thông báo thêm mới thành công Ngược lại, thêm mới thất bại
8 Kết thúc Các luồng phụ
Mô tả Cho phép quản trị viên, người quản trị sửa giáo viên
Người thực hiện Quản trị viên, người quản trị Điều kiện trước Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị
Luồng chính 1 Người quản trị chọn vào danh sách giáo viên
2 Danh sách giáo viên hiển thị ra
3 Nhấn vào nút icon có biểu tượng chỉnh sửa, hệ thống sẽ tự động chuyển qua trang cập nhật giáo viên
4 Người quản trị chỉnh sửa lại thông tin của giáo viên muốn cập nhật
5 Nhấn vào nút button cập nhật
6 Nếu thông tin cập nhật điền vào chính xác thì chuyển người quản trị qua trang danh sách giáo viên và thông báo cập nhật thành công
7 Kết thúc Các luồng phụ
Mô tả Cho phép quản trị viên, người quản trị xóa giáo viên
Người thực hiện Quản trị viên, người quản trị Điều kiện trước Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị
Luồng chính 1 Người quản trị chọn vào danh sách giáo viên
2 Danh sách sản phẩm hiển thị ra
3 Nhấn vào nút icon có biểu tượng xóa
5 Thông báo sẽ hiện ra Nhấn vào nút xác nhận xóa vào thùng rác
8 Kết thúc Các luồng phụ f Biểu đồ usecase quản lý lớp học
Hình 6 Biểu đồ Usecase quản lý lớp học
Mô tả Cho phép quản trị viên, người quản trị thêm mới lớp học
Người thực hiện Quản trị viên, người quản trị Điều kiện trước Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị
Luồng chính 1 Người quản trị chọn vào danh sách lớp học
2 Danh sách lớp học hiển thị ra
3 Nhấn vào nút thêm mới, hệ thống sẽ chuyển qua trang thêm mới lớp học
4 Nhập thông tin lớp học
5 Hệ thống kiểm tra thông tin nhập vào
6 Nếu nhập đúng thông tin thì hệ thống sẽ chuyển người quản trị quay lại trang danh sách lớp học và thông báo thêm mới thành công Ngược lại, thông báo thêm mới thất bại
7 Kết thúc Các luồng phụ
Mô tả Cho phép quản trị viên, người quản trị sửa thông tin lớp học Người thực hiện Quản trị viên, người quản trị Điều kiện trước Tài khoản toàn quyền Điều kiện sau Đã đăng nhập vào trang người quản trị
Luồng chính 1 Người quản trị chọn vào danh sách lớp học
2 Danh sách lớp học hiển thị ra
3 Nhấn vào nút icon có biểu tượng chỉnh sửa, hệ thống sẽ tự động chuyển qua trang cập nhật lớp học
4 Người quản trị chỉnh sửa lại thông tin của lớp học muốn cập nhật
5 Nhấn vào nút button cập nhật
6 Nếu thông tin cập nhật điền vào chính xác thì chuyển người quản trị qua trang danh sách lớp học và thông báo cập nhật thành công
7 Kết thúc Các luồng phụ
THIẾT KẾ CƠ SỞ DỮ LIỆU
Hình 31 Cơ sở dữ liệu hệ thống3.3.1 Lớp học (classroom).
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id lớp học bigint Chính title Tiêu đề Varchar(255) description Mô tả lớp học Varchar(255)
Code_class Mã lớp học Varchar(255)
Image_path Đường dẫn ảnh Varchar(255)
Subject_id Mã Môn học Bigint Ngoại Khóa ngoại trỏ tới id bảng Subject
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id môn bigint Chính name Tên môn Varchar(255)
3.3.3 Chi tiết lớp học (Subscribed).
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id bài tập Bigint Chính
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id bigint Chính classroom_id Mã lớp học bigint Ngoại Khóa ngoại trỏ tới id bảng classroom user_id Mã người dùng
Char(10) Ngoại Khóa ngoại trỏ tới id bảng users status Trạng thái int title Tiêu đề varchar(50)
Name_file_upload Tên file varchar(50) classroom_id Mã lớp học bigint Ngoại Khóa ngoại trỏ tới id bảng classroom user_id Mã người dùng Char(10) Ngoại Khóa ngoại trỏ tới id bảng users
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id thông báo Bigint Chính title Mail cấu hình Varchar(50) content Nội dung Text
Type Loại Int status Trạng thái Int classroom_id Mã lớp học bigint Ngoại Khóa ngoại trỏ tới id bảng classroom user_id Mã người dùng Char(10) Ngoại Khóa ngoại trỏ tới id bảng users
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Id đơn hàng Bigint Chính status Trạng thái int total Tổng tiền bigint
Code_order Mã đơn hàng varchar(50) classroom_id Mã lớp học bigint Ngoại Khóa ngoại trỏ tới id bảng classroom user_id Mã người dùng Char(10) Ngoại Khóa ngoại trỏ tới id bảng users
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Mã lương bigint Chính salary Lương bigint payday Ngày trả lương DateTime status Trạng thái Int user_id Mã người dùng
Char(10) Ngoại Khóa ngoại trỏ tới id bảng users Default_salary_id Mã Lương mặc định bigint Ngoại Khóa ngoại trỏ tới id bảng Default_salary
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú uuid Id user char(10) Chính name Tên varchar(50) email Email varchar(50)
Birthday Ngày Sinh varchar(50) phone SĐT varchar(50)
3.3.9 Lương mặc định (Default_salary)
Tên cột Ý nghĩa Kiểu dữ liệu Khóa Ghi chú id Mã lương bigint Chính salary Lương bigint
LƯU ĐỒ THUẬT TOÁN , GIAO DIỆN VÀ CÀI ĐẶT
LƯU ĐỒ THUẬT TOÁN
Hình 32 : Lưu đồ đăng nhập
Source Code public function login(LoginRequest $request): RedirectResponse
$remember = $request->has('remember_me');
$result = false; if (Auth::attempt(["email" => $email, "password" =>
} if ($result) { return redirect()->route('home')->with("success",
>withErrors(['errors' => 'Email hoặc mật khẩu không đúng']);}
Bắt đầu: Bắt đầu quy trình.
Kiểm tra có đang đăng nhập không?
Nếu có: Quay lại bước đầu.
Nếu không: Tiếp tục đến bước tiếp theo.
Nhập Email, Mật Khẩu, Nhập Lại Mật Khẩu: Người dùng nhập thông tin email và mật khẩu, sau đó nhập lại mật khẩu để xác nhận.
Kiểm tra Email có tồn tại chưa?
Nếu có: Quay lại bước nhập thông tin.
Nếu chưa: Tiếp tục đến bước tiếp theo.
Đăng ký vào hệ thống: Hệ thống thực hiện đăng ký tài khoản mới cho người dùng.
Kết thúc: Kết thúc quy trình đăng ký
Hình 33: Lưu đồ đăng ký
Source Code public function register(RegisterRequest $request) { try {
$token = Str::random(5) "-" Str::uuid() "-" time();
DB::commit(); return redirect()->route('home')
->with('success', 'Tạo Người Dùng Thành
DB::rollBack(); return back()->withErrors(['error' => 'Tạo Người Dùng Thất Bại !!!']);
Bắt đầu: Bắt đầu quy trình.
Kiểm tra có đang đăng nhập không?
Nếu có: Quay lại bước đầu.
Nếu không: Tiếp tục đến bước tiếp theo.
Nhập Email và Mật Khẩu: Người dùng nhập thông tin email và mật khẩu.
Kiểm tra Email và Mật Khẩu:
Nếu sai: Quay lại bước nhập thông tin.
Nếu đúng: Tiếp tục đến bước tiếp theo.
Đăng nhập vào hệ thống: Hệ thống thực hiện đăng nhập cho người dùng.
Kết thúc: Kết thúc quy trình đăng nhập.
Hình 34 : Lưu đồ đăng ký môn học
$userSubscribed['user_id']= $user->uuid;
$userSubscribed['classroom_id'] = $request->classroom_id;
Bắt đầu: Bắt đầu quy trình.
Nếu đăng nhập thành công, tiếp tục đến bước kiểm tra.
Nếu không, quay lại trang chủ.
Nếu là giáo viên, quay lại trang chủ.
Nếu là học sinh, tiếp tục đến bước đăng ký lớp học.
Nếu đồng ý đăng ký, tiếp tục đến bước thanh toán.
Nếu không đồng ý, kết thúc quy trình.
Nếu miễn phí, quay về danh sách.
Nếu mất phí, chờ xác nhận, sau đó quay về danh sách.
Quay về danh sách: Hoàn thành quá trình đăng ký và quay lại danh sách lớp học.
Kết thúc: Kết thúc quy trình.
Hình 35 : Lưu đồ đăng bài tập
Source Code public function store(Request $request) {
'uploadFile' => 'nullable|file| mimes:jpg,png,pdf,docx|max:2048',
// Tạo một bài tập mới
$exercise->classroom_id = $request->classroom_id; $exercise->user_id = auth()->user()->uuid; if ($request->hasFile('uploadFile')) {
// Lưu tệp vào thư mục storage/exercises
// Lưu tên tệp vào cơ sở dữ liệu
$exercise->name_file_upload = $uploadedFile-
$notification->title = 'Thông báo bài tập mới';
$notification->content = $user->name ' đã đăng một bài tập mới: Ngày ' $exercise->created_at->format('d/m'); $notification->user_id = auth()->user()->uuid;
// Lưu thông báo vào cơ sở dữ liệu
$notification->save(); return redirect()->route('exercise', ['exercise' =>
$exercise->id ])->with('success', 'Tạo bài tập thành công.');
} public function update(Request $request, $id)
// Kiểm tra dữ liệu nhận được từ form
'uploadFile' => 'nullable|file| mimes:jpg,png,pdf,docx|max:2048',
$exercise = Exercise::find($id); if (!$exercise) { return redirect()->route('exercise.index')-
>with('error', 'Bài tập không tồn tại.');
$exercise->description $validatedData['description']; if ($request->hasFile('uploadFile')) {
// Lưu tệp vào thư mục storage/exercises
// Lưu tên tệp vào cơ sở dữ liệu
$exercise->name_file_upload = $uploadedFile-
$exercise->save(); return redirect()->route('exercise', ['exercise' =>
$id ])->with('success', 'Cập nhật bài tập thành công.'); }
Bắt đầu: Quá trình bắt đầu từ đây.
Người dùng được yêu cầu đăng nhập.
Nếu đăng nhập không thành công, họ sẽ được chuyển đến Trang chủ.
Sau khi đăng nhập, hệ thống kiểm tra vai trò của người dùng.
Nếu người dùng là học sinh, họ sẽ được chuyển đến Trang chủ.
Nếu người dùng là giáo viên, quá trình sẽ tiếp tục với bước tiếp theo.
Giáo viên được đưa ra tùy chọn để đăng bài tập.
Nếu họ chọn Đồng ý, họ sẽ tiến tới Quay về danh sách.
Nếu họ chọn Không, quá trình sẽ kết thúc với Kết thúc.
Sau khi đăng bài tập, giáo viên sẽ quay về danh sách.
Có một số điểm trong quá trình mà người dùng có thể quay lại:
Từ Đăng nhập về Trang chủ nếu đăng nhập thất bại.
Từ Đăng bài tập về bước trước đó nếu giáo viên chọn không đăng bài tập.
Hình 36 : Lưu đồ tải bài tập
Ngày thanh toán
user->name }}
Tháng {{ $salary-
{{ $salary->payday }}
{{ $salary-
{{ $salary-
{{ $salary->bonus + $salary->defaultSalary->salary }}
Chưa Thanh Toán
>status == \App\Enums\SalaryStatusEnum::APPROVE)
Đã Thanh Toán
>status == \App\Enums\SalaryStatusEnum::REJECT)
Từ Chối @endif
Bắt đầu: Đây là điểm bắt đầu của quá trình.
Người dùng được yêu cầu đăng nhập.
Nếu đăng nhập không thành công, người dùng sẽ được chuyển hướng đến "Trang chủ" và có thể thử lại (quay lại).
Sau khi đăng nhập, hệ thống kiểm tra vai trò của người dùng.
Nếu người dùng là học sinh, họ sẽ được chuyển hướng đến "Trang chủ".
Nếu người dùng là giáo viên, họ sẽ tiếp tục đến bước tiếp theo.
Giáo viên xem bảng lương của mình.
Nếu giáo viên không muốn tiếp tục, họ có thể quay lại và kết thúc quá trình.
Giáo viên xác nhận bảng lương của mình.
Nếu giáo viên đồng ý với bảng lương (Đúng), họ sẽ nhận lương.
Nếu giáo viên không đồng ý với bảng lương (Không), họ sẽ gửi phản hồi.
Giáo viên gửi phản hồi về bảng lương của mình.
Quá trình sau đó kết thúc.
Giáo viên nhận lương của mình.
Kết thúc: Đây là điểm kết thúc của quá trình.
GIAO DIỆN CHƯƠNG TRÌNH NGƯỜI DÙNG
Hình 39 Giao diện trang chủ 4.3.2 Giao diện đăng ký
Hình 40 Giao diện đăng ký4.3.3 Giao diện đăng nhập
Hình 41 Giao diện đăng nhập 4.3.4 Giao diện danh sách khoá học
Hình 42 Giao diện quên mật khẩu4.3.5 Giao diện thông tin người dùng
Hình 43 Giao diện thông tin người dùng
4.3.6 Giao diện trang thanh toán
Hình 44 Giao diện trang thanh toán
4.3.7 Giao diện trang chính lớp học
Hình 45 Giao diện trang chính lớp học
4.3.8 Giao diện trang lớp học
Hình 46 Giao diện trang lớp học 4.3.9 Giao diện trang danh sách bài tập của lớp học
Hình 47 Giao diện trang danh sách bài tập của lớp học4.3.10 Giao diện trang bài tập
GIAO DIỆN CHƯƠNG TRÌNH ADMIN
Hình 49 Giao diện trang chủ4.4.2 Giao diện quản lý tất cả người dùng
Hình 50 Giao diện trang quản lý tất cả người dùng 4.4.3 Giao diện quản lý học sinh
Hình 51 Giao diện trang quản lý học sinh4.4.4 Giao diện quản lý giáo viên
Hình 52 Giao diện trang quản lý giáo viên
4.4.5 Giao diện quản lý lớp học
Hình 53 Giao diện trang quản lý lớp học
4.4.6 Giao diện trang quản lý bài tập
Hình 54 Giao diện trang quản lý bài tập
4.4.7 Giao diện trang quản lý học viên của lớp học
Hình 55 Giao diện trang quản lý học viên của lớp học
4.4.8 Giao diện trang quản lý môn học
Hình 56 Giao diện trang quản lý môn học
4.4.9 Giao diện trang quản lý lương
Hình 57 Giao diện trang quản lý lương
4.4.10 Giao diện trang quản lý lương mặc định
Hình 58 Giao diện trang quản lý lương mặc định 4.4.11 Giao diện trang quản lý đơn hàng
Hình 59 Giao diện trang quản lý đơn hàng
4.4.12 Giao diện trang quản lý thông báo
Hình 60 Giao diện trang lớp học
CÀI ĐẶT CHƯƠNG TRÌNH
Tải Laragon từ trang chủ: https://laragon.org/download/Chọn phiên bản mới nhất và cài đặt
Mở port apache , mysql và nginx :
4.4.2 Thêm dự án vào laragon
Tải dự án về và giải nén ra tại đường dẫn : C:\laragon\www\laravel ( C:\laragon\www + tên dự án của bạn )
4.4.3 Tải các thư viện và các gói npm và composer của Laravel
Mở Terminal (hoặc Git Bash) trong thư mục project Laravel (ví dụ: C:\laragon\www\ Laravel) ( nên dùng mặc định của laragon )
Chạy lệnh: npm install + composer install
Command : cd Laravel ( cd + tên project )
4.4.4 Bắt đầu chạy laragon Ấn nút Start ALL
4.4.5 Biên dịch các file CSS và Javascript của trang web
Command : npm run dev Để xem trang web bạn vào đường link : Laravel.test ( tên project + `.test` )
4.4.6 Cách lệnh bổ trợ khác
Chạy lệnh migration ( tạo và thay đổi mysql ) : php artisan migrate
Chạy lệnh tạo giả dữ liệu : php artisan db:seed
Lệnh `drop` database theo migration và chạy lại cùng với dữ liệu : php artisan migrate:fresh –seed