Báo Cáo Đồ Án: Lập Trình Website E-Learning Trường Đại Học Kinh Tế - Luật TP.HCM

Báo cáo đồ án thiết kế web về lập trình website e-learning tại trường Đại học Kinh tế Luật TP.HCM, cung cấp kiến thức và ứng dụng thực tiễn.

• Tác giả: Phan Thị Thu Ngân
• Người hướng dẫn: Th.S Nguyễn Thị Hoài Thu
• Trường học: Trường Đại Học Nguyễn Tất Thành
• Chuyên ngành: Marketing
• Đề tài: Lập Trình Website E-Learning
• Loại tài liệu: Đồ án
• Năm xuất bản: 2024
• Địa điểm: TP.HCM

Mục lục chi tiết

• LỜI MỞ ĐẦU
• LỜI CẢM ƠN
• NHẬN XÉT CỦA GIÁO VIÊN
• 1. CHƯƠNG 1: Phân tích về Trường Đại học Kinh tế - Luật
• 1.1. Sơ đồ tổ chức trường UEL
• 1.2. Bảng phân quyền truy cập vào hệ thống e-learning của trường Đại học UEL
• 1.3. BMC- Business Model Canvas (9 parts)
• 1.4. Mô hình CFD và DFD
• 2. CHƯƠNG 2: CÁC MÔ HÌNH THIẾT KẾ
• 2.1. Phân tích mô hình trường đại học
• 2.2. Quy trình tạo bài giảng trực tuyến
• 2.3. Quy trình thanh toán học phí trực tuyến
• 2.4. Quy trình thổ chức thi trực tuyến
• 2.5. Quy trình hỗ trợ sinh viên
• 2.6. Mô hình thiết kế
• 2.6.1. Sáu mô hình thiết kế cơ bản
• 2.6.2. So sáng mô hình Agile và mô hình Scrum
• 2.6.3. Lý do chọn mô hình Agile
• 3. CHƯƠNG 3: LẬP TRÌNH & MÔ HÌNH THỰC THỂ (ERD)
• 3.1. Triển khai mô hình Agile cho trường Đại học Kinh tế - Luật
• 3.1.1. Thu thập và phân tích yêu cầu về mô hình Agile cho trường Đại học Kinh tế - Luật
• 4. CHƯƠNG 4: TRIỂN KHAI
• 4.1. Hướng dẫn người dùng sử dụng trang web
• 4.2. Đăng nhập vào hệ thống
• 4.3. Tìm kiếm khóa học
• 4.4. Hướng dẫn sinh viên quản lý khóa học
• 4.5. Thực hiện bài kiểm tra trực tuyến
• 4.6. Xem tài liệu, và bài giảng
• 4.7. Xem lịch sử giao dịch
• 4.8. Thiết kế bài giảng trên UEL E-learning
• 4.9. Đăng xuất khỏi hệ thống
• 5. CHƯƠNG 5: KIỂM THỬ
• 6. CHƯƠNG 6: QUY TRÌNH BẢO TRÌ
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Lập Trình Website E Learning Hiện Nay

Trong kỷ nguyên số, lập trình web cho hệ thống e-learning đã trở thành một lĩnh vực quan trọng. Nhu cầu học tập trực tuyến ngày càng tăng cao, đòi hỏi các nền tảng giáo dục phải đáp ứng được yêu cầu về tính năng và trải nghiệm người dùng. Việc xây dựng một website e-learning không chỉ đơn thuần là tạo ra một trang web, mà còn là việc thiết kế một môi trường học tập tương tác và hiệu quả. Các công nghệ hiện đại như HTML5, CSS3, và JavaScript đóng vai trò quan trọng trong việc phát triển giao diện người dùng thân thiện và dễ sử dụng.

1.1. Tầm Quan Trọng Của Hệ Thống E Learning Trong Giáo Dục

Hệ thống e-learning giúp người học tiếp cận kiến thức mọi lúc, mọi nơi. Điều này không chỉ tạo ra sự linh hoạt trong việc học mà còn mở rộng cơ hội cho những người không thể tham gia lớp học truyền thống.

1.2. Các Công Nghệ Chính Trong Lập Trình Website E Learning

Các công nghệ như HTML5, CSS3, và JavaScript là nền tảng cho việc phát triển giao diện người dùng. Ngoài ra, các framework như React và Angular cũng được sử dụng để tạo ra trải nghiệm người dùng mượt mà hơn.

II. Những Thách Thức Trong Lập Trình Website E Learning

Mặc dù có nhiều lợi ích, việc phát triển một website e-learning cũng gặp phải nhiều thách thức. Một trong những vấn đề lớn nhất là đảm bảo tính bảo mật cho dữ liệu người dùng. Hệ thống cần phải được thiết kế để bảo vệ thông tin cá nhân và kết quả học tập của sinh viên. Bên cạnh đó, việc tối ưu hóa hiệu suất của website cũng là một yếu tố quan trọng, giúp người dùng có trải nghiệm tốt nhất.

2.1. Vấn Đề Bảo Mật Trong Hệ Thống E Learning

Bảo mật thông tin là một trong những ưu tiên hàng đầu khi phát triển hệ thống e-learning. Các biện pháp như mã hóa dữ liệu và xác thực người dùng cần được áp dụng để bảo vệ thông tin cá nhân.

2.2. Tối Ưu Hiệu Suất Website E Learning

Tối ưu hóa hiệu suất giúp giảm thời gian tải trang và cải thiện trải nghiệm người dùng. Việc sử dụng các công cụ phân tích hiệu suất có thể giúp phát hiện và khắc phục các vấn đề kịp thời.

III. Phương Pháp Lập Trình Website E Learning Hiệu Quả

Để xây dựng một website e-learning hiệu quả, cần áp dụng các phương pháp lập trình hiện đại. Mô hình Agile là một trong những phương pháp phổ biến, cho phép phát triển linh hoạt và thích ứng với các yêu cầu thay đổi. Việc sử dụng các công cụ quản lý dự án như Jira hay Trello cũng giúp theo dõi tiến độ và quản lý công việc hiệu quả.

3.1. Mô Hình Agile Trong Phát Triển Website E Learning

Mô hình Agile cho phép nhóm phát triển linh hoạt trong việc điều chỉnh yêu cầu và phản hồi từ người dùng. Điều này rất quan trọng trong môi trường giáo dục, nơi mà nhu cầu có thể thay đổi nhanh chóng.

3.2. Sử Dụng Công Cụ Quản Lý Dự Án

Các công cụ như Jira và Trello giúp theo dõi tiến độ và phân công công việc cho các thành viên trong nhóm. Điều này giúp đảm bảo rằng mọi người đều nắm rõ nhiệm vụ của mình và tiến độ dự án.

IV. Ứng Dụng Thực Tiễn Của Website E Learning

Website e-learning không chỉ là một công cụ học tập mà còn là một nền tảng để kết nối giữa giảng viên và sinh viên. Các tính năng như diễn đàn thảo luận, bài kiểm tra trực tuyến, và video học tập giúp tăng cường sự tương tác và hỗ trợ quá trình học tập. Nhiều trường đại học đã áp dụng hệ thống này để cải thiện chất lượng giảng dạy và học tập.

4.1. Tính Năng Diễn Đàn Thảo Luận

Diễn đàn thảo luận cho phép sinh viên trao đổi ý kiến và thảo luận về các chủ đề học tập. Điều này không chỉ giúp tăng cường sự tương tác mà còn tạo ra một cộng đồng học tập tích cực.

4.2. Bài Kiểm Tra Trực Tuyến

Bài kiểm tra trực tuyến giúp giảng viên đánh giá kiến thức của sinh viên một cách nhanh chóng và hiệu quả. Hệ thống có thể tự động chấm điểm và cung cấp phản hồi ngay lập tức.

V. Kết Luận Về Tương Lai Của Lập Trình Website E Learning

Tương lai của lập trình website e-learning hứa hẹn sẽ tiếp tục phát triển mạnh mẽ với sự hỗ trợ của công nghệ mới. Các xu hướng như học máy và trí tuệ nhân tạo sẽ được tích hợp vào hệ thống, giúp cá nhân hóa trải nghiệm học tập cho từng sinh viên. Điều này không chỉ nâng cao chất lượng giáo dục mà còn mở ra nhiều cơ hội mới cho người học.

5.1. Xu Hướng Công Nghệ Mới Trong E Learning

Công nghệ như học máy và trí tuệ nhân tạo sẽ giúp cải thiện trải nghiệm học tập. Các hệ thống có thể tự động điều chỉnh nội dung học tập dựa trên nhu cầu và khả năng của từng sinh viên.

5.2. Tương Lai Của Giáo Dục Trực Tuyến

Giáo dục trực tuyến sẽ tiếp tục phát triển và trở thành một phần không thể thiếu trong hệ thống giáo dục toàn cầu. Việc áp dụng công nghệ mới sẽ giúp nâng cao chất lượng và hiệu quả của quá trình học tập.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh chuyển đổi số giáo dục đại học, các nền tảng học tập trực tuyến (E-learning) đã trở thành giải pháp thiết yếu nhằm xóa bỏ rào cản về không gian và thời gian, tạo điều kiện thuận lợi cho người học tiếp cận tri thức. Tuy nhiên, việc xây dựng một hệ thống giáo dục trực tuyến không chỉ dừng lại ở giao diện trình bày thông tin đơn thuần mà đòi hỏi việc tích hợp các công cụ sư phạm tương tác cao như kiểm tra trực tuyến, diễn đàn trao đổi và hệ thống quản trị bài giảng đồng bộ. Báo cáo đồ án môn học Thiết kế Web với đề tài "Lập trình Website E-Learning trường đại học Kinh tế - Luật TP.HCM" được thực hiện bởi sinh viên Phan Thị Thu Ngân (ngành Marketing, Khoa Công nghệ Thông tin, Trường Đại học Nguyễn Tất Thành) dưới sự hướng dẫn của Th.S Nguyễn Thị Hoài Thu vào tháng 10 năm 2024. Đề tài tập trung giải quyết bài toán khảo sát, thiết kế và mô phỏng giao diện hệ thống học tập trực tuyến cho Trường Đại học Kinh tế - Luật (UEL).

Nhiệm vụ nghiên cứu và thực hiện đồ án được quy định cụ thể theo văn bản giao việc gồm 5 nội dung chính:

1. Xác định nội dung, yêu cầu và thu thập thông tin về sản phẩm, khách hàng cùng các dữ liệu liên quan để phục vụ lập trình Website.
2. Phân tích thiết kế và phác thảo giao diện cho trang web.
3. Tối ưu hóa hiệu suất của trang web và kiểm tra tính bảo mật hệ thống.
4. Đảm bảo và thông qua quy trình kiểm thử hệ thống trước khi hoàn thiện sản phẩm.
5. Soạn thảo báo cáo đồ án, in ấn và đóng tập theo đúng quy cách biểu mẫu quy định.

Đối tượng nghiên cứu của đồ án là hệ thống Website E-Learning ứng dụng cho mô hình đào tạo tại Trường Đại học Kinh tế - Luật TP.HCM. Phạm vi nghiên cứu về mặt không gian tập trung vào cơ cấu tổ chức, người dùng và quy trình nghiệp vụ đào tạo của Trường Đại học Kinh tế - Luật (UEL). Phạm vi thời gian thực hiện đề tài bắt đầu từ ngày 07/10/2024 đến khi hoàn thành nghiệm thu báo cáo trong tháng 10/2024.

Cơ sở lý thuyết và phương pháp

Về mặt lý luận và công cụ phân tích mô hình hoạt động, đồ án áp dụng khung mô hình kinh doanh Canvas (Business Model Canvas - BMC) gồm 9 thành phần để phân tích cấu trúc vận hành dịch vụ E-learning:

• Đối tác chính (Key Partnerships): Các đối tác công nghệ, các tổ chức giáo dục, Bộ Giáo dục và Đào tạo, các doanh nghiệp tài trợ.
• Hoạt động chính (Key Activities): Quản lý khóa học, hỗ trợ sinh viên và giảng viên, tổ chức kiểm tra và thi trực tuyến.
• Nguồn lực chính (Key Resources): Hạ tầng công nghệ thông tin, đội ngũ nhân sự, tài nguyên học tập, nguồn hỗ trợ tài chính.
• Giá trị tạo ra (Value Propositions): Truy cập học tập linh hoạt, nâng cao chất lượng giảng dạy, môi trường học tập hiện đại, mở rộng cơ hội học tập.
• Quan hệ khách hàng (Customer Relationships): Hỗ trợ trực tuyến 24/7, cung cấp hướng dẫn sử dụng chi tiết, duy trì kênh tương tác trực tiếp.
• Kênh phân phối (Channels): Hệ thống E-learning, cổng thông tin website trường, ứng dụng di động và hệ thống thư điện tử (Email).
• Phân khúc khách hàng (Customer Segments): Sinh viên, giảng viên và nhân viên UEL, học viên tự do, các doanh nghiệp.
• Cấu trúc chi phí (Cost Structure): Chi phí phát triển và bảo trì hệ thống, chi phí nhân sự, hạ tầng CNTT, chi phí đào tạo/hướng dẫn, chi phí tiếp thị và truyền thông.
• Dòng doanh thu (Revenue Streams): Học phí, phí dịch vụ trực tuyến, nguồn tài trợ, nguồn thu từ đối tác và hoạt động quảng cáo.

Về phương pháp phân tích quy trình và luồng thông tin, tác giả sử dụng:

• Mô hình luồng kiểm soát (CFD - Control Flow Diagram) để mô hình hóa quy trình đăng ký khóa học trực tuyến giữa sinh viên, giảng viên và bộ phận tài chính.
• Mô hình luồng dữ liệu (DFD - Data Flow Diagram) mức 0 và mức 1 mô tả tiến trình đăng ký khóa học, tiếp nhận thông tin từ sinh viên, xử lý công nợ với bộ phận kế toán và lưu trữ dữ liệu vào hệ thống.
• Phương pháp phân tích vòng đời phần mềm: Đồ án khảo sát và so sánh 6 mô hình phát triển phần mềm gồm BigBang, Thác nước (Waterfall), Xoắn ốc (Spiral), Phát triển lặp và tăng dần (Incremental and Iterative), Scrum và Agile.

Tiêu chí	Mô hình Agile	Mô hình Scrum
Định nghĩa	Triết lý phát triển phần mềm với các nguyên tắc linh hoạt (Agile Manifesto)	Khung làm việc (framework) cụ thể thuộc triết lý Agile
Cấu trúc	Không có cấu trúc cứng nhắc, linh hoạt theo từng nhóm	Cấu trúc rõ ràng với các vai trò, sự kiện và tạo phẩm cụ thể
Vai trò	Không quy định vai trò cụ thể, chú trọng sự hợp tác chung	Quy định 3 vai trò chính: Product Owner, Scrum Master, Development Team
Tính linh hoạt	Linh hoạt rất cao, điều chỉnh theo nhu cầu thực tế	Tuân thủ nghiêm ngặt các quy tắc và nguyên tắc của Scrum
Cách tiếp cận	Tập trung vào các giá trị cốt lõi và nguyên tắc chung	Tập trung vào quy trình quản trị dự án thông qua sprint
Quy mô dự án	Phù hợp với cả dự án quy mô nhỏ lẫn lớn	Thích hợp nhất cho các nhóm làm việc quy mô nhỏ (từ 5 đến 9 thành viên)
Quản lý tiến độ	Tùy thuộc vào phương thức áp dụng của đội ngũ	Quản lý chặt chẽ qua các phiên họp Sprint Review và Retrospective
Thời gian chu kỳ	Điều chỉnh linh hoạt theo nhu cầu khách hàng	Chu kỳ Sprint cố định (thường kéo dài từ 2 đến 4 tuần)

Tác giả quyết định lựa chọn mô hình Agile để áp dụng cho dự án hệ thống E-learning UEL với các lý do: đáp ứng hệ thống nhiều phân hệ phức tạp có sự thay đổi theo thời gian, phù hợp với quy mô lớn có nhiều bên liên quan (sinh viên, giảng viên, quản trị viên) và tối ưu hóa tính cộng tác trong môi trường giáo dục.

Thiết kế và triển khai

Hệ thống E-learning của Trường Đại học Kinh tế - Luật được tác giả thiết kế theo kiến trúc 3 tầng:

• Tầng giao diện (Frontend): Xây dựng giao diện tương tác người dùng phục vụ 3 nhóm đối tượng (sinh viên, giảng viên và quản trị viên).
• Tầng xử lý logic (Backend): Xử lý các quy tắc nghiệp vụ, phân quyền dữ liệu và điều phối kết nối giữa giao diện và cơ sở dữ liệu.
• Tầng lưu trữ dữ liệu (Database): Quản lý và lưu trữ thông tin tài khoản người dùng, chương trình môn học, bài tập và điểm số kết quả học tập.

Tiến trình triển khai lập trình hệ thống được phân bổ thành 4 chu kỳ ngắn (Sprint) theo mô hình Agile:

• Sprint 1: Xây dựng module đăng nhập, đăng ký tài khoản và thiết lập kết nối cơ sở dữ liệu để lưu trữ hồ sơ người dùng.
• Sprint 2: Xây dựng chức năng tìm kiếm khóa học, đăng ký môn học và cấu hình thông báo xác nhận đăng ký thành công.
• Sprint 3: Phát triển tính năng tải lên tài liệu học tập, nộp bài tập trực tuyến và tích hợp giao diện chấm điểm cho giảng viên.
• Sprint 4: Thiết lập liên kết cổng thanh toán trực tuyến, hoàn thiện toàn bộ giao diện tương tác của người dùng.

Quy trình kiểm thử hệ thống được xây dựng gồm 3 nội dung: Kiểm thử chức năng (Functional Testing) tập trung xác nhận tính đúng đắn của các tác vụ đăng nhập, đăng ký khóa học, tải tài liệu và nộp bài; Kiểm thử hiệu suất (Performance Testing) đo lường khả năng chịu tải khi có nhiều người dùng truy cập đồng thời; Kiểm thử bảo mật (Security Testing) nhằm bảo vệ thông tin cá nhân của người học và giảng viên.

Về mặt công nghệ và mã nguồn, tác giả sử dụng các đoạn mã JavaScript client-side để điều khiển giao diện chức năng của hệ thống:

• Xử lý hiển thị tiến độ và danh sách khóa học dựa trên mảng dữ liệu đối tượng courses.
• Xây dựng bộ đếm thời gian thi trực tuyến 30 phút (let timeLeft = 30 * 60;) bằng hàm setInterval, kiểm tra câu trả lời trắc nghiệm, điền từ và xuất điểm qua hàm submitQuiz().
• Quản lý tài liệu và bài giảng trực tuyến bằng cấu trúc dữ liệu materials, cho phép xem tài liệu văn bản hoặc phát video bài giảng định dạng MP4.
• Hiển thị danh sách lịch sử giao dịch học phí thông qua mảng đối tượng transactions gồm các trường mã giao dịch, ngày thanh toán và số tiền VNĐ.
• Quản lý phân quyền hiển thị danh sách lớp và thành viên thông qua cấu trúc dữ liệu classes.

Nội dung chính theo từng chương

Chương 1: Phân tích về Trường Đại học Kinh tế - Luật

Chương này tập trung phân tích tổng quan cơ cấu vận hành của UEL và xác lập cơ chế phân quyền truy cập hệ thống học tập trực tuyến. Hệ thống phân định 6 nhóm tác nhân với 6 nhóm quyền hạn tương ứng:

Nhóm người dùng	Xem (View)	Thêm (Add)	Sửa (Edit)	Quản lý (Manage)	Xóa (Delete)	Truy cập (Access)
Hiệu trưởng	✔					✔
Ban giám hiệu	✔					✔
Trưởng phòng đào tạo	✔	✔	✔	✔	✔	✔
Quản trị viên của khoa	✔	✔	✔	✔	✔	✔
Giảng viên	✔	✔	✔			✔
Sinh viên	✔					✔

Văn bản giải thích rõ: Hiệu trưởng và Ban giám hiệu chỉ nắm quyền View và Access để giám sát báo cáo tổng quan. Trưởng phòng đào tạo và Quản trị viên của khoa nắm toàn quyền hệ thống (bao gồm xóa và quản lý chung). Giảng viên có quyền tạo và chỉnh sửa nội dung bài giảng thuộc phạm vi phụ trách nhưng không có quyền xóa dữ liệu hoặc quản lý hệ thống. Sinh viên chỉ có quyền truy cập tài liệu và làm bài thi. Chương này cũng trình bày khung Business Model Canvas 9 phần và lưu đồ CFD, DFD mô tả tiến trình đăng ký môn học trực tuyến.

Chương 2: Các mô hình thiết kế

Nội dung chương trình bày chi tiết 4 quy trình nghiệp vụ đào tạo đại học và cơ sở lý thuyết lựa chọn phương pháp phát triển phần mềm:

• Quy trình tạo bài giảng trực tuyến: Mô tả chu trình giảng viên đăng nhập, hệ thống kiểm tra quyền, tiến hành biên soạn nội dung, tải tài liệu lên website, hệ thống lưu trữ dữ liệu và cấp quyền cho sinh viên truy cập.
• Quy trình thanh toán học phí trực tuyến: Trình bày các bước sinh viên kiểm tra công nợ môn học, chọn cổng thanh toán (ví điện tử, chuyển khoản ngân hàng hoặc thẻ tín dụng), hệ thống chuyển tiếp thông tin sang ngân hàng đối tác, cập nhật trạng thái giao dịch và bộ phận kế toán phát hành hóa đơn.
• Quy trình tổ chức thi trực tuyến: Trình bày quy trình giảng viên tạo đề thi, thiết lập thời gian làm bài, sinh viên tiến hành làm và nộp bài thi, giảng viên thực hiện chấm điểm, hệ thống tự động tính điểm trung bình và công bố kết quả học tập qua thư điện tử.
• Quy trình hỗ trợ sinh viên: Mô hình tiếp nhận thắc mắc qua giao diện hỗ trợ, sử dụng chatbot tự động phản hồi các câu hỏi thường gặp (FAQs) về đăng ký môn học, nộp bài tập, tra cứu điểm; trường hợp chatbot không xử lý được, yêu cầu sẽ được chuyển đến bộ phận kỹ thuật hoặc phòng đào tạo xử lý trong vòng 24 giờ.
• Đánh giá 6 mô hình phát triển phần mềm và luận giải việc chọn mô hình Agile dựa trên việc so sánh chi tiết với mô hình Scrum.

Chương 3: Lập trình & Mô hình thực thể (ERD)

Chương 3 xây dựng các yêu cầu kỹ thuật và cấu trúc dữ liệu cho hệ thống:

• Phân loại độ ưu tiên của các yêu cầu chức năng: Nhóm ưu tiên cao gồm đăng nhập, đăng ký môn học, tải tài liệu; nhóm ưu tiên trung bình gồm nộp bài tập, chấm điểm, thanh toán học phí; nhóm ưu tiên thấp gồm chatbot hỗ trợ và đánh giá khóa học.
• Thiết lập 4 nhóm Use Case chính: Quản lý tài khoản người dùng; Tìm kiếm và đăng ký khóa học; Quản lý học tập, bài tập và thanh toán; Các tính năng bổ sung (hỗ trợ kỹ thuật, thông báo, đánh giá chất lượng khóa học).
• Xác định 6 thực thể dữ liệu trong cơ sở dữ liệu quan hệ (ERD):
  1. Sinh viên: Gồm các thuộc tính Mã sinh viên (Mã SV), Họ tên, Ngày sinh, Địa chỉ, Mã lớp.
  2. Giảng viên: Gồm các thuộc tính Mã giảng viên (Mã GV), Tên giảng viên, Mã khoa, Giới tính, Môn học giảng dạy.
  3. Môn học: Gồm các thuộc tính Mã môn học (Mã MH), Tên môn học, Mã giảng viên, Mã khoa.
  4. Kết quả học tập: Gồm các thuộc tính Mã sinh viên (Mã SV), Mã môn học (Mã MH), Điểm trung bình, Mã lớp học (Mã Lớp).
  5. Lớp học: Gồm các thuộc tính Mã lớp học (Mã Lớp), Tên lớp, Mã môn học (Mã MH), Mã giảng viên (Mã GV), Mã khoa.
  6. Khoa: Gồm các thuộc tính Mã khoa (Mã Khoa), Tên khoa, Mã giảng viên.

Chương 4: Triển khai

Chương này hướng dẫn các kịch bản tương tác người dùng trên giao diện website kèm mã nguồn JavaScript điều khiển:

• Kịch bản đăng nhập: Hướng dẫn người dùng đăng nhập bằng tài khoản email do nhà trường cấp hoặc tích hợp Google OAuth thông qua địa chỉ https://lms.vn hoặc https://lms.vn/login/.
• Kịch bản tìm kiếm khóa học: Sử dụng bộ lọc phân loại theo khoa, ngành học, cấp độ hoặc tìm kiếm theo từ khóa tên môn học, mã môn học.
• Quản lý khóa học cho sinh viên: Giao diện hiển thị thanh tiến độ hoàn thành (ví dụ: 60%, 80%) và chi tiết danh sách tài liệu, bài tập tương ứng.
• Thực hiện bài kiểm tra trực tuyến: Tích hợp đồng hồ đếm ngược thời gian 30 phút, hỗ trợ các định dạng câu hỏi trắc nghiệm, điền từ, tự luận và tự động chấm điểm bài làm.
• Xem và tải tài liệu học tập: Cung cấp giao diện xem bài giảng trực tiếp, phát video bài giảng định dạng MP4 và cơ chế tải tài liệu học tập.
• Quản lý lịch sử giao dịch: Bảng phiếu thu tổng hợp hiển thị các trường dữ liệu gồm mã giao dịch (ví dụ: GD20241127A01), ngày giao dịch và số tiền thanh toán.
• Giao diện quản lý lớp dành cho giảng viên: Cho phép giảng viên theo dõi danh sách thành viên lớp học, lọc người dùng theo nhóm học phần, vai trò (Giảng viên, Người học, Trợ giảng) hoặc từ khóa tìm kiếm.

Chương 5: Kiểm thử

Chương này ghi nhận quy trình kiểm thử hệ thống tập trung vào các chức năng cốt lõi: xác thực người dùng, đăng ký môn học, tải tài liệu, nộp bài thi trực tuyến, đồng thời đánh giá độ an toàn dữ liệu và khả năng chịu tải của hệ thống trước khi vận hành.

Chương 6: Quy trình bảo trì

Chương này thiết lập các hoạt động duy trì hoạt động sau khi triển khai hệ thống, bao gồm việc sửa chữa các lỗi kỹ thuật phát sinh trong quá trình vận hành, nâng cấp các tính năng phần mềm theo nhu cầu người học và tiến hành kiểm tra định kỳ nhằm đảm bảo tính ổn định của hạ tầng e-learning.

Kết quả và đóng góp

Về kết quả cụ thể, báo cáo đồ án đã hoàn thành các nội dung:

• Xây dựng ma trận phân quyền chi tiết cho 6 đối tượng người dùng trong hệ sinh thái giáo dục của UEL, xác định ranh giới quản trị giữa khối quản lý, giảng viên và người học.
• Chuẩn hóa và trực quan hóa 4 lưu đồ nghiệp vụ giáo dục quan trọng: quy trình tạo bài giảng, quy trình thanh toán học phí, quy trình thi trực tuyến và quy trình hỗ trợ đa tầng kết hợp chatbot tự động và phản hồi trong 24 giờ.
• Thiết lập cấu trúc cơ sở dữ liệu quan hệ hoàn chỉnh gồm 6 thực thể chính (Sinh viên, Giảng viên, Môn học, Lớp học, Khoa, Kết quả học tập) phản ánh đầy đủ mối quan hệ giữa các đơn vị đào tạo.
• Xây dựng giao diện mẫu và kịch bản lập trình JavaScript mô phỏng 7 chức năng tương tác cốt lõi trên hệ thống học tập trực tuyến.

Về đóng góp, tác giả đã ứng dụng thành công khung mô hình kinh doanh Canvas (BMC) và triết lý phát triển Agile vào bài toán số hóa quy trình quản trị đào tạo tại một trường đại học kinh tế chuyên ngành, làm rõ sự phù hợp của mô hình phát triển phần mềm linh hoạt so với các mô hình truyền thống trong chuyển đổi số giáo dục.

Hạn chế và hướng nghiên cứu tiếp

Hạn chế của đồ án:

• Các đoạn mã nguồn minh họa trong báo cáo chủ yếu dừng lại ở tầng giao diện phía người dùng (Frontend) được mô phỏng bằng JavaScript, chưa tích hợp hệ quản trị cơ sở dữ liệu quan hệ thực tế ở tầng Backend.
• Chưa có báo cáo số liệu thực nghiệm đo lường hiệu năng chịu tải (stress test) và các chứng chỉ bảo mật cụ thể trong chương kiểm thử.

Hướng nghiên cứu tiếp theo được văn bản đề cập:

• Tiến hành cài đặt hệ thống trên máy chủ thực tế và tổ chức các buổi đào tạo thực tiễn cho sinh viên, giảng viên.
• Thu thập phản hồi từ người dùng thực tế nhằm nâng cấp tính năng và tối ưu hóa hệ thống.
• Hoàn thiện cổng kết nối thanh toán học phí trực tiếp với các ngân hàng đối tác và huấn luyện nâng cao dữ liệu cho chatbot giải đáp tự động.

Giá trị tham khảo

Báo cáo đồ án là tài liệu tham khảo hữu ích cho sinh viên các chuyên ngành Công nghệ thông tin, Hệ thống thông tin quản lý, Thương mại điện tử và Marketing đang thực hiện đồ án thiết kế website hoặc nghiên cứu phân tích hệ thống e-learning.

Nội dung có giá trị tham khảo cao nhất bao gồm:

• Bảng phân tích phân quyền truy cập hệ thống giáo dục đại học chi tiết.
• Phương pháp phân tích mô hình kinh doanh Canvas (BMC) áp dụng cho nền tảng giáo dục trực tuyến.
• Bảng đối chiếu so sánh tường minh giữa mô hình Agile và Scrum trong quản trị dự án phần mềm giáo dục.
• Thiết kế mô hình dữ liệu quan hệ cho bài toán quản trị đào tạo tín chỉ đại học.

Câu hỏi thường gặp

1. Bảng phân quyền hệ thống e-learning UEL quy định quyền hạn của Ban giám hiệu và Trưởng phòng đào tạo khác nhau như thế nào? Theo bảng phân quyền tại Chương 1, Ban giám hiệu chỉ có quyền View (xem báo cáo tổng quan) và Access (truy cập hệ thống), hoàn toàn không có quyền can thiệp vào việc thêm, sửa, quản lý hoặc xóa dữ liệu. Ngược lại, Trưởng phòng đào tạo nắm giữ toàn bộ 6 quyền hạn cao nhất trong hệ thống gồm: View, Add, Edit, Manage, Delete và Access.

2. Quy trình hỗ trợ sinh viên xử lý các yêu cầu thắc mắc qua các bước nào? Sinh viên truy cập mục Hỗ trợ và đặt câu hỏi. Chatbot hệ thống sẽ tự động quét và trả lời các câu hỏi thường gặp (FAQs) liên quan đến đăng ký môn, nộp bài, xem điểm. Trong trường hợp chatbot không giải quyết được, hệ thống sẽ điều hướng để sinh viên gửi biểu mẫu yêu cầu đến bộ phận hỗ trợ kỹ thuật hoặc phòng đào tạo; các đơn vị này sẽ tiếp nhận và phản hồi trong vòng 24 giờ.

3. Vì sao tác giả lựa chọn mô hình Agile thay vì mô hình Scrum để phát triển hệ thống e-learning UEL? Tác giả nêu rõ 3 lý do lựa chọn Agile: thứ nhất, hệ thống e-learning của UEL có nhiều module phức tạp và biến động theo thời gian, Agile có độ linh hoạt cao hơn Scrum vốn có chu kỳ cố định; thứ hai, dự án có quy mô lớn với nhiều bên liên quan và nhóm phát triển nên Agile thích hợp cho quản trị tổng thể; thứ ba, Agile đề cao sự cộng tác thường xuyên giữa nhóm kỹ thuật với giảng viên, sinh viên và quản trị viên, phù hợp với đặc thù môi trường giáo dục.

4. Cơ sở dữ liệu của hệ thống quản lý những thực thể nào và thực thể Kết quả học tập lưu trữ những thông tin gì? Cơ sở dữ liệu của hệ thống quản lý 6 thực thể: Sinh viên, Giảng viên, Môn học, Kết quả học tập, Lớp học và Khoa. Trong đó, thực thể Kết quả học tập lưu trữ 4 thuộc tính gồm: Mã sinh viên (Mã SV), Mã môn học (Mã MH), Điểm trung bình và Mã lớp học (Mã Lớp).

5. Chức năng làm bài kiểm tra trực tuyến được thiết lập cơ chế đếm thời gian và tính điểm như thế nào trong mã nguồn? Trong mã nguồn JavaScript, thời gian làm bài được cấu hình cố định 30 phút (tương đương 1800 giây). Hệ thống đếm ngược mỗi giây và tự động gọi hàm nộp bài submitQuiz() khi hết giờ. Về cơ chế chấm điểm mô phỏng, hệ thống tự động kiểm tra và cộng 1 điểm cho mỗi câu trả lời đúng ở câu trắc nghiệm (q1) và câu điền từ chứa từ khóa (q2), riêng câu tự luận (q3) không được tính điểm tự động.

Kết luận

Báo cáo đồ án môn học Thiết kế Web của sinh viên Phan Thị Thu Ngân đã trình bày một cách có hệ thống các bước khảo sát, phân tích nghiệp vụ và xây dựng giải pháp phần mềm E-learning cho Trường Đại học Kinh tế - Luật TP.HCM. Công trình kết hợp hiệu quả giữa lý thuyết quản trị kinh doanh thông qua mô hình Canvas, các phương pháp luận phát triển phần mềm Agile và mô hình hóa dữ liệu quan hệ ERD. Báo cáo cung cấp đầy đủ các kịch bản tương tác người dùng, thiết kế giao diện và mã nguồn JavaScript mô phỏng các phân hệ cốt lõi trong một hệ sinh thái học tập số hóa.

Trích đoạn nội dung tài liệu

Chương 1: Phân tích về Trường Đại học Kinh tế - Luật A. Sơ đồ tổ chức trường UEL: B. Bảng phân quyền truy cập vào hệ thống e-learning của trường Đại học UEL View Add Edit Manage Delete Access Hiệu trưởng ✔ ✔ Ban giám hiệu ✔ ✔ Trưởng phòng ✔ ✔ ✔ ✔ ✔ ✔ đào đạo Quản trị viên ✔ ✔ ✔ ✔ ✔ của khoa ✔ Giảng viên ✔ ✔ ✔ ✔ Sinh viên ✔ ✔ 8 Giải thích: - Hiệu trưởng: Chỉ có quyền View (xem báo cáo tổng quan) và Access (truy cập hệ thống). Không tham gia thêm, chỉnh sửa, quản lý, hoặc xóa dữ liệu.

- Ban giám hiệu: Quyền tương tự Hiệu trưởng, tập trung vào giám sát và truy cập hệ thống. - Trưởng phòng đào tạo: Quyền cao nhất trong nhóm quản lý dữ liệu, bao gồm Add, Edit, Manage, Delete, và Access. - Quản trị viên của khoa: Quyền toàn diện tương tự như Trưởng phòng đào tạo, có thể quản lý và xử lý các nội dung trong hệ thống liên quan đến khoa. - Giảng viên: Có quyền View, Add, và Edit các nội dung khóa học do mình phụ trách.

Không có quyền quản lý hệ thống tổng thể hoặc xóa dữ liệu. - Sinh viên: Chỉ được quyền View (xem tài liệu, nội dung học tập) và Access (tham gia khóa học, làm bài kiểm tra). BMC- Business Model Canvas (9 parts) 5. Quan hệ khách 2.

Key Activities hàng (Customer • Quản lý khóa Relationships) học • Hỗ trợ trực 1. Đối tác chính • Hỗ trợ sinh viên, 4. Giá trị tạo ra tuyến 24/7 (Key giảng viên (Value • Hướng dẫn sử 7. Phân khúc Partnerships) • Tổ chức kiểm Propositions) dụng chi tiết khách hàng • Các đối tác công tra, thi • Truy cập học tập • Tương tác trực (Customer nghệ linh hoạt tiếp Segement) • Tổ chức giáo • Nâng cao chất • Sinh viên dục lượng giảng dạy • Giảng viên và • Bộ giáo dục và • Môi trường học 6.

Kênh phân nhân viên UEL 3. Key Resources đào tạo tập hiện đại phối (Channels) • Học viên tự do • Hạ tầng CNTT • Doanh nghiệp • Cơ hội học tập • Hệ thống e- • Doanh nghiệp • Đội ngũ nhân sự tài trợ mở rộng learning • Tài nguyên học • Web trường tập • Ứng dụng di • Hỗ trợ tài chính động, Email 8. Cấu trúc chi phí (Cost Structure) 9. Dòng doanh thu (Revenue Streams) • Chi phí phát triển và bải trì hệ thống, chi phí nhân • Học phí, phí dịch vụ trực tuyến, tài trợ, Thu từ đối sự, hạ tầng CNTT, đào tạo và hướng dẫn, tác, quảng cáo Marketing và truyền thông 9 D.

Mô hình CFD và DFD 1.1 Mô hình CFD Quy trình đăng ký khóa học trực tuyến Xác nhận Cung cấp Tài chính thanh toán hóa đơn Đăng ký Thanh Tham gia Sinh viên khóa học toán khóa học Tạo nội Giảng viên dung Lập kế Quản lý hoạch khóa học khóa học 1.2 Mô hình DFD Mô hình Web đăng ký khóa học trực tuyến Mức 0: 1 2 Mức 1: 1.3 10 Web đăng kí khóa học Tìm kiếm Tìm kiếm khóa Phản hồi khóa học học Lưu Sinh viên Đăng ký Trang đăng ký thông tin Admin khóa học khóa học vào cơ sở dữ liệu Thanh toán Xác nhận Kế toán Trang công nợ Tham gia khóa học Danh sách môn Kích hoạt quyền truy cập học 11 CHƯƠNG 2: CÁC MÔ HÌNH THIẾT KẾ A. Phân tích mô hình trường đại học 1. Quy trình tạo bài giảng trực tuyến: Quy trình Giảng viên thiết kế bài giảng trực tuyến mô tả cách giảng viên sử dụng hệ thống e-learning để tạo và quản lý nội dung bài giảng, từ lúc đăng nhập đến việc cung cấp bài giảng cho sinh viên. Tìm kiếm và xem bài Sinh viên giảng Admin Lưu trữ Phân quyền truy cập bài giảng cho sinh viên Thiết Tải bài Giảng viên Đăng kế bài giảng nhập giảng lên web Web UEL Đăng nhập Phản hồi Danh sách lớp Giảng Thiết kế và Admin viên tải bài giảng Lưu Tìm kiếm Tài liệu giảng thông tin dạy vào cơ sở dữ liệu Sinh viên 12 Bắt đầu Giảng viên đăng nhập No Kiểm tra quyền truy cập Yes Tạo nội dung bài giảng Tải tài liệu Cập nhật thông tin Hệ thống lưu trữ tài liệu Sinh viên xem bài giảng Kết thúc 2.

Quy trình thanh toán học phí trực tuyến Quy trình thanh toán học phí cho phép sinh viên thực hiện giao dịch trực tuyến thông qua các phương thức thanh toán hiện đại như ví điện tử, chuyển khoản ngân hàng, hoặc thẻ tín dụng. 13 Chuyển tiếp Ngân hàng thông tin đối tác giao dịch Trả kết Admin Gửi yêu cầu quả giao thanh toán dịch Sinh viên Truy Chọn ngân Cập nhật Xác cập hàng thanh trạng thái nhận công nợ toán giao dịch Web thanh toán trực tuyến Truy cập Phản hồi Công nợ Yêu cầu Danh sách số Cấp quyền Sinh viên Admin thanh toán tiền Xác nhận Danh sách ngân Chuyển giao dịch hàng đối tác thông tin Thanh toán Giao dịch thành Xác nhận Kế toán công Nhận hóa Hóa đơn Cập nhật hệ thống đơn 14 Bắt đầu Sinh viên đăng nhập No Kiểm tra quyền truy cập Yes Truy cập công nợ Xác nhận số tiền thanh toán Chọn dịch vụ thanh toán Nhập thông tin thanh toán No Kiểm tra thông tin giao dịch Yes Xử lý giao dịch Thanh toán thành công Kết thúc 15 - Truy cập mục công nợ: + Nhấp vào mục "Thanh toán học phí". + Hệ thống hiển thị số tiền cần thanh toán và danh sách các môn học đã đăng ký. - Chọn phương thức thanh toán: Sinh viên chọn một trong các phương thức: ví điện tử, thẻ tín dụng, hoặc chuyển khoản ngân hàng.

- Thực hiện thanh toán: + Nhập thông tin tài khoản hoặc mã giao dịch. + Nhấn nút "Thanh toán". + Hệ thống kết nối với cổng thanh toán trực tuyến để thực hiện giao dịch. - Xác nhận giao dịch: + Sau khi giao dịch thành công, hệ thống gửi thông báo xác nhận thanh toán.

+ Nếu giao dịch thất bại, hệ thống yêu cầu sinh viên thực hiện lại hoặc chọn phương thức khác. Quy trình thổ chức thi trực tuyến Quy trình này giúp giảng viên quản lý điểm số và công bố kết quả học tập cho sinh viên qua hệ thống. Sinh viên Đăng Thi Nộp bài nhập Thông Ghi Lưu bài Admin báo cho nhận thi SV Giảng viên Đăng Tạo kỳ nhập thi 16 Web thi trực tuyến Đăng nhập Phản hồi Trang chủ Giảng Thiết lập bài thi Cấp quyền Admin viên Thi Sinh viên Nhận Gửi thông Thông báo thông báo báo Nhận Báo điểm Kết quả kết quả 17 Bắt đầu Giảng viên đăng nhập No Kiểm tra quyền truy cập Yes Tạo bài thi Thiết lập thời gian Sinh viên làm bài Nộp bài Kết quả Kết thúc - Giảng viên đăng nhập: Sử dụng tài khoản cá nhân, giảng viên đăng nhập vào hệ thống. - Truy cập mục Quản lý điểm: + Nhấp vào mục "Chấm điểm".

+ Hệ thống hiển thị danh sách lớp học mà giảng viên phụ trách. - Nhập điểm số: + Giảng viên tải danh sách sinh viên và nhập điểm từng bài kiểm tra. 18 + Hệ thống tự động tính điểm trung bình nếu có công thức được cấu hình trước. - Kiểm tra và xác nhận: + Giảng viên kiểm tra lại điểm số trước khi công bố.

+ Nhấn nút "Xác nhận" để hoàn tất việc nhập điểm. - Công bố kết quả: Hệ thống tự động gửi thông báo đến sinh viên qua email và cập nhật trong mục "Kết quả học tập". Quy trình hỗ trợ sinh viên Quy trình này cung cấp các kênh hỗ trợ kỹ thuật và học thuật cho sinh viên khi sử dụng hệ thống e- learning. Bộ phận hỗ trợ Xử lý Admin Tiếp nhận Sinh viên Gửi yêu Phản cầu hồi 19 Phản hồi Đăng nhập Trang chủ Sinh viên Truy cập Hỗ trợ Tiếp nhận Admin Xác nhận Danh sách yêu Xử lý Bộ phận cầu hỗ trợ xử lý Nhận phản hồi Gửi phản hồi Phản hồi Bắt đầu Truy cập mục hỗ trợ Sinh viên gửi câu hỏi Chatbot Yes trả lời No được? Bộ phận hỗ trợ xử lý Gửi yêu cầu đến bộ phận Phản hồi Kết thúc 20 - Truy cập mục Hỗ trợ: Sinh viên nhấp vào mục "Hỗ trợ" trên giao diện chính.

- Sử dụng chatbot: Chatbot tự động trả lời các câu hỏi thường gặp (FAQs) như: + Cách đăng ký môn học. + Cách nộp bài tập. + Hướng dẫn kiểm tra kết quả học tập. - Gửi yêu cầu hỗ trợ: + Nếu chatbot không thể giải đáp, sinh viên gửi yêu cầu hỗ trợ qua biểu mẫu.

+ Yêu cầu được chuyển đến bộ phận hỗ trợ kỹ thuật hoặc phòng đào tạo. - Xử lý và phản hồi: Bộ phận hỗ trợ xử lý yêu cầu và phản hồi trong vòng 24 giờ. Mô hình thiết kế 1. Sáu mô hình thiết kế cơ bản a) Mô hình BigBang Mô hình Big Bang tập trung vào việc phát triển toàn bộ hệ thống trong một giai đoạn duy nhất mà không chia thành các bước cụ thể.

Thường được sử dụng trong các dự án nhỏ hoặc khi yêu cầu không rõ ràng. 21 - Ưu điểm: + Đơn giản, không cần kế hoạch chi tiết ban đầu. + Phù hợp với các dự án thử nghiệm hoặc nhỏ. - Nhược điểm: + Không khả thi với các hệ thống lớn, phức tạp như e-learning.

+ Rủi ro cao nếu yêu cầu thay đổi trong quá trình phát triển. b) Mô hình thác nước (Waterfall Model) Đây là một mô hình truyền thống, trong đó các giai đoạn phát triển được thực hiện tuần tự: phân tích, thiết kế, lập trình, kiểm thử, triển khai, và bảo trì. Mỗi giai đoạn cần hoàn thành trước khi chuyển sang giai đoạn tiếp theo. Mô hình: Requirement Gathering System Analysic Coding Testing Implementation Operations & Maintenance - Ưu điểm: + Quy trình rõ ràng, dễ quản lý.

+ Phù hợp với dự án có yêu cầu chi tiết và cố định ngay từ đầu. - Nhược điểm: + Thiếu linh hoạt, khó thay đổi khi dự án đã triển khai. + Không phù hợp với các dự án cần sự phát triển liên tục hoặc yêu cầu chưa rõ ràng, như hệ thống e-learning. c) Mô hình xoắn ốc (Spiral Model) 22 Là sự kết hợp giữa mô hình lặp (Iterative) và quản lý rủi ro.

Dự án được chia thành các vòng xoắn ốc, mỗi vòng gồm các bước: xác định mục tiêu, phân tích rủi ro, thiết kế, thực thi, và kiểm thử. - Ưu điểm: + Quản lý rủi ro hiệu quả, phù hợp với hệ thống yêu cầu cao về bảo mật như e-learning. + Cho phép cải tiến liên tục qua từng vòng phát triển. - Nhược điểm: + Phức tạp, đòi hỏi nhiều tài nguyên và chi phí cao.

+ Yêu cầu đội ngũ quản lý dự án có kinh nghiệm.