Đồ Án Tốt Nghiệp Công Nghệ Thông Tin: Xây Dựng Hệ Thống Tư Vấn Sinh Viên Sử Dụng MERN Stack

Đồ án tốt nghiệp CNTT xây dựng hệ thống tư vấn sinh viên sử dụng MERN Stack, ứng dụng công nghệ hiện đại, hỗ trợ hiệu quả quản lý và tư vấn.

• Tác giả: Trần Nhật Hào
• Người hướng dẫn: ThS. Nguyễn Hữu Trung
• 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 hệ thống tư vấn sinh viên sử dụng MERN Stack
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. PHẦN MỞ ĐẦU
• 1.1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI
• 1.2. MỤC TIÊU ĐỀ TÀI
• 1.3. PHƯƠNG PHÁP THỰC HIỆN
• 2. PHẦN NỘI DUNG
• 2. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 1.1. MERN Stack là gì ?
• 1.2. Tại sao nên chọn MERN Stack ?
• 1.3. Cấu trúc kiến trúc của MERN Stack và cách nó hoạt động?
• 1.4. Các thành phần của MERN Stack
• 1.5. Ưu điểm của MERN Stack
• 3. CHƯƠNG 2: KHẢO SÁT PHÂN TÍCH VÀ THIẾT KẾ
• 2.1. Phân tích hiện trạng
• 2.2. Yêu cầu chức năng nghiệp vụ
• 2.3. Yêu cầu chức năng hệ thống
• 2.4. Yêu cầu phi chức năng
• 4. CHƯƠNG 3: MÔ HÌNH HÓA YÊU CẦU
• 3.1. Danh sách các tác nhân và chức năng của hệ thống
• 3.2. Lược đồ chức năng
• 3.2.1. Người dùng (Người dùng đã có tài khoản)
• 3.2.2. Trưởng nhóm
• 3.2.3. Quản trị viên
• 3.3. Đặc tả use case
• 3.3.1. Đặc tả use case cho khách
• 3.3.2. Đặc tả use case cho người dùng
• 3.3.3. Đặc tả use case cho tư vấn viên
• 3.3.4. Đặc tả use case cho trưởng nhóm
• 3.3.5. Đặc tả use case cho giám sát viên
• 3.3.6. Đặc tả use case cho quản trị viên
• 5. CHƯƠNG 4: THIẾT KẾ PHẦN MỀM
• 4.1. Lược đồ tuần tự
• 4.2. Xem câu hỏi đã được trả lời
• 4.3. Xem thư viện câu hỏi
• 4.4. Xem danh sách tin tức
• 4.5. Xem danh sách tư vấn viên
• 4.6. Đặt câu hỏi
• 4.7. Trả lời câu hỏi công khai
• 4.8. Trả lời câu hỏi qua tin nhắn
• 4.9. Phản hồi tin nhắn
• 4.10. Duyệt câu trả lời
• 4.11. Không duyệt và gửi phản hồi
• 4.12. Lược đồ cơ sở dữ liệu
• 6. CHƯƠNG 5: GIAO DIỆN VÀ XỬ LÝ
• 5.1. Phiên bản Web
• 5.1.1. Trang đăng nhập
• 5.1.2. Trang quên mật khẩu
• 5.1.3. Trang thư viện câu hỏi
• 5.1.4. Trang danh sách tư vấn viên
• 5.1.5. Trang tin tức
• 5.1.6. Trang thông tin cá nhân
• 5.1.7. Trang xác minh tài khoản
• 5.1.8. Lịch sử tư vấn
• 5.1.9. Trang danh sách câu hỏi của tư vấn viên
• 5.1.10. Trang tư vấn viên xem chi tiết câu hỏi
• 5.1.11. Trang xem phản hồi từ trưởng nhóm
• 5.1.12. Trang thống kê của trưởng nhóm
• 5.1.13. Trang quản lý lĩnh vực của trưởng nhóm
• 5.1.14. Trang quản lý nhân sự của trưởng nhóm
• 5.1.15. Trang quản lý FAQ
• 5.1.16. Trang duyệt câu trả lời
• 5.1.17. Trang thống kê quản trị viên
• 5.1.18. Trang quản lý khoa
• 5.1.19. Trang quản lý người dùng
• 5.1.20. Trang quản lý tin tức
• 5.2. Phiên bản di động
• 5.2.1. Trang chủ của tư vấn viên
• 5.2.2. Trang danh sách câu hỏi chờ
• 5.2.3. Màn hình chi tiết câu hỏi
• 5.2.4. Trang thống kê cho trưởng nhóm
• 5.2.5. Trang chủ của trưởng nhóm
• 5.2.6. Trang quản lý tư vấn viên của trưởng nhóm
• 5.2.7. Trang quản lý lĩnh vực cho trưởng nhóm
• 5.2.8. Trang quản lý FAQ cho trưởng nhóm
• 5.2.9. Trang nhắn tin cho tư vấn viên
• 5.2.10. Trang thống kê của quản trị viên
• 5.2.11. Trang chủ cho quản trị viên
• 5.2.12. Trang quản lý khoa cho Admin
• 5.2.13. Trang quản lý tin tức của quản trị viên
• 5.2.14. Trang đăng nhập
• 5.2.15. Trang quên mật khẩu
• 5.2.16. Trang chủ cho người dùng
• 5.2.17. Trang xem thư viện câu hỏi
• 5.2.18. Trang xem danh sách tư vấn viên
• 5.2.19. Trang đặt câu hỏi
• 7. CHƯƠNG 6: CÀI ĐẶT VÀ THỬ NGHIỆM
• 6.1. Chuẩn bị file cài đặt
• 6.2. Cài đặt MongoDB
• 6.3. Cài đặt NodeJS
• 6.4. Cài đặt ExpressJS
• 6.5. Cài đặt ReactJS
• 6.6. Cài đặt React Native
• 6.7. Môi trường thử nghiệm
• 6.8. Chạy thử ứng dụng
• PHẦN KẾT LUẬN
• NHỮNG KẾT QUẢ ĐẠT ĐƯỢC
• ƯU ĐIỂM VÀ NHƯỢC ĐIỂM
• HƯỚNG PHÁT TRIỂN
• DANH SÁCH TÀI LIỆU THAM KHẢO
• NHẬT KÝ LÀM VIỆC CÙNG GIẢNG VIÊN HƯỚNG DẪN

Tóm tắt

I. Đồ Án Tốt Nghiệp CNTT

Đồ án tốt nghiệp CNTT là một phần quan trọng trong chương trình đào tạo của sinh viên ngành Công nghệ thông tin. Đồ án này không chỉ giúp sinh viên áp dụng kiến thức lý thuyết vào thực tiễn mà còn là cơ hội để họ phát triển kỹ năng chuyên môn và giải quyết vấn đề. Trong đồ án này, sinh viên được yêu cầu xây dựng một hệ thống hoàn chỉnh, từ phân tích, thiết kế đến triển khai và kiểm thử. Xây dựng hệ thống tư vấn sinh viên là một đề tài phù hợp, giúp sinh viên hiểu rõ hơn về quy trình phát triển phần mềm và ứng dụng công nghệ vào thực tế.

1.1. Mục tiêu của đồ án

Mục tiêu chính của đồ án tốt nghiệp CNTT là giúp sinh viên vận dụng kiến thức đã học để xây dựng một hệ thống thực tế. Đồ án này yêu cầu sinh viên phải nắm vững các công nghệ hiện đại như MERN Stack, từ đó phát triển một ứng dụng web và di động hoàn chỉnh. Hệ thống tư vấn sinh viên được chọn làm đề tài vì tính ứng dụng cao trong giáo dục, giúp sinh viên nhận được sự hỗ trợ kịp thời từ các tư vấn viên.

1.2. Tính cấp thiết của đề tài

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ, việc ứng dụng công nghệ vào giáo dục là xu hướng tất yếu. Hệ thống tư vấn sinh viên giúp giải quyết các vấn đề liên quan đến học tập và phát triển cá nhân của sinh viên. Hệ thống này không chỉ giảm tải áp lực cho đội ngũ tư vấn truyền thống mà còn cung cấp một kênh tương tác hiệu quả giữa sinh viên và tư vấn viên.

II. Xây Dựng Hệ Thống Tư Vấn Sinh Viên

Xây dựng hệ thống tư vấn sinh viên là một quá trình phức tạp, đòi hỏi sự kết hợp giữa kiến thức lý thuyết và kỹ năng thực hành. Hệ thống này được thiết kế để hỗ trợ sinh viên trong việc đặt câu hỏi và nhận phản hồi từ các tư vấn viên. MERN Stack được lựa chọn làm nền tảng phát triển vì tính linh hoạt và hiệu quả của nó trong việc xây dựng ứng dụng web và di động.

2.1. Các chức năng chính của hệ thống

Hệ thống bao gồm các chức năng chính như đăng ký, đăng nhập, đặt câu hỏi, trả lời câu hỏi, và quản lý tư vấn viên. Sinh viên CNTT có thể sử dụng hệ thống để đặt câu hỏi về các vấn đề học tập, trong khi tư vấn viên có thể phản hồi và cung cấp thông tin hữu ích. Hệ thống cũng hỗ trợ tìm kiếm câu hỏi và quản lý dữ liệu sinh viên một cách hiệu quả.

2.2. Lợi ích của hệ thống

Hệ thống tư vấn sinh viên mang lại nhiều lợi ích, bao gồm việc cải thiện chất lượng đào tạo, hỗ trợ sinh viên trong quá trình học tập, và giảm tải áp lực cho đội ngũ tư vấn truyền thống. Hệ thống cũng giúp tăng cường sự tương tác giữa sinh viên và tư vấn viên, tạo ra một môi trường học tập tích cực và hiệu quả.

III. MERN Stack và Ứng Dụng

MERN Stack là một bộ công nghệ phổ biến trong việc phát triển ứng dụng web và di động. Nó bao gồm MongoDB, Express.js, React.js, và Node.js. Sự kết hợp của các công nghệ này giúp tạo ra một hệ thống mạnh mẽ, linh hoạt và dễ dàng mở rộng. Trong đồ án này, MERN Stack được sử dụng để xây dựng hệ thống tư vấn sinh viên, từ việc thiết kế cơ sở dữ liệu đến phát triển giao diện người dùng.

3.1. Các thành phần của MERN Stack

MERN Stack bao gồm bốn thành phần chính: MongoDB (cơ sở dữ liệu NoSQL), Express.js (framework backend), React.js (thư viện frontend), và Node.js (môi trường runtime). Sự kết hợp này cho phép phát triển ứng dụng web và di động một cách nhanh chóng và hiệu quả. MongoDB được sử dụng để lưu trữ dữ liệu sinh viên và câu hỏi, trong khi React.js giúp tạo ra giao diện người dùng thân thiện và dễ sử dụng.

3.2. Ưu điểm của MERN Stack

MERN Stack mang lại nhiều ưu điểm, bao gồm tính linh hoạt, khả năng mở rộng, và hiệu suất cao. Nó cho phép các nhà phát triển xây dựng ứng dụng một cách nhanh chóng và dễ dàng bảo trì. Hệ thống tư vấn sinh viên được xây dựng trên nền tảng này sẽ có khả năng xử lý lượng lớn dữ liệu và cung cấp trải nghiệm người dùng tốt nhất.

Nội dung chính

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

Trong môi trường giáo dục đại học, mỗi năm các cơ sở đào tạo tiếp nhận hàng nghìn sinh viên mới nhập học. Đây là giai đoạn chuyển tiếp quan trọng khi người học bắt đầu bước vào môi trường học tập mới, sống xa gia đình và phải tự thích ứng với các phương thức quản lý đào tạo. Trong quá trình đó, sinh viên mới, sinh viên đang theo học, cựu sinh viên cùng các bậc phụ huynh và học sinh có nhu cầu rất lớn về việc tìm hiểu thông tin, giải đáp các thắc mắc liên quan đến quy chế đào tạo, định hướng ngành nghề, cơ hội nghề nghiệp tương lai cũng như các vấn đề sinh hoạt ngoại khóa ngoài giảng đường.

Theo phân tích hiện trạng được tác giả trình bày, mô hình tư vấn truyền thống tại các trường đại học hiện nay chủ yếu thông qua các phòng ban chức năng trực tiếp và đang bộc lộ những hạn chế rõ rệt:

• Sinh viên và phụ huynh bắt buộc phải đến trực tiếp các văn phòng, phòng ban để gặp bộ phận tư vấn, gây nhiều khó khăn và tốn kém về thời gian di chuyển, đặc biệt đối với những người ở xa hoặc phụ huynh học sinh ở các tỉnh thành khác.
• Đội ngũ nhân sự tại các phòng ban tư vấn truyền thống có số lượng giới hạn, dẫn đến tình trạng quá tải trong các đợt cao điểm (nhập học, đăng ký môn học, xét tốt nghiệp), khiến việc giải đáp thắc mắc không thể diễn ra kịp thời và đầy đủ.

Trước thực trạng đó, đề tài "Xây dựng hệ thống tư vấn sinh viên sử dụng MERN Stack" của sinh viên Trần Nhật Hào và Trần Thanh Phương, dưới sự hướng dẫn của ThS. Nguyễn Hữu Trung tại Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (khóa 2020 – 2024), đã được thực hiện nhằm giải quyết các tồn tại trên bằng một giải pháp công nghệ đa nền tảng.

Mục tiêu nghiên cứu của đề tài được xác định cụ thể gồm 2 nội dung chính:

1. Xây dựng hệ thống tư vấn cho sinh viên trên cả hai nền tảng ứng dụng Website và ứng dụng Di động, kết nối trực tuyến người học với đội ngũ tư vấn viên gồm các giảng viên và sinh viên ưu tú của nhà trường.
2. Vận dụng toàn diện bộ công nghệ MERN Stack (MongoDB, Express.js, React, Node.js) kết hợp cùng framework React Native để thiết kế và phát triển toàn bộ hệ thống từ phía máy khách đến máy chủ.

Đối tượng và phạm vi nghiên cứu của đồ án:

• Đối tượng nghiên cứu: Quy trình tiếp nhận, điều phối, trả lời và kiểm duyệt thắc mắc của sinh viên; các kỹ thuật phân tích thiết kế hệ thống phần mềm hướng dịch vụ và cơ chế tương tác thời gian thực giữa các tác nhân.
• Phạm vi không gian: Nghiên cứu và mô hình hóa dữ liệu dựa trên cơ cấu tổ chức các khoa, bộ môn và phòng ban chức năng thực tế tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh.
• Phạm vi thời gian: Đề tài được triển khai thực hiện từ ngày 19/03/2024 đến ngày 11/07/2024 theo 10 giai đoạn công việc cụ thể (từ tìm hiểu cơ sở lý thuyết, viết đề cương, khảo sát phân tích thiết kế, xây dựng cơ sở dữ liệu, lập trình chức năng quản trị, tư vấn viên, người dùng cho đến kiểm thử và hoàn thiện báo cáo tốt nghiệp).

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

Đồ án xây dựng nền tảng lý luận và kỹ thuật dựa trên các công nghệ phần mềm hiện đại xoay quanh hệ sinh thái JavaScript đồng nhất:

• MongoDB: Hệ quản trị cơ sở dữ liệu NoSQL hướng tài liệu (document-oriented), sử dụng định dạng nhị phân BSON (Binary JSON) để tổ chức dữ liệu. MongoDB có đặc tính linh hoạt về cấu trúc (schema-less), cho phép mở rộng quy mô lưu trữ dễ dàng và tối ưu hóa tốc độ truy xuất dữ liệu mà không bị ràng buộc bởi các mô hình quan hệ bảng cứng nhắc của RDBMS.
• Express.js: Framework tối giản chạy trên môi trường Node.js phía máy chủ, giữ vai trò xử lý định tuyến (routing), tiếp nhận và điều phối các yêu cầu HTTP, tích hợp các lớp phần mềm trung gian (middleware) để xây dựng hệ thống giao diện lập trình ứng dụng RESTful API phục vụ giao tiếp giữa máy khách và máy chủ.
• React (React.js): Thư viện JavaScript mã nguồn mở dùng để xây dựng giao diện người dùng (UI) cho ứng dụng web dưới dạng ứng dụng đơn trang (Single Page Application - SPA). React sử dụng cú pháp JSX kết hợp HTML trong JavaScript, cơ chế Virtual DOM giúp tối ưu hóa hiệu suất hiển thị bằng cách chỉ cập nhật các thành phần thực sự thay đổi, và mô hình component hóa cho phép tái sử dụng mã nguồn giao diện.
• React Native: Framework phát triển ứng dụng di động đa nền tảng dựa trên nền tảng React và JavaScript, cho phép biên dịch và tương tác trực tiếp với các thành phần giao diện gốc (native components) trên cả hai hệ điều hành Android và iOS, giúp dùng chung logic nghiệp vụ và giảm chi phí bảo trì.
• Node.js: Môi trường thực thi JavaScript ngoài trình duyệt xây dựng trên nền tảng V8 JavaScript Engine của Google Chrome, vận hành theo mô hình hướng sự kiện (event-driven) và cơ chế vào/ra bất đồng bộ không chặn (asynchronous non-blocking I/O), cho phép xử lý hiệu quả hàng loạt kết nối đồng thời với mô hình đơn luồng (single-threaded).
• Hệ thống quản lý phiên bản Git và nền tảng GitHub: Được ứng dụng trong toàn bộ vòng đời phát triển dự án để quản trị mã nguồn, theo dõi lịch sử chỉnh sửa và phối hợp làm việc nhóm giữa hai thành viên phát triển.

Phương pháp nghiên cứu thực tế được nhóm tác giả vận dụng gồm:

• Phương pháp khảo sát, phân tích hiện trạng và nghiệp vụ tư vấn học đường thực tế để trích xuất 11 nhóm yêu cầu chức năng nghiệp vụ, phân nhóm quyền hạn hệ thống và xác lập 7 chỉ tiêu phi chức năng.
• Phương pháp phân tích và thiết kế phần mềm hướng đối tượng: Sử dụng mô hình Use Case để mô hình hóa hành vi của 6 nhóm tác nhân; xây dựng 11 lược đồ tuần tự (Sequence Diagram) để chuẩn hóa các luồng xử lý dữ liệu phức tạp.
• Phương pháp thiết kế cơ sở dữ liệu phi quan hệ: Xây dựng cấu trúc các collection trên MongoDB đảm bảo tính nhất quán dữ liệu cho các thực thể người dùng, câu hỏi, câu trả lời, tin nhắn và lịch sử kiểm duyệt.
• Phương pháp thực nghiệm phần mềm: Thiết lập môi trường phát triển máy chủ và máy khách cục bộ, chạy thử ứng dụng trên môi trường web và máy ảo di động, kiểm thử từng chức năng theo các kịch bản định trước.

Nguồn dữ liệu của đề tài bao gồm các tệp dữ liệu mẫu khởi tạo hệ thống (Mock Data) phục vụ cài đặt cơ sở dữ liệu ban đầu, cùng các quy định tổ chức hành chính khoa, bộ môn và danh mục lĩnh vực tư vấn học thuật của nhà trường.

Thiết kế và triển khai

Hệ thống tư vấn sinh viên được thiết kế theo kiến trúc phân tầng toàn diện (Full-stack Architecture), sử dụng JavaScript làm ngôn ngữ duy nhất xuyên suốt toàn bộ các tầng ứng dụng.

Kiến trúc công nghệ và phân bổ hệ thống

1. Tầng giao diện máy khách (Client Tier):
   • Ứng dụng Web: Xây dựng bằng ReactJS, chạy tại địa chỉ cổng phát triển cục bộ (http://localhost:5173/), phân chia giao diện thành 23 màn hình chức năng bao quát toàn bộ quyền hạn từ khách, người dùng, tư vấn viên, trưởng nhóm đến quản trị viên.
   • Ứng dụng Di động: Xây dựng bằng React Native, cung cấp 20 màn hình giao diện tối ưu hóa cho thiết bị di động, hỗ trợ tư vấn viên và sinh viên tương tác linh hoạt mọi lúc mọi nơi.
2. Tầng xử lý máy chủ và ứng dụng (Application & Server Tier):
   • Xây dựng trên nền tảng Node.js kết hợp framework Express.js, đảm nhận việc xử lý các tuyến đường dẫn (routing), tích hợp middleware xác thực, phân quyền tài khoản và xử lý logic nghiệp vụ.
   • Cung cấp hệ thống RESTful API kết nối trao đổi dữ liệu với cả hai nền tảng web và mobile thông qua định dạng JSON.
3. Tầng cơ sở dữ liệu (Database Tier):
   • Cơ sở dữ liệu MongoDB đảm nhiệm việc lưu trữ toàn bộ dữ liệu nghiệp vụ của hệ thống dưới dạng các collection BSON. Quá trình triển khai được cấu hình thông qua các biến môi trường nội bộ để kết nối an toàn với máy chủ backend.

Ma trận yêu cầu phi chức năng

Hệ thống được thiết kế đáp ứng nghiêm ngặt các tiêu chuẩn chất lượng kỹ thuật được tác giả lượng hóa trong tài liệu:

STT	Nội dung yêu cầu	Tiêu chuẩn	Mô tả chi tiết kỹ thuật
1	Tốc độ xử lý hiển thị và đặt câu hỏi	Hiệu quả	Thời gian tải trang hiển thị câu hỏi và thời gian đặt câu hỏi không quá 3 giây.
2	Tốc độ tìm kiếm câu hỏi	Hiệu quả	Thời gian thực hiện tác vụ tìm kiếm dữ liệu không quá 3 giây.
3	Tối ưu hóa thời gian tư vấn	Hiệu quả	Tiết kiệm thời gian xử lý và phản hồi so với phương thức tư vấn truyền thống.
4	Kiểm soát điều phối câu hỏi	Hiệu quả	Phân bổ câu hỏi chính xác theo từng khoa và chuyển đến đúng tư vấn viên có chuyên môn lĩnh vực tương ứng.
5	Trực quan hóa giao diện người dùng	Tiện dụng	Thiết kế giao diện rõ ràng, giúp người dùng tập trung vào các thông tin cần thiết.
6	Thao tác sử dụng	Tiện dụng	Các thao tác nhập, xuất và chỉnh sửa dữ liệu đơn giản, gần gũi với thói quen người dùng.
7	Bảo mật khôi phục mật khẩu	Bảo mật	Thời gian gửi và nhận mã xác thực OTP qua email không quá 60 giây.

Quy trình triển khai và môi trường thử nghiệm

Quá trình cài đặt và thử nghiệm phần mềm được văn bản tài liệu hóa qua các bước chi tiết tại Chương 6:

• Chuẩn bị file dữ liệu mẫu để nhập liệu ban đầu cho hệ thống.
• Cài đặt cơ sở dữ liệu MongoDB và kiểm tra trạng thái hoạt động của cơ sở dữ liệu.
• Cài đặt môi trường runtime Node.js và khởi tạo dịch vụ Express.js xử lý phía server.
• Cài đặt thư viện React.js cho ứng dụng web và thiết lập tệp cấu hình biến môi trường kết nối API.
• Cài đặt framework React Native, thiết lập máy ảo di động (Android Emulator) và cấu hình các biến môi trường cho ứng dụng mobile.
• Chạy thử nghiệm đồng thời hệ thống máy chủ, trang web và ứng dụng di động để đánh giá độ trễ và tính toàn vẹn của các luồng nghiệp vụ.

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

Chương 1: Cơ sở lý thuyết

Chương 1 cung cấp nền tảng kiến thức kỹ thuật chi tiết về bộ công nghệ MERN Stack. Tác giả giải thích bản chất từng thành phần: MongoDB (cơ sở dữ liệu NoSQL lưu trữ BSON linh hoạt), Express.js (framework định tuyến và middleware cho Node.js), React (thư viện component hóa xây dựng SPA với Virtual DOM cho web), React Native (phát triển ứng dụng di động native đa nền tảng), và Node.js (môi trường máy chủ bất đồng bộ hướng sự kiện). Chương này làm rõ lý do lựa chọn bộ công nghệ: tiết kiệm chi phí đào tạo và nhân lực nhờ tính đồng nhất của ngôn ngữ JavaScript, tận dụng hệ sinh thái mã nguồn mở, nâng cao tốc độ phản hồi nhờ kiến trúc non-blocking I/O, thân thiện với các công cụ tìm kiếm (SEO), khả năng bảo mật tốt và dễ dàng mở rộng khi phát triển các tính năng trao đổi thông tin thời gian thực.

Chương 2: Khảo sát phân tích và thiết kế

Chương 2 tập trung phân tích thực trạng tư vấn học đường và xây dựng các bảng đặc tả yêu cầu phần mềm. Tác giả chỉ rõ các nhược điểm về cản trở địa lý và sự thiếu hụt nhân sự tại các phòng ban truyền thống. Trên cơ sở đó, chương thiết lập 3 bảng chuẩn hóa:

• Bảng 2.1 (Yêu cầu chức năng nghiệp vụ): Xác định 11 yêu cầu cốt lõi gồm Quản lý khoa, Quản lý lĩnh vực, Quản lý người dùng, Quản lý câu hỏi, Quản lý câu trả lời, Quản lý tin nhắn, Quản lý Feedback, Quản lý FAQs, Tìm kiếm câu hỏi, Phân quyền tài khoản và Người dùng đặt câu hỏi.
• Bảng 2.2 (Yêu cầu chức năng hệ thống): Phân định chi tiết quyền hạn cho 6 nhóm đối tượng (Khách, Người dùng, Tư vấn viên, Trưởng nhóm, Giám sát viên, Quản trị viên).
• Bảng 2.3 (Yêu cầu phi chức năng): Lượng hóa các chỉ số hiệu năng (tải trang ≤3s, tìm kiếm ≤3s, OTP ≤60s, phân luồng chính xác khoa/lĩnh vực).

Chương 3: Mô hình hóa yêu cầu

Chương 3 chi tiết hóa toàn bộ hành vi hệ thống thông qua các bảng định danh use case và mô hình ca sử dụng cho từng tác nhân. Tác giả thiết lập hệ thống bảng phân loại với mã định danh khoa học:

• Khách (Guest - tiền tố GUE): 12 ca sử dụng từ GUE-XTC (Xem trang chủ) đến GUE-CTTVV (Chi tiết thông tin tư vấn viên).
• Người dùng (User - tiền tố USE): 13 ca sử dụng bao gồm USE-DCH (Đặt câu hỏi), USE-XTB (Xem thông báo), USE-YTCH (Yêu thích câu hỏi), USE-XTE (Xác thực email), USE-DSHT (Danh sách hội thoại), USE-NT (Phản hồi tin nhắn).
• Tư vấn viên (Counsellor - tiền tố COU): 9 ca sử dụng chính như COU-TK (Xem thống kê), COU-DSCH (Xem câu hỏi chờ), COU-TL (Trả lời câu hỏi), COU-TLCK (Trả lời công khai), COU-TLQTN (Trả lời qua tin nhắn), COU-CT (Chuyển tiếp câu hỏi).
• Trưởng nhóm (Department Head - tiền tố DEP): 18 ca sử dụng bao quát việc duyệt câu trả lời (DEP-DYD, DEP-KDYD), quản lý lĩnh vực (DEP-QLLV, DEP-TTLV), quản lý nhân sự (DEP-QLTVV, DEP-TLVTVV), quản lý FAQ và nhắc nhở tư vấn viên.
• Giám sát viên (Supervisor - tiền tố SUP): 3 ca sử dụng gồm SUP-TK (Xem thống kê), SUP-DSNN (Danh sách khoa cần nhắc nhở), SUP-NN (Nhắc nhở khoa).
• Quản trị viên (Admin - tiền tố ADM): 14 ca sử dụng về quản lý khoa (ADM-QLK, ADM-TK, ADM-CTN, ADM-PPNS), quản lý người dùng (ADM-QLND, ADM-TTND, ADM-TNV) và quản lý tin tức (ADM-TT, ADM-TTT, ADM-XTT). Chương này cũng cung cấp đầy đủ các bảng đặc tả ca sử dụng chi tiết (từ Bảng 3.8 đến 3.73), mô tả rõ ràng Pre-Conditions, Post-Conditions, Basic Flow và Alternative Flow.

Chương 4: Thiết kế phần mềm

Chương 4 mô tả kiến trúc logic thông qua hệ thống lược đồ tuần tự (Sequence Diagram) và thiết kế cơ sở dữ liệu. 11 lược đồ tuần tự thể hiện sự tương tác qua lại giữa Actor, Giao diện (Boundary), Bộ xử lý (Controller) và Cơ sở dữ liệu (Database) cho các nghiệp vụ: Đăng nhập, Xem câu hỏi đã trả lời, Xem thư viện câu hỏi, Xem tin tức, Xem danh sách tư vấn viên, Đặt câu hỏi, Trả lời công khai, Trả lời qua tin nhắn, Phản hồi tin nhắn, Duyệt câu trả lời, và Gửi phản hồi (từ chối duyệt). Lược đồ cơ sở dữ liệu NoSQL được thiết kế chi tiết nhằm lưu trữ các mối quan hệ giữa khoa, lĩnh vực tư vấn, người dùng, câu hỏi, câu trả lời, bình luận, tin nhắn hội thoại và nhật ký kiểm duyệt.

Chương 5: Giao diện và xử lý

Chương 5 trình bày toàn bộ kết quả trực quan hóa hệ thống phần mềm trên cả hai môi trường:

• Phiên bản Web: Minh họa chi tiết 23 màn hình từ giao diện dành cho khách/người dùng (Trang chủ, Thư viện câu hỏi, Danh sách tư vấn viên, Tin tức, Thông tin cá nhân, Lịch sử tư vấn), giao diện cho tư vấn viên (Danh sách câu hỏi chờ, Chi tiết câu hỏi, Xem phản hồi từ trưởng nhóm), giao diện cho trưởng nhóm (Thống kê, Quản lý lĩnh vực, Quản lý nhân sự, Quản lý FAQs, Duyệt câu trả lời), đến giao diện của quản trị viên (Thống kê, Quản lý khoa, Quản lý người dùng, Quản lý tin tức).
• Phiên bản Di động: Giới thiệu 20 màn hình trên ứng dụng mobile tương ứng với các tác nhân, hỗ trợ tính năng xem và trả lời tin nhắn trực tiếp, duyệt câu hỏi, tra cứu FAQ, đặt câu hỏi nhanh và quản lý danh mục phân quyền.

Chương 6: Cài đặt và thử nghiệm

Chương 6 hướng dẫn chi tiết quy trình chuẩn bị mã nguồn và các bước triển khai kỹ thuật. Nội dung bao gồm các bước cài đặt hệ quản trị cơ sở dữ liệu MongoDB và nạp dữ liệu mẫu; cấu hình môi trường Node.js và cài đặt các gói phụ thuộc Express.js; thiết lập dự án React.js cho web client; cấu hình React Native cùng môi trường máy ảo Android; khai báo tệp biến môi trường .env kết nối giữa client và server; và quy trình chạy thử nghiệm toàn bộ hệ thống để xác minh sự vận hành chính xác của các luồng nghiệp vụ.

Phần kết luận

Phần kết luận tổng kết những kết quả đã hoàn thành trong đồ án, đánh giá ưu điểm về tính tiện lợi, đồng bộ công nghệ và tốc độ phản hồi; phân tích các nhược điểm còn tồn đọng trong quá trình thử nghiệm; và vạch ra định hướng phát triển phần mềm trong tương lai.

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

Đồ án đã đạt được các kết quả cụ thể sau quá trình nghiên cứu và thực hiện:

• Xây dựng thành công hệ thống phần mềm tư vấn sinh viên hoạt động đồng bộ trên 2 nền tảng: ứng dụng Web (ReactJS) và ứng dụng Di động (React Native), vận hành trên nền tảng máy chủ Node.js/Express.js và cơ sở dữ liệu MongoDB.
• Thiết kế và triển khai đầy đủ 11 nhóm chức năng nghiệp vụ, phân định rõ ràng quyền hạn và giao diện thao tác cho 6 nhóm tác nhân (Khách, Người dùng, Tư vấn viên, Trưởng nhóm, Giám sát viên, Quản trị viên).
• Chuẩn hóa 63 ca sử dụng với mã định danh cụ thể, xây dựng 11 lược đồ tuần tự chi tiết và hoàn thiện thiết kế 43 màn hình giao diện (23 màn hình web và 20 màn hình di động).
• Thiết lập quy trình kiểm duyệt nội dung 2 lớp chặt chẽ: Câu hỏi gửi đến được phân loại chính xác theo khoa và lĩnh vực chuyên môn; câu trả lời của tư vấn viên phải trải qua khâu thẩm định của Trưởng nhóm (duyệt công khai hoặc từ chối kèm phản hồi lý do) trước khi xuất bản lên thư viện câu hỏi chung.
• Đảm bảo các chỉ số hiệu năng kỹ thuật: Tốc độ tải trang, đặt câu hỏi và tìm kiếm đạt chuẩn dưới 3 giây; quy trình gửi mã xác thực OTP khôi phục mật khẩu hoàn tất trong 60 giây.

Đóng góp của đồ án so với phương thức tư vấn truyền thống:

• Tạo lập một kênh tương tác học đường trực tuyến từ xa, giúp sinh viên, phụ huynh và cựu sinh viên dễ dàng đặt câu hỏi mọi lúc mọi nơi mà không phải đến trực tiếp các văn phòng của nhà trường.
• Tự động hóa quá trình điều phối câu hỏi đến đúng giảng viên và nhân sự có chuyên môn theo từng khoa và lĩnh vực cụ thể, nâng cao độ chính xác và chất lượng của câu trả lời.
• Giúp giảm tải áp lực công việc trực tiếp cho các phòng ban chức năng truyền thống của nhà trường, rút ngắn thời gian chờ đợi phản hồi của người học.

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

Hạn chế của đồ án (dựa trên phạm vi và nội dung văn bản):

• Hệ thống mới dừng lại ở việc cài đặt, cấu hình và chạy thử nghiệm trên môi trường máy chủ phát triển cục bộ (localhost:5173) và thiết bị máy ảo di động với tập dữ liệu mẫu, chưa được triển khai thử nghiệm thực tế trên môi trường sản xuất (production server) với lưu lượng truy cập lớn của toàn trường.
• Việc phân loại câu hỏi hiện vẫn hoàn toàn phụ thuộc vào thao tác chọn thủ công khoa và lĩnh vực của người gửi, chưa tích hợp các giải pháp tự động nhận diện hay phân loại nội dung câu hỏi.

Hướng phát triển tiếp theo được tác giả đề xuất:

• Tiếp tục tối thiện hóa và nâng cấp giao diện người dùng trên cả hai nền tảng web và di động nhằm tăng cường tính thân thiện và tiện dụng.
• Khắc phục các khiếm khuyết phần mềm phát sinh trong quá trình thử nghiệm thực tế.
• Triển khai cài đặt hệ thống lên hạ tầng máy chủ thực tế của nhà trường để đưa vào vận hành thử nghiệm phục vụ cán bộ, giảng viên và sinh viên.
• Mở rộng thêm các tính năng phân tích số liệu nâng cao cho Giám sát viên và Quản trị viên nhằm theo dõi toàn diện chất lượng tư vấn của từng khoa.

Giá trị tham khảo

Đồ án là tài liệu tham khảo có giá trị chuyên môn cao cho các đối tượng:

• Sinh viên các ngành Công nghệ phần mềm, Công nghệ thông tin và Hệ thống thông tin đang thực hiện đồ án tốt nghiệp hoặc các dự án công nghệ phần mềm chuyên ngành.
• Các lập trình viên quan tâm đến giải pháp Full-stack JavaScript, đặc biệt là phương pháp kết hợp bộ công nghệ MERN Stack với framework React Native trên cùng một hệ thống API backend.
• Các cán bộ quản lý giáo dục, phòng công tác sinh viên tại các trường đại học, cao đẳng đang tìm kiếm mô hình chuyển đổi số quy trình tiếp nhận và giải đáp thông tin học đường.

Các phần nội dung đáng tham khảo nhất trong văn bản gồm:

• Chương 2 và Chương 3: Cung cấp phương pháp khảo sát nghiệp vụ chặt chẽ, cách phân rã yêu cầu thành các bảng chức năng, phi chức năng và đặc biệt là kỹ thuật viết đặc tả Use Case chi tiết với đầy đủ luồng sự kiện cơ bản, luồng sự kiện thay thế và tiền/hậu điều kiện.
• Chương 4: Cung cấp hệ thống 11 lược đồ tuần tự trực quan, giúp người đọc nắm vững cách mô hình hóa luồng tương tác giữa giao diện, bộ điều khiển và cơ sở dữ liệu NoSQL trong các bài toán xác thực, kiểm duyệt và trao đổi tin nhắn.
• Chương 6: Cung cấp tài liệu hướng dẫn thực hành cấu hình môi trường MERN Stack và thiết lập biến môi trường kết nối đa nền tảng một cách bài bản, dễ tái lập.

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

1. Hệ thống tư vấn sinh viên trong đồ án phân chia quyền hạn cho những nhóm tác nhân nào?

Văn bản đồ án xác định hệ thống có 6 nhóm tác nhân tham gia tương tác:

• Khách (Guest): Người chưa đăng nhập, có thể xem trang chủ, xem chi tiết câu hỏi, tra cứu thư viện câu hỏi (FAQ), xem danh sách tư vấn viên, xem tin tức, đăng ký, đăng nhập và khôi phục mật khẩu.
• Người dùng (User): Sinh viên, cựu sinh viên, phụ huynh đã có tài khoản; được phép đặt câu hỏi, xem thông báo, xem lịch sử câu hỏi đã hỏi, yêu thích câu hỏi, sửa thông tin cá nhân, đổi mật khẩu và nhắn tin tư vấn trực tiếp.
• Tư vấn viên (Counsellor): Giảng viên hoặc sinh viên được chỉ định; có nhiệm vụ xem danh sách câu hỏi chờ theo lĩnh vực đảm nhận, trả lời công khai hoặc qua tin nhắn, xem feedback kiểm duyệt và chuyển tiếp câu hỏi.
• Trưởng nhóm (Department Head): Quản lý tư vấn viên của khoa, quản lý danh mục lĩnh vực của khoa, duyệt hoặc từ chối câu trả lời kèm phản hồi, quản lý thư viện câu hỏi FAQ và gửi nhắc nhở cho tư vấn viên.
• Giám sát viên (Supervisor): Theo dõi số liệu thống kê toàn hệ thống và gửi nhắc nhở đến các khoa.
• Quản trị viên (Admin): Quản lý toàn bộ danh sách các khoa, quản lý người dùng hệ thống, phân phối nhân sự, chỉ định trưởng nhóm, quản lý tin tức và xem thống kê tổng thể.

2. Bộ công nghệ MERN Stack và React Native được phân bổ ra sao trong kiến trúc hệ thống?

Các công nghệ được tích hợp chặt chẽ theo mô hình Full-stack JavaScript:

• MongoDB: Cơ sở dữ liệu NoSQL lưu trữ toàn bộ dữ liệu dưới dạng tài liệu BSON linh hoạt, không yêu cầu schema cố định.
• Express.js: Framework chạy trên Node.js đóng vai trò backend, cung cấp hệ thống định tuyến (routing), xử lý middleware và xây dựng các API RESTful.
• Node.js: Môi trường thực thi JavaScript phía máy chủ theo mô hình non-blocking I/O và hướng sự kiện.
• React (React.js): Xây dựng giao diện ứng dụng web Single Page Application cho người dùng và các cấp quản trị.
• React Native: Xây dựng ứng dụng di động đa nền tảng (Android và iOS), chia sẻ logic và kết nối chung hệ thống API backend với web.

3. Quy trình tiếp nhận và kiểm duyệt câu trả lời diễn ra theo các bước nào?

Theo lược đồ tuần tự tại Chương 4, quy trình được vận hành qua hai giai đoạn:

1. Khi sinh viên đặt câu hỏi, câu hỏi được hệ thống gán vào đúng khoa và lĩnh vực chuyên môn. Tư vấn viên phụ trách lĩnh vực đó sẽ tiếp nhận câu hỏi từ danh sách chờ và soạn nội dung trả lời (trả lời công khai hoặc trả lời qua tin nhắn).
2. Sau khi tư vấn viên hoàn thành, câu trả lời sẽ chuyển sang trạng thái chờ duyệt. Trưởng nhóm của khoa tiến hành xem chi tiết nội dung:
   • Nếu nội dung đạt yêu cầu, Trưởng nhóm thực hiện hành động "Đồng ý duyệt" (DEP-DYD) để câu trả lời chính thức hiển thị công khai trên hệ thống.
   • Nếu nội dung chưa đạt yêu cầu, Trưởng nhóm thực hiện hành động "Không đồng ý duyệt" (DEP-KDYD) và gửi kèm nội dung phản hồi (feedback) giải thích lý do để tư vấn viên tiếp nhận và chỉnh sửa lại.

4. Đề tài đặt ra những chỉ tiêu kỹ thuật phi chức năng cụ thể nào về hiệu năng và bảo mật?

Theo Bảng 2.3 của đồ án, các tiêu chuẩn phi chức năng được lượng hóa cụ thể gồm:

• Tốc độ tải trang hiển thị danh sách câu hỏi và tốc độ gửi câu hỏi lên hệ thống không được vượt quá 3 giây.
• Tốc độ thực thi tác vụ tìm kiếm câu hỏi theo tiêu đề không được vượt quá 3 giây.
• Thời gian hệ thống tạo và gửi mã xác thực OTP qua email phục vụ chức năng khôi phục mật khẩu không được vượt quá 60 giây.
• Yêu cầu về độ chính xác: Câu hỏi phải được phân phối chính xác theo khoa và chuyển đến đúng tư vấn viên có chuyên môn tương ứng.

5. Tiến độ thực hiện đồ án đã trải qua các giai đoạn nào theo kế hoạch của nhóm tác giả?

Đề tài được tiến hành trong thời gian từ ngày 19/03/2024 đến ngày 11/07/2024 qua 10 giai đoạn công việc:

1. 19/03/2024 – 26/03/2024: Nghiên cứu cơ sở lý thuyết MVC, React, MongoDB, React Native, Node.js.
2. 10/04/2024 – 18/04/2024: Viết đề cương chi tiết cho đề tài.
3. 18/04/2024 – 22/04/2024: Tiến hành khảo sát, phân tích hiện trạng và phân tích yêu cầu hệ thống.
4. 23/04/2024 – 01/05/2024: Thiết kế cơ sở dữ liệu trên MongoDB và thiết kế giao diện mẫu.
5. 02/05/2024 – 10/05/2024: Dựng mã nguồn, cấu hình database và hoàn thành chức năng đăng nhập.
6. 11/05/2024 – 20/05/2024: Xây dựng trang chủ và các chức năng quản trị của Quản trị viên.
7. 21/05/2024 – 30/05/2024: Hoàn thành các chức năng quản trị của Trưởng nhóm.
8. 10/06/2024 – 20/06/2024: Xây dựng các chức năng trả lời câu hỏi và trả lời qua tin nhắn của Tư vấn viên.
9. 21/06/2024 – 29/06/2024: Xây dựng chức năng đặt câu hỏi và nhắn tin trao đổi cho Người dùng.
10. 29/06/2024 – 11/07/2024: Viết báo cáo tốt nghiệp và tiến hành kiểm thử toàn diện hệ thống.

Kết luận

Đồ án tốt nghiệp "Xây dựng hệ thống tư vấn sinh viên sử dụng MERN Stack" của sinh viên Trần Nhật Hào và Trần Thanh Phương đã giải quyết trọn vẹn mục tiêu số hóa kênh hỗ trợ thông tin học đường tại môi trường đại học. Thông qua việc làm chủ bộ công nghệ Full-stack JavaScript gồm MongoDB, Express.js, React, Node.js kết hợp cùng React Native, đề tài đã phát triển thành công một hệ thống phần mềm đa nền tảng (Web và Mobile) với quy trình kiểm duyệt chất lượng 2 cấp chặt chẽ và phân định quyền hạn khoa học cho 6 nhóm tác nhân. Toàn bộ công trình thể hiện tính chuẩn mực cao về phương pháp luận kỹ thuật phần mềm, từ phân tích yêu cầu, mô hình hóa use case, thiết kế lược đồ tuần tự đến cài đặt thử nghiệm, mang lại giá trị tham khảo thiết thực cho việc nghiên cứu và ứng dụng công nghệ thông tin trong quản lý giáo dục.

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

PHẦN MỞ ĐẦU 1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI Trong thời đại phát triển của công nghệ thông tin, việc ứng dụng công nghệ vào các lĩnh vực của đời sống xã hội ngày càng trở nên phổ biến, trong đó có lĩnh vực giáo dục. Việc xây dựng hệ thống tư vấn sinh viên là một giải pháp hữu ích, giúp nâng cao chất lượng đào tạo, hỗ trợ sinh viên học tập và phát triển toàn diện. Hệ thống tư vấn sinh viên bao gồm ứng dụng Website và di động, nơi không chỉ sinh viên mà còn có cựu sinh viên, phụ huynh, học sinh có thể đặt câu hỏi cho ban tư vấn hệ thống là các giảng viên của nhà trường, sinh viên được chọn làm tư vấn viên và nhận được phản hồi từ họ về các vấn đề liên quan đến học tập và ngoài việc học tập.

Hệ thống có thể giúp giải quyết các vấn đề và mang lại những lợi ích to lớn. Hệ thống cung cấp cho sinh viên các lĩnh vực để có thể xin tư vấn tùy theo thắc mắc của sinh viên,. Qua đó, hệ thống giúp sinh viên có thể nhận câu hỏi từ những giảng viên có hiểu biết về lĩnh vực và nhận được câu trả lời đúng đắn. Hệ thống giúp giảng viên giải đáp thắc mắc của sinh viên một cách nhanh chóng, giảm tải số lượng sinh viên đến trực tiếp các phòng chức năng để hỏi các vấn đề từ đó giảm tải áp lực cho đội tư vấn truyền thống của nhà trường.

Hệ thống tư vấn sinh viên là một giải pháp hiệu quả, góp phần nâng cao chất lượng đào tạo, hỗ trợ sinh viên học tập và phát triển toàn diện. Do đó chúng em quyết định thực hiện đề tài : “Xây dựng hệ thống tư vấn sinh viên sử dụng MERN Stack” 2. MỤC TIÊU ĐỀ TÀI Xây dựng hệ thống tư vấn cho sinh viên. Vận dụng MERN Stack để xây dựng hệ thống.

PHƯƠNG PHÁP THỰC HIỆN Tìm hiểu các kiến thức cần thiết để thực hiện đề tài: - Các kỹ thuật phân tích thiết kế hệ thống: o Thiết kế cơ sở dữ liệu: Các kiến thức về thiết kế cơ sở dữ liệu NoSQL như MongoDB, bao gồm cách thiết kế schema-less và tối ưu hóa truy vấn. 18 PHẦN MỞ ĐẦU o Thiết kế API: Phân tích và thiết kế các API RESTful hoặc GraphQL để giao tiếp giữa frontend và backend. - Tìm hiểu các framework và thư viện chính cho đề tài: o Express.js: Cụ thể, hiểu về cách Express.js hoạt động như một framework backend cho Node.js, cách xử lý middleware và routing trong ứng dụng. o React và React Native: ▪ React (cho ứng dụng web): Hiểu về cách sử dụng React để xây dựng giao diện người dùng, cách sử dụng component, JSX và viết các ứng dụng đơn trang (Single Page Applications - SPAs).

▪ React Native (cho ứng dụng di động): Tìm hiểu cách sử dụng React Native để phát triển ứng dụng di động đa nền tảng, bao gồm cấu trúc dự án, component và các thư viện hỗ trợ. - Công cụ và kỹ năng khác: o Git và GitHub: Quản lý mã nguồn và phiên bản, làm việc nhóm. 19 CƠ SỞ LÝ THUYẾT PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1. MERN Stack là gì ? Hình 1.1: MERN Stack [1] MERN Stack là một bộ công nghệ phổ biến được sử dụng để phát triển các ứng dụng web hiện đại, bao gồm cả frontend và backend.

MERN là từ viết tắt của bốn công nghệ chính: - MongoDB: Một cơ sở dữ liệu NoSQL phổ biến, lưu trữ dữ liệu dưới dạng tài liệu (document) thay vì các bảng như trong các hệ quản trị cơ sở dữ liệu quan hệ (RDBMS). MongoDB sử dụng định dạng BSON (Binary JSON) để lưu trữ dữ liệu, giúp truy xuất và xử lý dữ liệu nhanh chóng.js: Một framework cho Node.js, cung cấp các tính năng mạnh mẽ để xây dựng các API và các ứng dụng web dễ dàng và nhanh chóng.js giúp tổ chức và quản lý các chức năng của ứng dụng web thông qua routing và middleware. - React: Một thư viện JavaScript được sử dụng để xây dựng giao diện người dùng (UI) cho các ứng dụng web. React cho phép tạo ra các component UI tái sử dụng, giúp quản lý trạng thái và dữ liệu dễ dàng hơn.js: Một môi trường thực thi JavaScript trên máy chủ, cho phép sử dụng JavaScript để phát triển các ứng dụng phía server.js sử dụng mô hình non- blocking và event-driven, giúp xử lý nhiều yêu cầu cùng lúc một cách hiệu quả.

Tại sao nên chọn MERN Stack ? Tiết kiệm chi phí khi xây dựng: - JavaScript: Cả bốn công nghệ trong MERN Stack (MongoDB, Express.js, React, Node.js) đều dựa trên JavaScript, giúp giảm chi phí đào tạo và thuê mướn lập trình viên vì chỉ cần một ngôn ngữ duy nhất cho cả frontend và backend. - Mã nguồn mở: Tất cả các công nghệ trong MERN Stack đều là mã nguồn mở, giúp giảm chi phí mua sắm công cụ và phần mềm. Thân thiện với SEO: - Ứng dụng web xây dựng bằng React.js có thể được cấu hình để dễ dàng thu thập thông tin bởi các công cụ tìm kiếm như Google, Yahoo. Điều này giúp cải thiện khả năng tìm kiếm và xếp hạng trang web.

Hiệu suất cao: - Faster Response: Node.js và MongoDB kết hợp với nhau giúp cải thiện tốc độ phản hồi giữa frontend và backend, giúp ứng dụng chạy mượt mà và nhanh chóng. - Non-blocking I/O: Node.js sử dụng mô hình asynchronous I/O và non-blocking, giúp xử lý nhiều yêu cầu cùng một lúc một cách hiệu quả. Bảo mật tốt hơn: - Các ứng dụng xây dựng bằng MERN Stack có thể tích hợp dễ dàng với các nhà cung cấp dịch vụ hosting bảo mật. Ngoài ra, các công cụ bảo mật của MongoDB và Node.js cũng giúp bảo vệ ứng dụng khỏi các mối đe dọa từ Internet.

Tốc độ phát triển nhanh: - Fast Delivery: Sử dụng MERN Stack giúp rút ngắn thời gian phát triển và triển khai ứng dụng, từ đó giúp đưa sản phẩm đến tay khách hàng nhanh hơn. - Fast Modifications: Các công nghệ trong MERN Stack hỗ trợ việc thay đổi và cập nhật ứng dụng một cách nhanh chóng và dễ dàng theo yêu cầu của khách hàng. Mã nguồn mở và cộng đồng hỗ trợ mạnh mẽ: 21 CƠ SỞ LÝ THUYẾT - Tất cả các công nghệ trong MERN Stack đều là mã nguồn mở, cung cấp một lượng lớn tài liệu và cộng đồng hỗ trợ, giúp lập trình viên dễ dàng tìm kiếm giải pháp cho các vấn đề phát sinh trong quá trình phát triển. Dễ dàng chuyển đổi giữa client và server: - Do tất cả các công nghệ đều sử dụng JavaScript, việc chuyển đổi và tích hợp giữa front-end và back-end trở nên dễ dàng và mượt mà hơn.

Cấu trúc kiến trúc của MERN Stack và cách nó hoạt động? [1] Cấu trúc kiến trúc của MERN Stack bao gồm bốn thành phần chính: MongoDB, Express.js, React và Node. Đây là các công nghệ phổ biến và mạnh mẽ được sử dụng để phát triển ứng dụng web và di động toàn diện. Hãy đi vào từng thành phần và cách chúng hoạt động cùng nhau trong kiến trúc MERN Stack: - [5] MongoDB (Database): o MongoDB là một hệ quản trị cơ sở dữ liệu NoSQL, dữ liệu được lưu trữ dưới dạng các tài liệu (documents) dựa trên BSON (Binary JSON). o MongoDB không yêu cầu một cấu trúc schema cố định, cho phép linh hoạt trong việc lưu trữ dữ liệu và thích ứng với các thay đổi cấu trúc dữ liệu.

o Dữ liệu trong MongoDB được tổ chức thành các bộ sưu tập (collection) và các tài liệu (document) không cần phải tuân thủ một mô hình quan hệ như các hệ quản trị cơ sở dữ liệu quan hệ (RDBMS).js là một framework phổ biến cho Node.js, cung cấp một cách tiếp cận đơn giản để xây dựng các ứng dụng web và API.js giúp quản lý các yêu cầu HTTP và các middleware, cho phép xử lý các yêu cầu từ phía client và cung cấp các phản hồi tương ứng. o Nó cho phép xử lý định tuyến (routing) và middleware để điều hướng và xử lý các yêu cầu HTTP từ client đến server. - React (Frontend): o [2] React cho Web: 22 CƠ SỞ LÝ THUYẾT ▪ React cho phép phân chia giao diện thành các thành phần độc lập gọi là component. Mỗi component quản lý một phần của giao diện và có thể tái sử dụng trong nhiều nơi khác nhau trong ứng dụng.

▪ Nó sử dụng JSX (JavaScript XML), một cú pháp mở rộng của JavaScript, để kết hợp mã HTML với JavaScript. JSX giúp việc viết mã giao diện trở nên đơn giản hơn và dễ hiểu hơn so với việc sử dụng các phương pháp truyền thống. ▪ React sử dụng virtual DOM (Document Object Model) để tối ưu hóa hiệu suất render giao diện, chỉ render lại những thành phần thay đổi thực sự thay vì render lại toàn bộ DOM, giúp tăng tốc độ và hiệu quả của ứng dụng web. o [3] React Native cho Mobile: ▪ React Native là một framework cho phép phát triển ứng dụng di động sử dụng JavaScript và React.

▪ Nó cho phép lập trình viên sử dụng các thành phần React để xây dựng giao diện người dùng cho cả iOS và Android. ▪ React Native sử dụng các thành phần giao diện tương tự như React, nhưng thay vì render ra HTML, nó sử dụng các thành phần tương thích với giao diện người dùng native của từng hệ điều hành. ▪ Điểm mạnh của React Native là khả năng tái sử dụng mã nguồn giữa các nền tảng, giảm thiểu thời gian phát triển và chi phí bảo trì ứng dụng di động.js là một môi trường thực thi mã nguồn mở cho phép chạy JavaScript ngoài môi trường trình duyệt. o Nó được sử dụng để xây dựng các ứng dụng server-side và cung cấp các API để tương tác với cơ sở dữ liệu và các dịch vụ bên ngoài.js sử dụng mô hình không đồng bộ (asynchronous) và không chặn (non-blocking) để xử lý nhiều yêu cầu cùng một lúc một cách hiệu quả.

Các thành phần của MERN Stack MERN Stack là một công nghệ stack bao gồm các thành phần chính sau: 23 CƠ SỞ LÝ THUYẾT - [5] MongoDB: Hình 1.2: Mongo DB o MongoDB là một hệ quản trị cơ sở dữ liệu NoSQL (Non-SQL hoặc Not Only SQL) phổ biến. o Nó lưu trữ dữ liệu dưới dạng các tài liệu (document) có cấu trúc linh hoạt (schema-less). o MongoDB sử dụng BSON (Binary JSON) để lưu trữ dữ liệu, cho phép nó hoạt động nhanh và hiệu quả trong việc truy xuất và lưu trữ dữ liệu. o Được sử dụng cho lưu trữ dữ liệu của ứng dụng, MongoDB cung cấp tính mở rộng (scalability) tốt và có hỗ trợ các tính năng để nâng cao hiệu suất và độ tin cậy.3: Express JS o Express.js là một framework backend cho Node.js, được sử dụng để xây dựng các ứng dụng web và API.