Thiết kế và xây dựng website tuyển sinh Đại học

Đồ án tốt nghiệp CNTT: Thiết kế và xây dựng website tuyển sinh Trường Đại học Sư phạm Kỹ thuật TPHCM

• Tác giả: Nguyễn Duy Sơn
• Người hướng dẫn: PGS. Hoàng Văn Dũng
• 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: Thiết kế và xây dựng website tuyển sinh Đại học
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2025
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan về website tuyển sinh Đại học Sư phạm Kỹ thuật TPHCM

Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh là cơ sở đào tạo kỹ thuật trọng điểm. Hàng năm, trường đón nhận lượng lớn thí sinh nộp hồ sơ xét tuyển trực tuyến. Nhu cầu số hóa cổng thông tin tuyển sinh trở nên cấp thiết. Dự án thiết kế và xây dựng website tuyển sinh Đại học Sư phạm Kỹ thuật TPHCM đáp ứng mục tiêu chuyển đổi số giáo dục. Nền tảng cung cấp không gian tương tác liền mạch giữa thí sinh, phụ huynh và ban tuyển sinh. Hệ thống chuẩn hóa cơ sở dữ liệu các ngành đào tạo, đề án tuyển sinh và phương thức xét tuyển. Thí sinh theo dõi lịch trình nộp hồ sơ và kết quả xét tuyển nhanh chóng. Website vận hành ổn định giúp nâng cao uy tín thương hiệu của trường. Giao diện trực quan giảm thiểu sai sót trong khâu nhập liệu dữ liệu. Công tác tiếp nhận thông tin trở nên tự động và chính xác. Cán bộ quản lý tiết kiệm thời gian phân loại hồ sơ giấy tờ. Hệ thống hỗ trợ xử lý hàng chục nghìn lượt truy cập đồng thời trong mùa cao điểm tuyển sinh đại học.

1.1. Mục tiêu phát triển hệ thống tuyển sinh số

Hệ thống hướng đến mục tiêu đơn giản hóa quy trình đăng ký xét tuyển. Trang web hỗ trợ thí sinh tiếp cận thông tin tuyển sinh chính xác và minh bạch. Người dùng dễ dàng tra cứu mã ngành, chỉ tiêu và tổ hợp môn xét tuyển tương ứng. Quy trình tải hồ sơ diễn ra trực tuyến hoàn toàn qua cổng thông tin. Thí sinh không cần nộp hồ sơ bản cứng qua đường bưu điện như trước đây. Điều này giảm bớt chi phí đi lại và thời gian xử lý thủ tục hành chính. Hệ thống đồng thời cung cấp kênh thông báo trạng thái hồ sơ thời gian thực. Ban tuyển sinh kiểm soát dữ liệu ứng viên một cách đồng bộ và bảo mật.

1.2. Đối tượng phục vụ của cổng thông tin

Cổng thông tin phục vụ ba nhóm đối tượng chính trong kỳ tuyển sinh. Nhóm thứ nhất là thí sinh tự do và học sinh trung học phổ thông. Nhóm này sử dụng hệ thống để tìm hiểu đề án và nộp đơn dự tuyển. Nhóm thứ hai là phụ huynh học sinh cần tra cứu học phí cùng chính sách học bổng. Nhóm thứ ba là ban giám hiệu, giảng viên cùng cán bộ phụ trách công tác tuyển sinh. Cán bộ quản trị duyệt hồ sơ, xác thực văn bằng và xuất báo cáo thống kê định kỳ. Quyền hạn của mỗi nhóm được phân định rõ ràng trên phần mềm. Mô hình này đảm bảo an toàn dữ liệu và tối ưu hóa trải nghiệm người dùng.

II. Thách thức khi xây dựng website tuyển sinh Đại học Sư phạm Kỹ thuật

Công tác tuyển sinh truyền thống tại các trường đại học lớn thường đối mặt nhiều rào cản. Quy trình thủ công tạo áp lực nặng nề lên đội ngũ cán bộ tuyển sinh vào mỗi đợt xét tuyển. Hồ sơ bản giấy dễ thất lạc, hư hại hoặc sai lệch thông tin trong quá trình nhập liệu. Thí sinh ở xa gặp trở ngại khi phải nộp giấy tờ trực tiếp hoặc gửi qua bưu điện. Việc tra cứu tiến độ hồ sơ thường bị gián đoạn và thiếu tính cập nhật. Ngoài ra, lưu lượng truy cập trực tuyến tăng đột biến khi công bố điểm chuẩn hay hạn chót nộp hồ sơ. Các trang web máy chủ cũ thường xuyên gặp sự cố tắc nghẽn hoặc sập mạng hoàn toàn. Trải nghiệm người dùng kém dẫn đến tâm lý hoang mang cho phụ huynh và học sinh. Hơn nữa, việc phân mảnh cơ sở dữ liệu cản trở quá trình tổng hợp báo cáo. Cán bộ quản lý khó trích xuất số liệu thống kê kịp thời để đưa ra chỉ đạo tuyển sinh phù hợp. Nhu cầu giải quyết các nút thắt kỹ thuật này trở thành bài toán bắt buộc.

2.1. Hạn chế từ phương thức quản lý hồ sơ thủ công

Quy trình xử lý hồ sơ thủ công bộc lộ nhiều điểm yếu cố hữu. Cán bộ văn phòng tốn nhiều công sức để nhập dữ liệu từ giấy tờ vào bảng tính. Tỷ lệ sai sót thông tin cá nhân hoặc điểm học bạ tương đối cao. Việc lưu trữ kho tài liệu vật lý chiếm diện tích lớn và dễ bị ẩm mốc. Khi thí sinh liên hệ kiểm tra trạng thái, nhân viên phải tìm kiếm qua nhiều sổ sách lưu trữ. Thời gian phản hồi kéo dài gây bức xúc cho người dự tuyển. Hơn thế nữa, tính bảo mật hồ sơ thông tin cá nhân chưa được bảo đảm nghiêm ngặt. Những hạn chế này đòi hỏi phải có giải pháp công nghệ thay thế toàn diện.

2.2. Vấn đề nghẽn mạng và phân tán dữ liệu

Vào các đợt cao điểm nộp nguyện vọng, máy chủ nhà trường phải xử lý hàng trăm nghìn truy vấn mỗi giờ. Kiến trúc hệ thống nguyên khối truyền thống dễ rơi vào tình trạng quá tải tài nguyên. Thời gian phản hồi trang bị trễ nghiêm trọng khiến thao tác đăng ký của thí sinh bị gián đoạn. Bên cạnh đó, các phòng ban chuyên môn lưu trữ dữ liệu phân tán trên nhiều hệ thống độc lập. Dữ liệu thí sinh không đồng nhất giữa cổng thông tin và phòng đào tạo. Sự thiếu đồng bộ cản trở công tác lọc ảo và xác nhận nhập học. Đội ngũ kỹ thuật cần một cấu trúc phần mềm hiện đại để giải quyết triệt để vấn đề này.

III. Giải pháp thiết kế website tuyển sinh Đại học Sư phạm Kỹ thuật

Đồ án đề xuất giải pháp kiến trúc phân tầng hiện đại kết hợp ReactJS và NodeJS. Giao diện người dùng xây dựng bằng ReactJS giúp tối ưu hóa hiệu năng render. Thư viện này chia nhỏ giao diện thành các Component độc lập và dễ tái sử dụng. Cú pháp JSX giúp lập trình viên viết mã HTML trực quan trong JavaScript. Thao tác lọc ngành xét tuyển và tra cứu diện xét tuyển phản hồi gần như tức thì. Phía máy chủ, nền tảng NodeJS vận hành trên môi trường V8 JavaScript Engine mạnh mẽ. Cơ chế xử lý bất đồng bộ non-blocking I/O đáp ứng khối lượng truy vấn lớn đồng thời. Hệ thống tích hợp cơ sở dữ liệu quan hệ bảo đảm tính toàn vẹn thông tin ứng viên. Giao tiếp giữa front-end và back-end diễn ra an toàn qua chuẩn RESTful API. Cơ chế phân quyền chi tiết phân loại rõ rệt giữa thí sinh vãng lai và quản trị viên. Giải pháp này giúp trang web vận hành mượt mà ngay cả trong khung giờ cao điểm.

3.1. Ứng dụng ReactJS xây dựng giao diện tương tác

ReactJS đóng vai trò chủ chốt trong việc tạo lập giao diện phía người dùng. Thư viện cung cấp kiến trúc hướng thành phần linh hoạt. Mỗi khối như thanh điều hướng, bảng tìm kiếm hay form đăng ký đều là một component riêng biệt. Kỹ thuật Virtual DOM tăng tốc độ hiển thị và tiết kiệm tài nguyên trình duyệt. Nhờ đó, thí sinh chuyển đổi giữa các trang thông tin tuyển sinh mượt mà mà không phải tải lại toàn bộ trang web. Ngoài ra, JSX hỗ trợ cấu trúc mã nguồn sáng sủa và dễ bảo trì. Khả năng tái sử dụng component giúp rút ngắn chu kỳ phát triển phần mềm đáng kể. Giao diện thích ứng tốt trên cả máy tính lẫn thiết bị di động.

3.2. Triển khai NodeJS và thiết kế Use Case hệ thống

Back-end sử dụng NodeJS làm nền tảng xử lý logic nghiệp vụ trung tâm. Cơ chế hướng sự kiện giúp máy chủ quản lý hàng loạt kết nối mạng cùng lúc. Hệ thống thiết lập các use case rõ ràng theo từng phân quyền chức năng. Đối với thí sinh vãng lai, hệ thống cung cấp use case tìm kiếm ngành xét tuyển và xem diện tuyển sinh. Đối với thí sinh đăng ký, hệ thống bổ sung chức năng quản lý hồ sơ và theo dõi tiến độ xét duyệt. Cán bộ quản lý sử dụng các use case xác thực và tổng hợp dữ liệu. Cấu trúc use case chặt chẽ giúp luồng dữ liệu luôn thông suốt và an toàn.

IV. Đánh giá hiệu quả website tuyển sinh Đại học Sư phạm Kỹ thuật

Hệ thống website tuyển sinh mang lại giá trị thực tiễn to lớn cho nhà trường và thí sinh. Quá trình vận hành thử nghiệm chứng minh nền tảng xử lý ổn định khối lượng lớn hồ sơ nộp vào. Tốc độ tìm kiếm thông tin ngành học diễn ra dưới một giây. Tỷ lệ sai sót trong thông tin cá nhân và điểm xét tuyển giảm đáng kể so với phương thức cũ. Thí sinh theo dõi trạng thái hồ sơ minh bạch ở mọi thời điểm. Ban tuyển sinh tiết kiệm hàng trăm giờ lao động hành chính và giảm thiểu chi phí in ấn tài liệu. Các báo cáo thống kê nguyện vọng được khởi tạo tức thì qua giao diện quản trị. Nhà trường dễ dàng dự báo điểm chuẩn và điều chỉnh chỉ tiêu linh hoạt theo thực tế. Đồ án khẳng định tính khả thi của việc ứng dụng công nghệ mã nguồn mở trong số hóa giáo dục đại học. Nền tảng tạo tiền đề vững chắc cho việc tích hợp thêm các dịch vụ công trực tuyến trong tương lai.

4.1. Lợi ích đối với công tác quản lý tuyển sinh

Website tuyển sinh tạo nên bước đột phá trong khâu quản lý thông tin nhà trường. Cán bộ tuyển sinh kiểm soát toàn bộ cơ sở dữ liệu trên một hệ thống tập trung. Khả năng phân quyền theo vai trò giúp phân chia công việc rõ ràng giữa các tổ nghiệp vụ. Chức năng xác minh hồ sơ trực tuyến giảm tải áp lực tại phòng tiếp nhận hồ sơ trực tiếp. Số liệu thống kê được biểu diễn trực quan qua biểu đồ số liệu thời gian thực. Ban lãnh đạo dễ dàng theo dõi số lượng hồ sơ nộp vào từng ngành cụ thể. Nhờ vậy, quyết định tuyển sinh được đưa ra nhanh chóng và chuẩn xác dựa trên dữ liệu thực tế.

4.2. Hướng phát triển và mở rộng trong tương lai

Hệ thống mở ra nhiều tiềm năng phát triển trong các giai đoạn tiếp theo. Đội ngũ phát triển có thể tích hợp thêm cổng thanh toán lệ phí trực tuyến. Việc liên thông cơ sở dữ liệu quốc gia về dân cư sẽ nâng cao độ chuẩn xác khi xác minh danh tính. Ngoài ra, tích hợp trí tuệ nhân tạo để tư vấn chọn ngành tự động là hướng đi tiềm năng. Chatbot thông minh có thể giải đáp thắc mắc của thí sinh liên tục 24/7. Ứng dụng di động trên nền tảng React Native cũng là bước tiến hợp lý để tăng cường kết nối. Những cải tiến này sẽ hoàn thiện hệ sinh thái số cho nhà trường.

Nội dung chính

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

Đề tài "Thiết kế và xây dựng website tuyển sinh Đại học" được thực hiện trong bối cảnh toàn ngành giáo dục đang đẩy mạnh ứng dụng công nghệ thông tin và chuyển đổi số. Cụ thể, theo 12 nhiệm vụ, giải pháp trọng tâm năm học 2024-2025 của ngành Giáo dục, nhiệm vụ số 9 đã xác định rõ: "Đẩy mạnh chuyển đổi số, cải cách hành chính trong toàn ngành: Tăng cường ứng dụng công nghệ thông tin và chuyển đổi số trong giáo dục và đào tạo giai đoạn 2022 - 2025, định hướng đến năm 2030". Nhu cầu thay thế quy trình tuyển sinh truyền thống bằng các hệ thống trực tuyến trở thành yêu cầu cấp thiết nhằm giúp các cơ sở giáo dục đại học tiếp cận thí sinh tiềm năng, đồng thời chuẩn hóa quy trình tiếp nhận và xử lý hồ sơ một cách nhanh chóng, minh bạch và tiết kiệm chi phí.

Mục tiêu nghiên cứu của đồ án bao gồm 4 nội dung cụ thể:

1. Xây dựng một hệ thống website tuyển sinh đại học thân thiện với người dùng, đáp ứng đầy đủ các yêu cầu tính năng và bảo mật.
2. Tăng cường khả năng tiếp cận thông tin cho các thí sinh, giảm thiểu thời gian và chi phí cho quá trình tuyển sinh.
3. Cải thiện trải nghiệm của người dùng với giao diện trực quan, dễ sử dụng.
4. Tạo điều kiện thuận lợi cho việc quản lý và theo dõi quá trình tuyển sinh từ phía nhà trường.

Để đạt được các mục tiêu trên, đề tài xác định 4 nhiệm vụ trọng tâm:

1. Phân tích yêu cầu: Nghiên cứu và xác định yêu cầu của hệ thống website tuyển sinh đại học trong bối cảnh chuyển đổi số giáo dục.
2. Thiết kế hệ thống: Xây dựng kiến trúc hệ thống tuyển sinh đại học với đầy đủ chức năng và phân quyền truy cập theo vai trò.
3. Phát triển ứng dụng: Triển khai hệ thống sử dụng các công nghệ ReactJS, NodeJS để xây dựng nền tảng cho người quản lý, người kiểm duyệt và thí sinh xét tuyển.
4. Kiểm thử: Thực hiện kiểm thử toàn diện trên các thành phần (giao diện web, API) để đảm bảo hệ thống hoạt động ổn định, đáp ứng yêu cầu và bảo mật thông tin.

Đối tượng nghiên cứu của đồ án tập trung vào công nghệ lập trình (MySQL, ExpressJS, ReactJS, NodeJS) và quy trình thiết kế kiến trúc hệ thống website tuyển sinh (cấu trúc thư mục, quy tắc tổ chức mã nguồn, phân quyền người dùng). Phạm vi không gian nghiên cứu gắn liền với hoạt động tuyển sinh tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh. Thời gian thực hiện đồ án kéo dài từ tháng 01/2025 đến tháng 06/2025.

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

Khung lý thuyết và công nghệ được tác giả sử dụng làm nền tảng phát triển hệ thống bao gồm:

• Ngôn ngữ lập trình JavaScript: Ngôn ngữ kịch bản đa nền tảng, chạy trên các trình duyệt và môi trường máy chủ, hỗ trợ xử lý tương tác động và kiểm soát hành vi giao diện người dùng.
• Thư viện ReactJS: Thư viện JavaScript mã nguồn mở được Meta phát triển, xây dựng giao diện người dùng dựa trên các thành phần (Component gồm Function Component và Class Component) có khả năng tái sử dụng cao, kết hợp cùng cú pháp mở rộng JSX giúp thao tác với DOM hiệu quả.
• Môi trường chạy NodeJS: Nền tảng thực thi JavaScript phía máy chủ xây dựng trên nền V8 Engine của Google Chrome. NodeJS sở hữu các đặc tính: xử lý bất đồng bộ và hướng sự kiện (asynchronous and event-driven), đơn luồng (single-thread) nhưng có khả năng mở rộng cao, không sử dụng bộ đệm (non-buffering), cho phép xây dựng các dịch vụ mạng và RESTful API với hiệu năng cao.
• Framework ExpressJS: Khung ứng dụng web tối giản xây dựng trên NodeJS, hỗ trợ phát triển theo mô hình MVC (Model-View-Controller), cung cấp hệ thống định tuyến (routing) mạnh mẽ, các phương thức HTTP và cơ chế Middleware phục vụ xử lý yêu cầu và xây dựng API.
• Hệ quản trị cơ sở dữ liệu MySQL: Sử dụng để lưu trữ dữ liệu có cấu trúc phục vụ toàn bộ các phân hệ quản lý hồ sơ, điểm xét tuyển và tài khoản.

Phương pháp nghiên cứu được tác giả triển khai kết hợp 4 phương pháp cụ thể:

• Phương pháp nghiên cứu tài liệu: Thu thập, nghiên cứu các tài liệu kỹ thuật về công nghệ web hiện đại, các mô hình hệ thống tuyển sinh trực tuyến hiện hành và xu hướng thiết kế giao diện UI/UX.
• Phương pháp phỏng vấn và khảo sát: Tiến hành lấy ý kiến thực tế từ thí sinh và cán bộ tuyển sinh nhằm xác định nhu cầu, kỳ vọng và các điểm nghẽn trong quá trình nộp, duyệt hồ sơ.
• Phương pháp phân tích và thiết kế hệ thống: Sử dụng các công cụ mô hình hóa để đặc tả yêu cầu, xây dựng biểu đồ Use Case, biểu đồ tuần tự (Sequence Diagram) và biểu đồ lớp (Class Diagram).
• Phương pháp thử nghiệm và đánh giá: Xây dựng phiên bản thử nghiệm của website, tiến hành kiểm thử tích hợp (integration test) trên các giao diện và API nhằm tối ưu hóa và chỉnh sửa lỗi trước khi hoàn thiện.

Nguồn dữ liệu của nghiên cứu xuất phát từ việc khảo sát thực tế 3 cổng thông tin tuyển sinh đại học tại TP. Hồ Chí Minh: Trường Đại học Sư phạm Kỹ thuật TP.HCM (tuyensinh.vn và xettuyen.vn/home), Trường Đại học Bách khoa TP.HCM (hcmut.vn/tuyen-sinh-dh/dai-hoc-chinh-quy), và Trường Đại học Công nghiệp TP.HCM (tuyensinh.vn).

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình phân quyền chặt chẽ dựa trên 4 nhóm tác nhân (Actors): Thí sinh vãng lai (TSVL), Thí sinh xét tuyển (TSXT), Kiểm duyệt viên (KDV), và Người quản lý (ADMIN).

Nhóm tác nhân	Phạm vi quyền hạn tra cứu	Phạm vi quyền hạn lưu trữ và cập nhật
Thí sinh vãng lai (TSVL)	Xem danh sách ngành, xem chi tiết ngành, xem diện xét tuyển, xem khối xét tuyển, tìm kiếm ngành theo tên/mã.	Không có quyền lưu trữ (chỉ thao tác đăng ký tài khoản).
Thí sinh xét tuyển (TSXT)	Tra cứu ngành, diện, khối; xem kết quả xét tuyển, trạng thái hồ sơ, danh sách nguyện vọng đã đăng ký.	Đăng ký xét tuyển, cập nhật thông tin cá nhân, cập nhật quá trình học tập THPT, nhập điểm học bạ, tải lên hồ sơ minh chứng ảnh.
Kiểm duyệt viên (KDV)	Xem danh sách hồ sơ đăng ký, xem chi tiết từng thành phần hồ sơ thí sinh.	Thực hiện đánh giá hồ sơ, duyệt hoặc từ chối thông tin hồ sơ.
Người quản lý (ADMIN)	Tra cứu người dùng, khối, diện, ngành, khu vực, chỉ tiêu, đối tượng, phân quyền, cổng tuyển sinh, danh sách trúng tuyển, báo cáo thống kê.	Thêm mới, chỉnh sửa toàn bộ dữ liệu danh mục hệ thống; phân quyền quản trị theo ngành; thực hiện xét duyệt nguyện vọng (xác định đậu/rớt).

Kiến trúc triển khai kỹ thuật:

• Phía Front-end: Triển khai bằng ReactJS, xây dựng các màn hình giao diện đáp ứng (responsive), tích hợp quy trình xác thực người dùng 3 bước qua mã OTP gửi về email cá nhân (áp dụng cho quy trình Đăng ký tài khoản và Quên mật khẩu).
• Phía Back-end: Triển khai bằng NodeJS kết hợp framework ExpressJS, thiết lập hệ thống định tuyến API, các tầng Middleware xử lý logic nghiệp vụ, phân quyền tài khoản và kết nối với cơ sở dữ liệu quan hệ MySQL.
• Tiêu chuẩn phi chức năng: Hệ thống đặt ra yêu cầu thời gian cung cấp kết quả tìm kiếm phải hoàn thành trong vòng tối đa 15 giây, đồng thời đảm bảo độ thân thiện, đơn giản và tính tiện dụng của các thao tác nộp hồ sơ.

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

Chương 1: Khảo sát hiện trạng

Chương này tập trung phân tích thực trạng cổng thông tin và quy trình tuyển sinh trực tuyến của ba trường đại học lớn tại TP.HCM:

• Trường Đại học Sư phạm Kỹ thuật TP.HCM: Sở hữu giao diện trực quan, thông tin chi tiết và có công cụ tra cứu điểm. Tuy nhiên, việc vận hành song song hai website riêng biệt (tuyensinh.vn để đăng tải thông tin và xettuyen.vn/home để nộp hồ sơ) gây khó khăn cho người dùng; đồng thời việc bố trí thông tin tiêu chí xét tuyển còn nằm sâu trong các trang phụ.
• Trường Đại học Bách khoa TP.HCM: Giao diện có khả năng thích ứng tốt trên nhiều thiết bị (máy tính, điện thoại, máy tính bảng), cung cấp hướng dẫn rõ ràng cho thí sinh trong quá trình đăng nhập và nhập dữ liệu cá nhân, điểm học tập.
• Trường Đại học Công nghiệp TP.HCM: Bố cục chuyên nghiệp, cung cấp đầy đủ thông tin về phương thức xét tuyển và tra cứu điểm chuẩn các năm; tuy nhiên hệ thống còn thiếu các công cụ tương tác trực tiếp (như chatbot hoặc phản hồi tức thì) khi thí sinh gặp sự cố cần hỗ trợ.

Từ kết quả khảo sát, nhóm tác giả định hướng xây dựng một hệ thống website tích hợp, tối ưu hóa giao diện người dùng, đồng thời thiết lập danh sách chức năng phân định rành mạch cho 4 đối tượng người dùng.

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

Tác giả trình bày tổng quan lý thuyết về các công nghệ được lựa chọn trong dự án:

• Ngôn ngữ JavaScript: Lịch sử hình thành (phát triển trong 10 ngày bởi Brendan Eich, ban đầu có tên LiveScript/Mocha), vai trò chi phối trong phát triển ứng dụng web và khả năng thực thi kịch bản tương tác.
• ReactJS: Cấu trúc thư viện do Meta phát triển, cách thức kết hợp cú pháp JSX để thao tác DOM, phân biệt giữa Function Component và Class Component trong việc tái sử dụng giao diện người dùng.
• NodeJS: Nguyên lý hoạt động dựa trên V8 Engine của Google Chrome, các đặc tính bất đồng bộ, kiến trúc hướng sự kiện, mô hình đơn luồng giúp hệ thống có khả năng mở rộng quy mô mà không bị tắc nghẽn I/O.
• Framework ExpressJS: Cấu trúc framework tối giản trên NodeJS, khả năng định nghĩa routes, hỗ trợ các phương thức HTTP, thiết lập Middleware và hỗ trợ mô hình MVC để xây dựng hệ thống REST API.

Chương 3: Phân tích và mô hình hoá yêu cầu

Chương này cụ thể hóa toàn bộ yêu cầu nghiệp vụ của hệ thống thông qua các bảng mô tả và biểu mẫu chuẩn hóa:

• Hệ thống biểu mẫu dành cho Thí sinh xét tuyển (TSXT):
  • TSXT_01 (Biểu mẫu đăng ký xét tuyển): Khai báo Ngành xét tuyển, Diện xét tuyển, Khối xét tuyển.
  • TSXT_02 (Biểu mẫu thông tin xét tuyển): Khai báo đầy đủ họ tên, ngày sinh, giới tính, nơi sinh, số điện thoại, email thí sinh, email phụ huynh, số CCCD, ngày cấp, nơi cấp, địa chỉ thường trú (Tỉnh/Thành phố, Huyện/Quận, Xã/Phường, tên đường, số nhà) và địa chỉ nhận báo tin.
  • TSXT_03 (Biểu mẫu quá trình học tập): Khai báo thông tin Tỉnh/Thành phố, Huyện/Quận, Trường THPT của cả 3 năm lớp 10, lớp 11, lớp 12; năm tốt nghiệp (ràng buộc áp dụng đối với thí sinh tốt nghiệp THPT năm 2025) và đối tượng ưu tiên.
  • TSXT_04 (Biểu mẫu học bạ THPT): Khai báo điểm số chi tiết của từng môn học qua 5 học kỳ gồm: Học kỳ 1 Lớp 10, Học kỳ 2 Lớp 10, Học kỳ 1 Lớp 11, Học kỳ 2 Lớp 11, và Học kỳ 1 Lớp 12.
  • TSXT_05 (Biểu mẫu hồ sơ ảnh): Tải lên các tệp hình ảnh minh chứng bắt buộc gồm: Ảnh thẻ 3x4, Ảnh giấy khai sinh, Ảnh CCCD mặt trước, Ảnh CCCD mặt sau, Ảnh học bạ lớp 10, Ảnh học bạ lớp 11, và Ảnh học bạ lớp 12 - Học kỳ 1.
• Hệ thống biểu mẫu dành cho Quản trị viên (ADMIN): Gồm 9 biểu mẫu từ ADMIN_01 đến ADMIN_09 phục vụ việc thêm mới và cập nhật User, Khối tuyển sinh, Diện xét tuyển, Ngành xét tuyển, Khu vực ưu tiên, Chỉ tiêu, Đối tượng ưu tiên, Cổng tuyển sinh và Cập nhật phân quyền phụ trách theo mã ngành.
• Mô hình hóa Use Case: Xây dựng biểu đồ Use Case tổng thể và đặc tả chi tiết 9 ca sử dụng cơ bản (từ UC-1.1 đến UC-1.9) bao gồm các luồng sự kiện chính (Normal Flow), luồng thay thế (Alternative Flow) và các trường hợp ngoại lệ (Exception Flow) cho các tác vụ Đăng ký (xác thực OTP), Đăng nhập, Đăng xuất, Đổi mật khẩu, Quên mật khẩu (xác thực OTP), Xem danh sách ngành, Xem chi tiết ngành, Tìm kiếm ngành, và Xem diện xét tuyển.

Chương 4: Phân tích và thiết kế hệ thống

• Thiết kế lược đồ lớp: Xây dựng mô hình lược đồ lớp (Class Diagram) mô tả mối quan hệ giữa các thực thể người dùng, vai trò, hồ sơ xét tuyển, kết quả học bạ, ngành tuyển sinh, khối thi và các tiêu chí ưu tiên.
• Thiết kế giao diện: Trình bày chi tiết bản vẽ thiết kế cho toàn bộ hệ sinh thái giao diện gồm:
  • Phân hệ xác thực và bảo mật: Giao diện đăng nhập, quy trình đăng ký 3 bước (Đăng ký -> Xác thực OTP -> Hoàn tất đăng ký), quy trình quên mật khẩu 3 bước (Quên mật khẩu -> Xác thực OTP -> Hoàn tất đăng ký), màn hình đổi mật khẩu.
  • Phân hệ người dùng và thí sinh: Giao diện trang chủ, danh sách ngành, chi tiết ngành, diện xét tuyển, khối xét tuyển, form đăng ký nguyện vọng, trạng thái xử lý hồ sơ, màn hình nhập quá trình học tập, bảng nhập học bạ THPT và màn hình tải ảnh minh chứng.
  • Phân hệ kiểm duyệt: Màn hình bảng điều khiển của kiểm duyệt viên, giao diện duyệt thông tin cá nhân, duyệt quá trình học tập, duyệt bảng điểm học bạ và duyệt các tệp ảnh hồ sơ.
  • Phân hệ quản trị: Màn hình quản lý người dùng, quản trị khối, diện, ngành, khu vực ưu tiên, đối tượng ưu tiên, chỉ tiêu tuyển sinh, phân quyền quản trị theo ngành, đóng/mở cổng tuyển sinh, giao diện xử lý xét duyệt nguyện vọng và màn hình trích xuất báo cáo thống kê tuyển sinh hằng năm.

Chương 5: Cài đặt và kiểm thử

• Cài đặt hệ thống: Hiện thực hóa toàn bộ các giao diện phía Front-end bằng ReactJS và xây dựng các dịch vụ phía Back-end bằng ExpressJS/NodeJS kết nối cơ sở dữ liệu MySQL.
• Kế hoạch và quy trình kiểm thử: Triển khai kiểm thử API và kiểm thử tích hợp (integration test) trên toàn bộ hệ thống giao diện web, kiểm tra tính đúng đắn của việc xử lý dữ liệu biểu mẫu, kiểm tra tính toàn vẹn của luồng gửi nhận OTP và khả năng phản hồi tìm kiếm dữ liệu.

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

Đồ án ghi nhận các kết quả cụ thể đã hoàn thành theo văn bản báo cáo:

• Xây dựng thành công hệ thống website tuyển sinh hoàn chỉnh với đầy đủ các phân hệ chức năng tương ứng với 4 nhóm người dùng (TSVL, TSXT, KDV, ADMIN).
• Chuẩn hóa thành công cấu trúc cơ sở dữ liệu và biểu mẫu tiếp nhận hồ sơ xét tuyển học bạ 5 học kỳ (HK1, HK2 lớp 10; HK1, HK2 lớp 11; HK1 lớp 12) cùng cơ chế lưu trữ 7 loại hồ sơ ảnh số hóa.
• Tích hợp thành công cơ chế xác thực hai lớp qua mã OTP gửi về hòm thư điện tử (email) cho các chức năng đăng ký thành viên mới và thiết lập lại mật khẩu.
• Xây dựng chức năng quản trị hỗ trợ tính toán, xét duyệt nguyện vọng tự động (xác định trạng thái đậu/rớt của thí sinh dựa trên chỉ tiêu và điểm ưu tiên) và thống kê dữ liệu tuyển sinh hằng năm.

Đóng góp của đề tài:

• Về mặt khoa học: Đóng góp vào lĩnh vực nghiên cứu phát triển hệ thống thông tin, cụ thể là ứng dụng các công nghệ web hiện đại (ReactJS, NodeJS, ExpressJS, MySQL) vào công tác quản lý và số hóa quy trình giáo dục đại học.
• Về mặt thực tiễn: Khắc phục tình trạng phân mảnh giữa cổng thông tin và cổng xét tuyển (như thực tế tại trường Đại học Sư phạm Kỹ thuật TP.HCM đang tách thành 2 website), giúp quy trình tuyển sinh diễn ra tập trung, minh bạch, giảm thiểu thời gian và chi phí nộp hồ sơ cho thí sinh.

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

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

• Phạm vi xử lý dữ liệu tuyển sinh của hệ thống hiện tại chủ yếu tập trung phục vụ cho nhóm đối tượng thí sinh tốt nghiệp THPT năm 2025 (theo ràng buộc thiết kế tại biểu mẫu quá trình học tập TSXT_03).
• Hệ thống chưa tích hợp tính năng hỗ trợ tương tác trực tiếp hoặc chatbot tự động để giải đáp thắc mắc tức thì cho thí sinh (đây là điểm hạn chế từng được nhóm tác giả chỉ ra khi khảo sát hệ thống của Trường Đại học Công nghiệp TP.HCM).

Hướng nghiên cứu tiếp:

• Tiếp thu các ý kiến đánh giá, phản biện của hội đồng chuyên môn để tiến hành chỉnh sửa, tối ưu hóa mã nguồn và nâng cấp hệ thống.
• Nghiên cứu mở rộng tích hợp các kênh tương tác trực tuyến nhằm hỗ trợ tư vấn tuyển sinh đa kênh cho thí sinh trong các giai đoạn phát triển tiếp theo.

Giá trị tham khảo

Đồ án là tài liệu tham khảo phù hợp cho sinh viên chuyên ngành Công nghệ thông tin và Công nghệ phần mềm đang thực hiện các đồ án chuyên ngành hoặc khóa luận tốt nghiệp về xây dựng hệ thống thông tin quản lý trên nền tảng Web.

Những nội dung có giá trị tham khảo chuyên môn cao trong đồ án gồm:

• Quy trình phân tích, thiết kế hệ thống theo chuẩn công nghệ phần mềm: Từ bước khảo sát hiện trạng thực tế, lập danh sách yêu cầu nghiệp vụ, mô hình hóa Use Case, thiết kế lược đồ lớp cho đến thiết kế giao diện chi tiết.
• Hệ thống biểu mẫu nghiệp vụ tuyển sinh (TSXT_01 đến TSXT_05 và ADMIN_01 đến ADMIN_09): Đây là bộ khung tham khảo hữu ích cho việc xây dựng các bài toán thu thập, xử lý điểm học bạ và số hóa hồ sơ giấy tờ tùy thân.
• Giải pháp thiết kế luồng xác thực qua mã OTP email cho các bài toán phân quyền người dùng nhiều cấp độ.

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

1. Hệ thống phân chia người dùng thành những nhóm đối tượng nào và vai trò của từng nhóm ra sao? Hệ thống phân chia thành 4 nhóm tác nhân:

• Thí sinh vãng lai: Người dùng chưa có tài khoản, chỉ có quyền tra cứu thông tin ngành, khối, diện xét tuyển và thực hiện đăng ký tài khoản.
• Thí sinh xét tuyển: Người dùng đã đăng nhập tài khoản cá nhân, được phép tạo lập và cập nhật hồ sơ, nhập điểm học bạ, tải ảnh minh chứng, đăng ký nguyện vọng và theo dõi trạng thái hồ sơ, kết quả xét tuyển.
• Kiểm duyệt viên: Cán bộ có nhiệm vụ tra cứu danh sách hồ sơ, xem chi tiết từng thành phần dữ liệu và thực hiện thao tác duyệt hồ sơ.
• Người quản lý: Có quyền quản trị cao nhất, thực hiện thêm mới, chỉnh sửa toàn bộ các danh mục (User, Khối, Diện, Ngành, Khu vực ưu tiên, Chỉ tiêu, Đối tượng ưu tiên, Cổng tuyển sinh), phân quyền quản trị theo ngành, thực hiện xét duyệt nguyện vọng (đậu/rớt) và xem báo cáo thống kê.

2. Quá trình đăng ký tài khoản và khôi phục mật khẩu trên hệ thống được bảo mật như thế nào? Hệ thống áp dụng cơ chế xác thực 3 bước thông qua mã xác thực một lần (OTP) gửi về email của người dùng:

• Bước 1: Người dùng nhập địa chỉ email vào hệ thống.
• Bước 2: Hệ thống kiểm tra tính hợp lệ của email và gửi mã OTP, người dùng bắt buộc phải nhập chính xác mã OTP nhận được từ email để hệ thống xác thực.
• Bước 3: Sau khi xác thực OTP thành công, hệ thống mới chuyển hướng đến trang hoàn tất đăng ký (nhập họ tên và mật khẩu) hoặc trang đặt lại mật khẩu mới.

3. Thí sinh xét tuyển phải cung cấp những dữ liệu học tập và hồ sơ minh chứng nào theo thiết kế của đồ án? Theo các biểu mẫu TSXT_03, TSXT_04 và TSXT_05, thí sinh phải cung cấp:

• Quá trình học tập: Trường THPT, Huyện/Quận, Tỉnh/Thành phố của 3 năm lớp 10, lớp 11, lớp 12 và năm tốt nghiệp (2025).
• Điểm học bạ: Bảng điểm chi tiết từng môn học thuộc 5 học kỳ (HK1 lớp 10, HK2 lớp 10, HK1 lớp 11, HK2 lớp 11, HK1 lớp 12).
• Tệp ảnh minh chứng (7 mục bắt buộc): Ảnh thẻ 3x4, ảnh giấy khai sinh, ảnh CCCD mặt trước, ảnh CCCD mặt sau, ảnh học bạ lớp 10, ảnh học bạ lớp 11 và ảnh học bạ HK1 lớp 12.

4. Chức năng xét duyệt của Kiểm duyệt viên và Người quản lý khác nhau như thế nào? Kiểm duyệt viên (KDV) chỉ thực hiện rà soát, kiểm tra tính chính xác của các thông tin cá nhân, học bạ và ảnh minh chứng do thí sinh tải lên để cập nhật trạng thái hồ sơ (đã duyệt hoặc từ chối). Trong khi đó, việc xét duyệt nguyện vọng cuối cùng để quyết định thí sinh đậu hay rớt dựa trên điểm số, khu vực, đối tượng ưu tiên và chỉ tiêu tuyển sinh thuộc thẩm quyền xử lý độc quyền của Người quản lý (ADMIN).

5. Tiêu chuẩn phi chức năng về hiệu năng được tác giả xác định trong hệ thống là gì? Hệ thống đưa ra tiêu chí hiệu năng cụ thể tại bảng mô tả yêu cầu phi chức năng: Tốc độ tìm kiếm dữ liệu phải nhanh và chính xác, hệ thống bắt buộc phải trả về kết quả tìm kiếm cho người dùng trong khoảng thời gian tối đa không quá 15 giây.

Kết luận

Đồ án tốt nghiệp "Thiết kế và xây dựng website tuyển sinh Đại học" của hai sinh viên Nguyễn Duy Sơn và Phạm Lê Thiên Phú đã hoàn thành toàn diện quy trình kỹ thuật phần mềm từ khảo sát hiện trạng, phân tích yêu cầu, thiết kế kiến trúc đến cài đặt và kiểm thử hệ thống. Ứng dụng thành công ngăn xếp công nghệ ReactJS, NodeJS, ExpressJS và MySQL, đề tài đã xây dựng một giải pháp tuyển sinh trực tuyến tích hợp với phân quyền 4 cấp độ, giải quyết được tình trạng phân mảnh giữa các cổng thông tin và cổng xét tuyển trước đây. Đây là công trình có giá trị thực tiễn cao, đóng góp thiết thực vào mục tiêu chuyển đổi số và cải cách hành chính trong quản lý giáo dục đại học.

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

CHƯƠNG 1 KHẢO SÁT HIỆN TRẠNG 1. KHẢO SÁT HIỆN TRẠNG 1. Website tuyển sinh trường Đại học Sư phạm kỹ thuật TP. Giới thiệu chung Đường link đến website: https://tuyensinh.vn/ && https://xettuyen.vn/home Trang tuyển sinh của Đại học Sư phạm Kỹ thuật TP.HCM cung cấp đầy đủ thông tin về các chương trình đào tạo, phương thức tuyển sinh, và các yêu cầu đầu vào dành cho các thí sinh muốn theo học tại trường.

Các ngành đào tạo của trường rất đa dạng, từ các ngành kỹ thuật truyền thống như Cơ khí, Điện-Điện tử, Công nghệ thông tin. Trang | 3 Phần thông tin xét tuyển: Phần quá trình học tập: Phần up ảnh kết quả học tập của các thí sinh Trang | 4 1. Ưu điểm - Giao diện trực quan và dễ sử dụng: Website được thiết kế khá gọn gàng với các mục rõ ràng, phù hợp với người dùng không quen với công nghệ, như học sinh và phụ huynh. - Thông tin chi tiết và đầy đủ: Cung cấp một lượng thông tin lớn về các ngành học, tiêu chí tuyển sinh, và hướng dẫn cụ thể về các phương thức xét tuyển.

- Tích hợp công cụ hữu ích: Website có các tính năng hỗ trợ như tra cứu kết quả tuyển sinh, tra cứu điểm thi, giúp thí sinh dễ dàng theo dõi quá trình tuyển sinh của mình. Nhược điểm - Tìm kiếm thông tin còn chưa thuận tiện: Một số thông tin quan trọng như tiêu chí xét tuyển hay hướng dẫn đăng ký không được trình bày một cách dễ tìm kiếm hoặc nằm sâu trong các trang phụ, gây khó khăn cho người dùng mới. - Có 2 website tuyển sinh và xét tuyển làm cho người dùng khó khăn khi sử dụng 1. Website tuyển sinh trường Đại học Bách khoa Thành phố Hồ Chí Minh 1.

Giới thiệu chung Đường link website: https://hcmut.vn/tuyen-sinh-dh/dai-hoc-chinh-quy Trang tuyển sinh của Đại học Bách khoa Thành phố Hồ Chí Minh cung cấp đầy đủ thông tin về các chương trình đào tạo, phương thức tuyển sinh, và các yêu cầu đầu vào dành cho các thí sinh muốn theo học tại trường. Các ngành đào tạo của trường rất đa dạng, từ các ngành kỹ thuật truyền thống như Cơ khí, Điện-Điện tử, Công nghệ thông tin, đến các ngành mới như Kỹ thuật y sinh, Khoa học dữ liệu. Trang | 5 Trang đăng nhập xét tuyển: Trang | 6 Trang đăng ký xét tuyển: Nhập học tin cá nhân Nhập điểm THPT Trang | 7 1. Ưu điểm: ‑ Giao diện thân thiết, dễ dàng thao tác đối với người dùng.

Trang web được thiết kế để đáp ứng trên nhiều thiết bị khác nhau như điện thoại, máy tính, tablet. ‑ Dễ dàng xem những thông tin xét tuyển của nhà trường ‑ Có hướng dẫn để cho người dùng dễ dàng thao tác 1. Website tuyển sinh trường Đại học Công nghiệp Thành phố Hồ Chí Minh 1. Giới thiệu chung Đường link website: https://tuyensinh.vn/ Đây là trang web chính thức cung cấp thông tin tuyển sinh của Đại học Công nghiệp Thành phố Hồ Chí Minh (IUH), một trường đại học nổi tiếng trong lĩnh vực công nghiệp và kỹ thuật.

Mục tiêu của trang web là giúp thí sinh và phụ huynh có đầy đủ thông tin về quy trình tuyển sinh, các ngành đào tạo, và các phương thức xét tuyển của trường. Ưu điểm ‑ Giao diện trực quan, dễ nhìn: Trang web có thiết kế khá chuyên nghiệp, với các mục chính như "Giới thiệu," "Ngành nghề đào tạo," "Tin tức tuyển sinh," "Hướng dẫn đăng ký," và "Tra cứu" được hiển thị rõ ràng và dễ truy cập. Điều này giúp người dùng dễ dàng tìm kiếm thông tin mà họ cần. ‑ Thông tin chi tiết: Trang web cung cấp đầy đủ thông tin về từng ngành học, các tiêu chí xét tuyển, phương thức tuyển sinh (xét điểm thi THPT, xét học bạ, tuyển thẳng), và quy trình đăng ký.