Xây dựng Website Dạy Học Số với MERN Stack: Đồ án CNTT

Hướng dẫn từng bước xây dựng website dạy học trực tuyến với MERN Stack. Xây dựng một dự án LMS hoàn chỉnh dành cho lập trình viên.

• Tác giả: Lê Thị Minh Nguyệt
• Người hướng dẫn: TS. Lê Văn Vinh
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Dạy Học Số Sử Dụng Công Nghệ Mern Stack
• Loại tài liệu: Đồ án tốt nghiệp/Khóa luận tốt nghiệp
• Năm xuất bản: 2023
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. MERN Stack Giải pháp toàn diện xây dựng Website Dạy Học Online

Ứng dụng CNTT vào giáo dục đang trở thành xu hướng toàn cầu. Các tổ chức giáo dục trang bị website dạy học trực tuyến để lưu trữ tài liệu, cung cấp kênh học tập chính thức. Tổ chức kiểm tra, đánh giá chất lượng học viên trực tuyến. Đại dịch COVID-19 thúc đẩy chuyển đổi số trong giáo dục. Chính phủ nhiều nước, trong đó có Việt Nam, áp dụng dạy trực tuyến để đảm bảo hoạt động giáo dục. Chuyển đổi số không chỉ giới hạn trong dịch bệnh mà còn được áp dụng rộng rãi trong tương lai. Để nghiên cứu các khó khăn, vướng mắc và đóng góp giải pháp cho chuyển đổi dạy học số, đề tài "Xây dựng website dạy học số" được thực hiện. Mục tiêu là xây dựng hệ thống e-learning đơn giản, gọn nhẹ, dễ triển khai, tiếp cận và sử dụng, tạo môi trường học tập trực tuyến với sự trợ giúp của công nghệ MERN Stack.

1.1. Tổng quan về nền tảng học trực tuyến MERN Stack

MERN Stack là tập hợp các công nghệ dựa trên JavaScript để phát triển ứng dụng web full-stack. MERN là viết tắt của MongoDB, ExpressJS, ReactJS, và NodeJS. MongoDB là cơ sở dữ liệu NoSQL lưu trữ dữ liệu dưới dạng JSON, giúp dễ dàng truyền tải dữ liệu giữa server và client. ExpressJS là web framework xây dựng trên Node, dùng để tạo API và phát triển ứng dụng web. ReactJS là thư viện JavaScript phổ biến nhất để xây dựng giao diện người dùng. NodeJS là Java Runtime Environment (JRE) dùng để tạo web server. Theo tài liệu nghiên cứu, MERN Stack đơn giản hóa việc chuyển đổi giữa máy khách và máy chủ, tiết kiệm thời gian và công sức cho lập trình viên. Tính linh hoạt cao, dễ dàng kiểm tra ứng dụng trên nền tảng đám mây. Tối ưu chi phí, tốc độ cao và tái sử dụng được, mã nguồn mở và có khả năng tương thích với đám mây.

1.2. Vì sao MERN Stack là lựa chọn hàng đầu cho website giáo dục

MERN Stack đơn giản hóa việc chuyển đổi giữa máy khách và máy chủ. Tiết kiệm thời gian và công sức. Có thể code Isomorphic. Chuyển code sang framework khác dễ dàng hơn. Tính linh hoạt cao, kiểm tra ứng dụng trên nền tảng đám mây thuận lợi. Dễ dàng thêm thông tin bổ sung bằng cách thêm các trường vào biểu mẫu. Tối ưu chi phí, chỉ đòi hỏi lập trình viên thông thạo JavaScript. Có tốc độ cao và tái sử dụng được. Node.js có tốc độ xử lý cực nhanh và là framework có cấu trúc non-blocking. React.js là thư viện mã nguồn mở cung cấp khả năng bảo trì, kiểm tra và tái sử dụng. Toàn bộ công nghệ MERN Stack đều là mã nguồn mở và miễn phí. Giảm chi phí phát triển phần mềm hiệu quả. MongoDB hỗ trợ triển khai các chức năng đám mây, giảm chi phí không gian đĩa. Các chức năng này rất phù hợp với website dạy học trực tuyến.

II. Thách thức và Giải pháp Xây dựng Website Dạy Học MERN Stack

Giáo dục 4.0 đòi hỏi sự liên kết chặt chẽ giữa nhà trường, nhà quản lý và doanh nghiệp. Mô hình này mang lại điều kiện học tập cho sinh viên phát triển năng lực cá nhân theo hướng tự do. Đồng thời, gắn kết công nghệ vào sự phát triển kinh tế, xã hội. Giáo dục 4.0 tại các trường cao đẳng, đại học ứng dụng nhiều thiết bị công nghệ, kỹ thuật nhằm giúp sinh viên trải nghiệm, thực hành và tiếp cận nhiều hơn. Học tập không chỉ giới hạn trên lớp, phòng thí nghiệm mà còn mở rộng ra các phòng ban, bộ máy tổ chức của doanh nghiệp để trau dồi kiến thức thực tiễn. Đứng trước bối cảnh kinh tế biến động, cần đưa ra giải pháp về chất lượng nhân lực. Giáo dục cần đổi thay và tư duy sáng tạo. Sinh viên mới ra trường thường thiếu kinh nghiệm, kỹ năng phân tích, tổng hợp thông tin và gặp khó khăn khi làm việc độc lập. MERN Stack là một trong những giải pháp cần thiết để xây dựng website dạy học trực tuyến.

2.1. Vấn đề thường gặp khi lập trình MERN cho website học online

Xây dựng website dạy học trực tuyến với MERN Stack không phải lúc nào cũng suôn sẻ. Một số vấn đề thường gặp bao gồm: Bảo mật: Đảm bảo an toàn dữ liệu người dùng, ngăn chặn tấn công SQL injection, XSS. Hiệu năng: Tối ưu hóa tốc độ tải trang, xử lý yêu cầu, tránh tình trạng giật lag. Khả năng mở rộng: Thiết kế hệ thống để đáp ứng lượng truy cập lớn, số lượng khóa học, học viên tăng lên. Khả năng tùy biến: Dễ dàng thêm tính năng mới, thay đổi giao diện, phù hợp với nhu cầu đa dạng của người dùng. Tính tương thích: Đảm bảo website hoạt động tốt trên nhiều thiết bị, trình duyệt khác nhau. Chi phí: Cân đối chi phí phát triển, duy trì, vận hành hệ thống.

2.2. Bí quyết khắc phục khó khăn khi phát triển website giáo dục MERN

Để giải quyết các vấn đề trên, cần áp dụng các biện pháp sau: Bảo mật: Sử dụng các thư viện bảo mật, mã hóa dữ liệu, xác thực người dùng, giới hạn quyền truy cập. Hiệu năng: Tối ưu hóa code, sử dụng CDN, cache dữ liệu, giảm thiểu số lượng HTTP requests. Khả năng mở rộng: Sử dụng kiến trúc microservices, load balancing, database sharding. Khả năng tùy biến: Sử dụng kiến trúc component-based, theming, plugin. Tính tương thích: Sử dụng responsive design, cross-browser testing. Chi phí: Sử dụng các dịch vụ cloud miễn phí hoặc chi phí thấp, tối ưu hóa quy trình phát triển.

III. Hướng dẫn từng bước xây dựng giao diện Website học trực tuyến

Giao diện website dạy học trực tuyến cần thân thiện, dễ sử dụng, hấp dẫn và phù hợp với đối tượng người dùng. Cần có các chức năng chính như: Trang chủ: Giới thiệu về website, danh sách khóa học nổi bật, tin tức, sự kiện. Danh mục khóa học: Liệt kê các khóa học theo chủ đề, lĩnh vực. Trang chi tiết khóa học: Thông tin chi tiết về khóa học, giảng viên, nội dung, học phí, đánh giá. Trang bài học: Nội dung bài học, video, tài liệu, bài tập, kiểm tra. Trang cá nhân: Thông tin cá nhân, lịch sử học tập, điểm số, khóa học đã đăng ký. Diễn đàn: Nơi trao đổi, thảo luận giữa học viên và giảng viên.

3.1. Thiết kế Frontend Website Dạy Học Trực Tuyến bằng ReactJS

ReactJS là lựa chọn phổ biến để xây dựng frontend cho website dạy học trực tuyến. ReactJS cung cấp các component có thể tái sử dụng, giúp xây dựng giao diện nhanh chóng và dễ dàng bảo trì. Sử dụng JSX để viết code HTML trong JavaScript, tạo sự linh hoạt và dễ đọc. Virtual DOM giúp tối ưu hóa hiệu năng, chỉ cập nhật những phần thay đổi trên giao diện. React Router giúp điều hướng giữa các trang một cách mượt mà. Redux hoặc Context API giúp quản lý state của ứng dụng một cách hiệu quả. Theo tài liệu nghiên cứu, React JS có thể render side servering để khắc phục nhược điểm về SEO, rút ngắn thời gian tải trang.

3.2. Xây dựng Backend mạnh mẽ cho E Learning với NodeJS và Express

NodeJS và ExpressJS là lựa chọn phổ biến để xây dựng backend cho website dạy học trực tuyến. NodeJS giúp xử lý các yêu cầu từ client một cách nhanh chóng và hiệu quả. ExpressJS cung cấp các middleware giúp quản lý routing, authentication, authorization, logging, và error handling. MongoDB lưu trữ dữ liệu khóa học, học viên, bài học, bài tập, và các thông tin khác. RESTful API cung cấp các endpoint để frontend tương tác với backend. API giúp quản lý người dùng, khóa học, bài học, bài tập, điểm số. API phải đảm bảo tính bảo mật, xác thực, và phân quyền.

3.3. Tối ưu giao diện Responsive Design cho Website học trực tuyến

Giao diện cần được thiết kế responsive để hiển thị tốt trên nhiều thiết bị khác nhau, từ desktop, laptop đến tablet, smartphone. Sử dụng CSS frameworks như Bootstrap hoặc Material UI để xây dựng giao diện responsive một cách nhanh chóng. Sử dụng media queries để điều chỉnh layout và style cho từng loại thiết bị. Tối ưu hóa hình ảnh và video để giảm dung lượng, tăng tốc độ tải trang. Kiểm tra giao diện trên nhiều thiết bị và trình duyệt khác nhau để đảm bảo tính tương thích.

IV. Tích hợp tính năng nâng cao cho website dạy học MERN Stack

Để website dạy học trực tuyến trở nên hấp dẫn và hiệu quả hơn, cần tích hợp các tính năng nâng cao như: Live stream bài giảng: Giúp học viên tương tác trực tiếp với giảng viên. Video call: Tổ chức các buổi thảo luận nhóm, tư vấn cá nhân. Chat trực tuyến: Giải đáp thắc mắc của học viên một cách nhanh chóng. Hệ thống quản lý học tập (LMS): Quản lý khóa học, học viên, bài học, bài tập, điểm số một cách hiệu quả. Tích hợp thanh toán trực tuyến: Giúp học viên thanh toán học phí một cách dễ dàng.

4.1. Triển khai hệ thống quản lý khóa học trực tuyến LMS MERN

Hệ thống quản lý học tập (LMS) là trái tim của website dạy học trực tuyến. LMS giúp quản lý khóa học, học viên, bài học, bài tập, điểm số một cách hiệu quả. Sử dụng MongoDB để lưu trữ dữ liệu LMS. Sử dụng ExpressJS để xây dựng API cho LMS. Sử dụng ReactJS để xây dựng giao diện LMS. LMS cần có các chức năng chính như: Tạo, chỉnh sửa, xóa khóa học. Quản lý học viên. Tạo, chỉnh sửa, xóa bài học. Tạo, chỉnh sửa, xóa bài tập. Chấm điểm bài tập. Thống kê kết quả học tập.

4.2. Cách tích hợp video call và chat trực tuyến cho E Learning

Video call và chat trực tuyến là những tính năng quan trọng giúp tăng tính tương tác giữa học viên và giảng viên. Sử dụng WebRTC để tích hợp video call trực tiếp vào website. Sử dụng Socket.IO để tích hợp chat trực tuyến thời gian thực. Cần đảm bảo tính bảo mật, ổn định, và dễ sử dụng cho cả video call và chat trực tuyến. Cân nhắc sử dụng các dịch vụ bên thứ ba như Zoom, Google Meet, Microsoft Teams để tích hợp video call một cách nhanh chóng.

4.3. Bảo mật website dạy học trực tuyến MERN Stack như thế nào

Bảo mật là yếu tố quan trọng hàng đầu khi xây dựng website dạy học trực tuyến. Cần bảo vệ dữ liệu người dùng, ngăn chặn tấn công từ bên ngoài. Sử dụng HTTPS để mã hóa dữ liệu truyền tải giữa client và server. Sử dụng các thư viện bảo mật để ngăn chặn tấn công SQL injection, XSS. Xác thực người dùng bằng JWT (JSON Web Token). Phân quyền người dùng để giới hạn quyền truy cập. Theo tài liệu gốc, JWT (Json Web Token) có thể bảo mật cho hệ thống, cung cấp token riêng cho người dùng mỗi lần đăng nhập.

V. Triển khai và Tối ưu hiệu năng Website Dạy Học MERN Stack

Sau khi hoàn thành quá trình phát triển, cần triển khai website lên server để người dùng có thể truy cập. Cần tối ưu hóa hiệu năng để đảm bảo website hoạt động nhanh chóng và ổn định. Sử dụng các dịch vụ cloud như AWS, Google Cloud, Azure để triển khai website. Sử dụng CDN (Content Delivery Network) để phân phối nội dung tĩnh một cách nhanh chóng. Tối ưu hóa code, sử dụng cache, giảm thiểu số lượng HTTP requests.

5.1. Lưu ý khi triển khai Website E Learning MERN Stack lên server

Chọn server phù hợp với quy mô và nhu cầu của website. Cấu hình server để chạy NodeJS và MongoDB. Cài đặt và cấu hình Nginx hoặc Apache để làm reverse proxy. Cấu hình DNS để trỏ domain về server. Cài đặt SSL certificate để đảm bảo an toàn cho dữ liệu.

5.2. Phương pháp tối ưu tốc độ tải trang cho Website MERN Stack

Tối ưu hóa hình ảnh và video để giảm dung lượng. Sử dụng lazy loading để chỉ tải hình ảnh khi cần thiết. Sử dụng code splitting để chia nhỏ code thành các chunk nhỏ hơn. Sử dụng cache để lưu trữ dữ liệu thường xuyên truy cập. Sử dụng CDN để phân phối nội dung tĩnh.

VI. Đánh giá và Tương lai của Website Dạy Học MERN Stack

Website dạy học số cần có những yêu cầu sau: Tạo và tham gia các khoá học. Quản lý học viên. Diễn đàn trao đổi, tương tác giữa các thành viên trong lớp, có thể đăng bài, bình luận. Làm bài kiểm tra trắc nghiệm trên ứng dụng. Giao diện đẹp, đơn giản, dễ sử dụng. Tốc độ phản hồi nhanh. Hạn chế xuất hiện lỗi trên giao diện người dùng. Thân thiện với các thiết bị di động (responsive). Với MERN Stack, việc xây dựng website dạy học trực tuyến không còn là điều khó khăn.

6.1. Ưu điểm và nhược điểm của việc sử dụng MERN cho giáo dục

Ưu điểm: Tiết kiệm chi phí, phát triển nhanh, dễ dàng bảo trì, hiệu năng cao, khả năng mở rộng tốt. Nhược điểm: Đòi hỏi lập trình viên có kinh nghiệm với JavaScript và các công nghệ liên quan, cần chú trọng bảo mật.

6.2. Hướng phát triển cho website dạy học trực tuyến MERN trong tương lai

Tích hợp trí tuệ nhân tạo (AI) để cá nhân hóa trải nghiệm học tập. Sử dụng machine learning để phân tích dữ liệu học tập và đưa ra gợi ý phù hợp. Tích hợp thực tế ảo (VR) và thực tế tăng cường (AR) để tạo ra môi trường học tập sống động và hấp dẫn hơn. Phát triển ứng dụng di động để học viên có thể học tập mọi lúc mọi nơi.

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

PHẦN MỞ ĐẦU 1. LÝ DO CHỌN ĐỀ TÀI Ứng dụng CNTT vào giảng dạy và học tập đang là xu hướng được toàn cầu quan tâm và hưởng ứng. Hầu hết các tổ chức, cơ sở giáo dục trên thế giới đều đã trang bị các trang web dạy học trực tuyến để lưu trữ tài liệu dạy học hoặc thậm chí dùng làm kênh dạy học chính thức, học viên của họ có thể tham gia học tập mọi lúc mọi nơi vô cùng thuận tiện. Song song với đó là việc tổ chức kiểm tra, đánh giá chất lượng của học viên cũng được tổ chức bằng hình thức trực tuyến, nổi bậc như các kỳ thi TOEFL, GMAT, GRE của ETS (Educational Testing Service) hay MCSE, MCAD của Microsoft.

Đại dịch COVID-19 trong một thời gian khá dài cũng chính là điều kiện để trường học và ngành giáo dục nhận thấy tầm quan trọng lớn của việc chuyển đổi số trong giáo dục đào tạo. Chính phủ tại nhiều nước bao gồm Việt Nam đã áp dụng phương pháp dạy trực tuyến để có thể đảm bảo được sự trở lại bình thường mới. Đồng thời, nhiều nước cũng đã xác định chuyển đổi số trong giáo dục sẽ không chỉ giới hạn tại thời kỳ dịch bệnh mà nó sẽ được áp dụng rộng rãi trong tương lai. Để trực tiếp đi vào thực tiễn nghiên cứu các khó khăn, vướng mắc và đóng góp một giải pháp trong việc chuyển đổi dạy học số, nhóm chúng em quyết định chọn đề tài “Xây dựng website dạy học số”.

Với đề tài này nhóm chúng em mong muốn xây dựng một hệ thống e-learning đơn giản, gọn nhẹ, dễ dàng triển khai, tiếp cận, sử dụng, một môi trường học tập trực tuyến với sự trợ giúp của công nghệ MERN Stack 2. TÍNH CẤP THIẾT CỦA ĐỀ TÀI Giáo dục 4.0 là mô hình giáo dục thông minh với sự liên kết chặt chẽ giữa nhiều tổ chức với nhau, bao gồm: Nhà trường – nhà quản lý – doanh nghiệp. Đây là mối liên kết mang lại điều kiện học tập cho mỗi sinh viên có cơ hội phát triển năng lực của bản thân theo hướng tự do. Đồng thời, gắn kết công nghệ vào sự phát triển kinh tế, xã hội trong thời đại công nghệ 4.0 và được áp dụng trong phần lớn các trường đại học ở Việt Nam và trên thế giới.0 tại các trường cao đẳng, đại học không còn quá cứng nhắc và bó buộc như trước kia.

Thay vào đó, môi trường học tập sẽ ứng dụng nhiều thiết bị công nghệ, trang bị kỹ thuật nhằm giúp học sinh, sinh viên được trải nghiệm, thực hành, tiếp cận nhiều hơn. Học tập trong nền giáo dục 4.0 sẽ không chỉ là các buổi học trên lớp, những phòng thí nghiệm mà rộng hơn thế nữa. Học sinh, sinh viên sẽ được tham gia vào những phòng ban, bộ máy tổ chức của doanh nghiệp để trau dồi, rèn luyện thêm những kiến thực thực tiễn. Nhờ đó, sau khi ra trường, học sinh sinh viên sẽ có tay nghề, kinh nghiệm cùng khả năng thích ứng cao.

Đứng trước bối cảnh nền kinh tế có nhiều biến động ngày càng căng thẳng thì cũng là lúc cần phải đưa ra những giải pháp về chất lượng nhân lực, điều đó đòi hỏi nền giáo dục cần phải có sự đổi thay cùng với tư duy sáng tạo. Hoặc các bạn cũng có thể liên tưởng với thực trạng của sinh viên mới ra trường của 11 nước ta, đa phần là không có kinh nghiệm làm việc thực tế, chưa có kỹ năng phân tích, thiếu kỹ năng tổng hợp thông tin, gặp khó khăn khi làm việc độc lập. Trong khi thành tựu của cách mạng công nghệ đang giống như “miếng mồi” hấp dẫn giải tỏa đi được “cơn đói” chất lượng nguồn nhân lực. Do vậy mà cách mạng giáo dục 4.0 chính là một trong những giải pháp vô cùng cần thiết.

Công nghệ giáo dục 4.0 sẽ không gò bó, cứng nhắc vào việc chỉ học lý thuyết suông, học vẹt, học tủ. Thay vào đó, học sinh và sinh viên sẽ được trang bị những kiến thức có chiều sâu, phù hợp với chuyên ngành mà mình đang theo đuổi.0 trong giáo dục là quá trình học đến đâu, vận dụng tới đó vào thực tiễn. Vì thế, người học sẽ nắm chắc kiến thức, hiểu rõ vấn đề thay vì chỉ học lý thuyết suông như trước kia. Với mô hình giáo dục 4.0 sẽ là động lực để học sinh, sinh viên cố gắng, phấn đấu để trau dồi kiến thức, kinh nghiệm thực tiễn và cả chuyên môn.

KHẢO SÁT HIỆN TRẠNG CỦA CÁC WEBSITE TƯƠNG TỰ 3. Đánh giá tổng quan cả 3 trang web Bảng 1: Phân tích chức năng của các website tương tự CÁC TIÊU CHÍ SHUB UTEXLMS EDUZ Giao diện Website Giao diện đẹp, dễ sử dụng. Giao diện đẹp nhưng hơi Giao diện ở mức căn bản khó sử dụng hơn và khó cho người dùng mới Tốc độ phản hồi Nhanh. Bảo mật Mã nguồn đóng nên việc Đây là mã nguồn mở nên Mã nguồn đóng nên việc khai thác lỗ hổng sẽ khó là việc có thể dựa vào mã khai thác lỗ hổng sẽ khó khăn hơn nguồn và tìm cách để tấn khăn hơn công là có thể xãy ra Quản trị Hệ thống không quá lớn Hệ thống lớn với lượng Về cơ bản đây là 1 trang nên việc quản trị dễ dàng.

người dùng lớn nên việc web cho phép người dùng quản trị sẽ khó khăn hơn. truy cập vào các khóa học nên cũng không quá khó để quản trị 12 Tính năng website Gồm những tính năng cơ Nhiều tính năng tuy Chức năng khá nhiều tuy bản cho 1 trang web nhiên không dễ sử dụng nhiên là quá khó cho ELearning cho những người mới. người mới sử dụng Tốc độ tải trang Tốc độ load nhanh Tốc độ load nhanh Tốc độ load nhanh website Dễ dàng thao tác và Điều hướng thao tác dễ Một số chỗ điều hướng Điều hướng chưa được tốt điều hướng. dàng, dễ thực hiện còn đang hơi khó sử lắm.

Thân thiện với các Không có responsive Có responsive đầy đủ Có responsive thiết bị di động (responsive) Hạn chế tối thiểu Phần lớn lỗi đã được hạn Còn một số bug nhỏ tuy Một số chỗ thì chưa thể các lỗi chế ít thấy bug ở console nhiên cũng không đáng gì biết là bị giới hạn quyền và thao tác khá mượt mà so với tính năng đồ sộ. hay là bugs Website dễ dàng Có thể thêm được nhiều Số lượng tính năng phần Giao diện hiện tại chưa đủ nâng cấp tính năng một cách dễ lớn đã có code sẵn chỉ cần tốt nên việc phát triển dàng mà không ảnh hưởng áp dụng vào site custom thêm tính năng thì chỉ gây đến những tính năng cũ lại là được khó hiểu cho người dùng nhiều hơn. Website dễ dàng Website sử dung giao diện Website có số lượng tính Website sử dụng giao triển khai và số tính năng cũng năng quá là nhiều nên diện và số tính năng cũng không nhiều thì việc triển việc triển khai cho những không nhiều nên việc khai web lên host sẽ không cơ sở nhỏ những nơi chưa triển khai web lên host sẽ tốn quá nhiều tài nguyên có đủ nguồn lực thì là không tốn quá nhiều tài và nguồn lực không thể nguyên và nguồn lực 3. Các chức năng đặc biệt của từng trang web Bảng 2: Phân tích chức năng của các website tương tự CÁC TIÊU CHÍ SHUB UTEXLMS EDUZ 13 Giao diện Website Giao diện đẹp, dễ sử dụng.

Giao diện đẹp nhưng hơi Giao diện ở mức căn bản khó sử dụng hơn và khó cho người dùng mới Tốc độ phản hồi Nhanh. Bảo mật Mã nguồn đóng nên việc Đây là mã nguồn mở nên Mã nguồn đóng nên việc khai thác lỗ hổng sẽ khó là việc có thể dựa vào mã khai thác lỗ hổng sẽ khó khăn hơn nguồn và tìm cách để tấn khăn hơn công là có thể xãy ra Quản trị Hệ thống không quá lớn Hệ thống lớn với lượng Về cơ bản đây là 1 trang nên việc quản trị dễ dàng. người dùng lớn nên việc web cho phép người dùng quản trị sẽ khó khăn hơn. truy cập vào các khóa học nên cũng không quá khó để quản trị Tính năng website Gồm những tính năng cơ Nhiều tính năng tuy Chức năng khá nhiều tuy bản cho 1 trang web nhiên không dễ sử dụng nhiên là quá khó cho ELearning cho những người mới.

người mới sử dụng Tốc độ tải trang Tốc độ load nhanh Tốc độ load nhanh Tốc độ load nhanh website Dễ dàng thao tác và Điều hướng thao tác dễ Một số chỗ điều hướng Điều hướng chưa được tốt điều hướng. dàng, dễ thực hiện còn đang hơi khó sử lắm. Thân thiện với các Không có responsive Có responsive đầy đủ Có responsive thiết bị di động (responsive) Hạn chế tối thiểu Phần lớn lỗi đã được hạn Còn một số bug nhỏ tuy Một số chỗ thì chưa thể các lỗi chế ít thấy bug ở console nhiên cũng không đáng gì biết là bị giới hạn quyền và thao tác khá mượt mà so với tính năng đồ sộ. hay là bugs 14 Website dễ dàng Có thể thêm được nhiều Số lượng tính năng phần Giao diện hiện tại chưa đủ nâng cấp tính năng một cách dễ lớn đã có code sẳn chỉ cần tốt nên việc phát triển dàng mà không ảnh hưởng áp dụng vào site custom thêm tính năng thì chỉ gây đến những tính năng cũ lại là được khó hiểu cho người dùng nhiều hơn.

Website dễ dàng Website sử dung giao diện Website có số lượng tính Website sử dụng giao triển khai và số tính năng cũng năng quá là nhiều nên diện và số tính năng cũng không nhiều thì việc triển việc triển khai cho những không nhiều nên việc khai web lên host sẽ không cơ sở nhỏ những nơi chưa triển khai web lên host sẽ tốn quá nhiều tài nguyên có đủ nguồn lực thì là không tốn quá nhiều tài và nguồn lực không thể nguyên và nguồn lực 4. KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC Dựa trên kết quả khảo sát hiện trạng, nhóm chúng em nhận thấy một Website dạy học số cần có những yêu cầu sau đây 4. Yêu cầu phi chức năng Tạo và tham gia các khoá học Quản lý học viên Diễn đàn trao đổi, tương tác giữa các thành viên trong lớp, có thể đăng bài, bình luận Làm bài kiểm tra trắc nghiệm trên ứng dụng 4. Yêu cầu phi chức năng Giao diện đẹp, đơn giả, dễ sử dụng.

Tốc độ phản hồi nhanh. Hạn chế xuất hiện lỗi trên giao diện người dùng. Thân thiện với các thiết bị di động (responsive). ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 5.