TRƯỜNG ĐẠI HỌC SƯ PHAM TPHCM KHOA CÔNG NGHỆ THÔNG TIN NGUYEN DANH TRUNG TRAN LE CHANH HANH HE THONG BO TRO SAP XEP VI TRI THÍ SINH TRONG PHONG HỌC THONG MINH KHOA LUAN TOT NGHIEP TP HO CHI MINH — NĂM 2023 TRƯỜNG ĐẠI HỌC SƯ PHAM TPHCM KHOA CÔNG NGHỆ THÔNG TIN NGUYÊN DANH TRUNG TRẢN LÊ CHÁNH HẠNH HỆ THONG BO TRỢ SAP XÉP VỊ TRÍ THÍ SINH TRONG PHÒNG HỌC THÔNG MINH CHUYEN NGÀNH: CÔNG NGHỆ PHAN MEM KHOÁ LUẬN TÓT NGHIỆP NHAN XÉT CUA GIÁO VIÊN HƯỚNG DAN. hd ng ty LỜI CẢM ƠN Lời đầu tiên, chúng tôi xin chân thành cảm ơn quý thay cô đang công tác tại Trường Đại Học Sư Phạm TP. Hồ Chí Minh nói chung và quý thầy cô thuộc Khoa Công Nghệ Thông Tin nói riêng, những người đã hướng dẫn và truyền đạt kiến thức chuyên môn cũng như inh nghiệm thực tiến cho chúng tôi trong suốt bốn năm học tập tại trường. Nhờ vào những kiến thức và kỹ năng mà thay cô đã hướng dẫn dé rèn luyện chúng tôi có thêm khả năng, trình độ và đam mê với công nghệ thông tin, đặc biệt là công nghệ phần mềm và luôn cô gắng hoàn thành khoá luận tốt nghiệp này.
Đặc biệt, chúng tôi xin bày tỏ lòng biết ơn sâu xắc đến thầy Lương Trần Ngọc Khiết ~ người đã hướng dẫn, chỉ bảo, giúp đỡ chúng tôi rất nhiều trong quá trình học tập và nghiên cứu để hoàn thành khoá luận tốt nghiệp này. Thay cũng chính là người đồng hành cùng chúng tôi từ những ngày đầu tiên theo học tại trường, trang bị cho chúng tôi niềm đam mê và những kinh nghiệm quý báu để chúng tôi có đủ kỹ năng bước vào nghề sau khi tốt nghiệp. Qua thời gian dài học tập và làm việc với thầy chúng tôi cảm nhận được tình cảm cũng như lòng nhiệt huyết của thay đối với lớp trẻ sinh viên chúng tôi và đó cũng chính là một phần động lực giúp chúng tôi có thê hoàn thanh tốt khoá luận tốt nghiệp nay. Chúng tôi cũng xin gửi lời cảm ơn đến gia đình, bạn bè những người luôn bên cạnh ủng hộ va giúp đỡ chúng tôi trong quá trình học tập.
Mặc dù chúng tôi đã cô gắng rất nhiều, song khoá luận vẫn không tránh khỏi những thiếu sót, chúng tôi rất mong nhận được sự thông cảm và chi bảo tận tình của quý thay cô và sự góp ¥ của các bạn. Xin chân thành cảm ơn! Sinh viên thực hiện Nguyễn Danh Trung Trần Lê Chánh Hạnh MỤC LỤC PhO (CKO: ah./G101II0UIERIHIE:io:::.:ssireioeiieeeieiiiitiiieitnaniitaitrtoai52511251555188535235325685363255885585855 13 Be AAC t60iEHiEn0Ultnsgstssnnnaitsaitoatniatriniittsitisittaitiatititinnntnintnsinnetnnatntarnorninasinnai 14 2:01, (NHI HT HIEBUHE::2112211013110361293012ã12212125210341343532409423233348338418ã468848894g2843334336đ3ã 14 2. MỤ€ tiêu của phân HỆ:¡:csosoosoooebcoioiooaooososooagiiostiostipsiirsiioaiapstiiasgassa 15 3. Cach tiếp cận, phương pháp, phạm vi nghiên cứu.
Cac tiGpy CAM s6. 16 3:2: (PHANG PRA MG HIG iisssississcassessscaiessssesnscassessscasescsnanssesisesiscasvenisesssess 16 23, ÌEhaBiViIREHIEH'EEHL:s:::sirzsiirserctsitctizt2zt221223512352722502502205095072502358323565833855E 17 4. Kết quả của khoá 1UaN oo. Nội dũng thực hiện Khoá liện,.
Tóm tắt nội dung khoá luận. 2-22 ©2222 222212 1271072152211 15 2211711 c0 18 $B 0-06 Ca HOA WAR sscissscsressicssnsnirnanananamannnnimananamenesunn 19 CHƯƠNGI. CGISCILY THUR assccssssscssscssssesssssscessseseussesivesresosssssessresscerecsses: 21 1. Khai quát về chuyên đổi số trong môi trường sư pham.
_ Phòng học thông minh (Smart Classroom). Khảo sát một số phòng học đạt chuẩn phòng học thông minh. Đề xuất một hệ thống bỏ trợ sắp xếp vị trí thí sinh trong phòng học thông minh 25 CHƯƠNG 2. PHAN TÍCH VA THIET KE HE THÔỎNG.
- - - - Gv ng HH ng se 29 2. Xác định bải toắn.IMABiBinlihoiiftIỀN, so cuc snosnnsntossc6iiii6i2500200161002201022162301655360002018500t277 34 PA I0 it SCCASS cose cscccascseaccesseesccesscceseccscccssecsssuescastscstsencseaciensssasesnesses: 37 BS) AO ROBT OGG tgagsiiisiirettisiiiegtiittiitttitiitostistittitiiiiitiatssinisttnsatiaa 39 2. Thiét ké 6 thong 8n". Thiết kế thành phan dữ liệu.
2-22 22222222 SE SE SE se 43 3:2:2, ThiếLkế thành phần xử ÍÃ. Thiết kế thành phan giao diện. CÀI ĐẶT VA THU’ NGHIỆM. Một số giao điện minh hoạ,.
Kịch ban thử nghiệm. Phân quyền người dùng. Ory Geta (BI DEHIENssossesssosioaanoiioiiroatirsioiiiniantipitostirairoagiiaitsassinasg 57 CHƯƠNG 4. KET LUẬN VA HƯỚNG PHAT TRIÉN.- 2 s2 sec 68 AD RG hố ố 6.
69 GQ Hướng phi H0 ca ceaaeaneranioiaaaaenenensonrearsiosrrei 70 TAD TRU THAM KA Oia sscascsnscassasssesscassosssanssnarasansssasssassoascunssnasnsaasssasssossoansassieds 71 DANH MỤC VIET TAT 3 07 DANH MỤC BANG BIEU Bang 1.1— Yêu câu thiệt bị của phòng học thông minh doi với dãy B và day I.2 — Mô tả thuật toán sắp xếp theo chiều ngang.3 — Mô ta thuật toán sắp xếp theo chiêu đọc.4 — Mô tả thuật toán chan lẻ theo chiều ngang .5 — Mô tả thuật toán chin lẻ theo chiều đọc .1 — Quy trình vận hành của phân hệ 1 o. eee cece cteeeeeeeeeeeaeteeeeeesnens 30 Bang 2.2 — Quy trình vận hành của phân hệ 2 .3 — Quy trình van hành của phân hệ 3 .4— Yêu cầu chức năng của hệ thong chung.5 — Yêu cầu phi chức năng của hệ thong chung .6 — Yêu cầu chức năng của phân hệ l.--2--©222©222222zz222zZcczzeccced 33 Bảng 2.7 — Yêu cầu phi chức năng của phân hệ l.8 — Yêu cầu chức nang của phân hệ 2. 22-222 22222222 xe2zxeczxzcv 33 Bang 2.9 — Yêu cầu phi chức năng của phân hệ 2.10 — Yêu cau chức năng của phân hệ 3.11 — Yêu cầu phi chức năng của phân hệ 3.12 — Bang mô hình hoá dữ liệu sinh viên .13 — Bang mô hình hoá dữ liệu phòng học.14 — Bang mô hình hoá dit liệu ca thi.15 — Bảng mô hình hoá dit liệu bố trí toa độ trong phòng thi.1 — Các đối tượng trên hèađer.2 — Các đối tượng trên navbar.3 — Các đôi tượng trên ÍO0fer.4 — Ý nghĩa các biểu tượng trên sơ đồ bố trí.5 — Danh sách các người dùng thực nghiệm .---oẶcScc~cccex 57 Bang 3.6 — Bang sơ đồ bồ trí cơ bản.7 — Bang thông báo trình trạng điểm danh.--52©52-5252ccs2vxccsccccc DANH MỤC HÌNH ANH _ Hình 1.1- Ảnh chụp phòng học chuyên môn của Khoa dãy I.2 - Anh chụp camera được sử dụng trong phòng học chuyên môn. 25 Hình:2,1= Useeäse của phân Hệ Ds.
ssisssisscisesisassssassessisocionsssasiesissssscasssoaieacsnasisasioass 37 Hình, 2:2+ Usecase ctia pila 6 2! inccccisccsscissesssesscecssecassassacssaassaasscaxssacssacrssesssesseasses: 38 Hình 2.3— Usecase của phân hệ 3. nh xe 38 Hình 2:4 = Sơ đồ hoạt động PBB BG 1.ccc6ccccocc-cceissAose, 39 Hình 3:5 = Šơ đồ böạt động phân BE 2 ‹i‹oocoooooiocoicuooniiinionDinDiidiRidiHaERnihaiDnaiiai 40 Hình 2:6 = Sơ đồ hoạt động phên:hệ 2.7 — Mô hình dữ liệu trên cơ so dit liệu .8 - Quy trình bé trí sắp xếp vị trí thí sinh trong phòng thi.9 - Quy trình hướng dan thí sinh trong phòng thi.10: = Ouy trinh tra cứu Leh sử ca th sisciissssscssisssssesssssssecisesssossssosssessesveosseers 46 Hình 2 20) — Ser đồ ea it giao GIBB oa ssscsscsscasscsossssssecssassscsscasscascsasnessnansncascsassaaaneed 47 Hình 3.1 = Man Bình: CHING «i cssissiscscississcsicosssascossiesieessiesseveaieosssoavesssieeseasivesseveaveons 51 Hình 3.2 — Man hình quản lý phòng học.3 — Màn hình quản lý sinh viên. SG HS nHesereerreerrree 53 Hình 3.4 — Man hình quản lý ca thi.5 - Màn hình sơ đồ bố trí phòng thí.- -22-©2222222222zZ22zzcczzcrrzed “4 Hình 3.6 — Màn hình hướng dẫn thi sinh vào đúng vị trí.7 — Màn hình hiên thị thông tin tác giả .22©2222cce7cxeccvec 56 Hình 3.8 — Giao diện nhập thông tin của phòng thi .9 = Sơ đỗ cơ bản được hiển tHị. co i20, pháo 59 Hình 3.10 — Minh hoa một phan tệp dữ liệu Excel được sử dung .11 — Danh sách thí sinh được hiền thị trên SURG CGH si T11 T77177171707071701 1077 6] Hình 3.12 — Giao diện chọn thuật toán sắp xếp scatsssesea devas scuassuneteasecasssatssevseuaseuessued 61 Hình 3.13 — Giao điện hiển thị sơ đồ phòng thi.14 — Đường vẽ chi dan trong phòng thi.15 — Sơ đồ của ca thi đã diễn ra.16 - Thông tin của thí sinh được hién thi 11 TONG QUAN Nội dung: Giới thiệu chung yym Mục tiêu nghiên cứu Cách tiếp cận, phương pháp, phạm vi nghiêm cứu Kết quả của khoá luận ae Bồ cục của khoá luận 1.
Giới thiệu chung Tại các trường đại học hiện nay đều có phải thực hiện công tác đánh giá, kiêm tra tập trung kết thúc học phan. Ngoài ra, các trường có cơ sở vật chat tốt sẽ làm Hội đồng thi ~ điểm tập trung thi sinh tuyên sinh các cấp bậc. Trong công tác tô chức thi, quy định chung về việc bố trí thi sinh theo danh sách phòng thi được tô chức cách ngẫu nhiên vẻ vị trí, sơ đồ chỗ ngồi trong phỏng thi. Điều nay chỉ được biết trước cách ít phút khi thi đo Hội đồng thi cung cấp cho các giám thị coi thi sơ đồ dựa trên số thứ tự (STT).
Nhiệm vụ các cán bộ coi thi (CBCT) sẽ phải thiết kế sơ đồ bd trị dự trên sơ đồ STT nhận được từ Hội đồng thi, CBCT khi vào phòng thi có nhiệm vụ công bố danh sách theo số báo danh (SBD) ghi lên bảng dé thi sinh biết. Thông thường việc bé trí lại sơ đồ STT tới sơ đỗ tại phòng thi có thé thay đồi tuỳ thuộc vào điều kiện cơ sở vật chất từng phòng thi. Ví dụ: phòng thi có số lượng thí sinh nhiều hơn vị trí ghế ngôi, phòng thi có số lượng dãy khác với sơ đồ STT. Điều này thường tôn rất nhiều thời gian chuyên đôi và thí sinh tìm kiểm vị trí trên sơ đồ bỏ trí.
CBCT cũng tổ chức dé quản lý phòng thi tốt hơn khi dam bảo chính xác về vị trí ngồi như yêu cầu. Chính vì vậy, với mục đích hỗ trợ cho công tác tô chức, giám sát kiểm tra kết thúc học phan cho phòng học thông minh trở nên dé dang và chính xác hơn, chúng tôi quyết định thực hiện de tai: “HE THONG BO TRỢ SẮP XÉP VỊ TRÍ THI SINH TRONG PHONG HỌC THONG MINH” với mục tiêu hỗ trợ cho cán bộ coi thi và người dự thí trong công tác diễn ra đánh giá, kiểm tra tập trung và đóng góp một mô-đun vào hệ thông phòng học thông minh. Mục tiêu nghiên cứu 2. Mục tiêu chung Phòng học thông minh là một xu thẻ trong các trường học hiện nay, với việc được trang bị nhiều thiết bị vật tư hỗ trợ như camera giám sát, bang tính điện tứ và nhiều ứng dụng khác như điểm danh trực tiếp thông qua thẻ dự thi/ thẻ sinh viên, điểm danh thông qua nhận diện khuôn mặt, phát hiện gian lận thi cử thông qua các hoạt động người, nghiên cứu độ hứng thú thông qua hoạt động tương tác.
Kết hợp chức năng phòng học thông minh trong việc tô chức đánh giá thi cử, việc ghi sơ đồ vị trí ngồi tại phòng thi được nhanh chóng không phải tốn thời gian cho chuyên đổi số thứ tự qua số báo đanh, hỗ trợ điểm danh tìm kiếm vị trí ngồi cách thuận tiện hơn khi liên kết các thiết bị công nghệ trong phòng học thông minh thông qua phần mềm quản lý có ý nghĩa tăng cường liên kết, đồng nhất trong công tác coi thi. Vẻ công nghệ, hệ thống được xây dựng với 2 mô-đun: 1. Phần giao diện (front-end) sử dụng ngôn ngữ lập trình TypeScript. thư viện Next.JS với định hướng thiết kế trực quan, rõ ràng, hiện đại có tích hợp tính năng vẽ đường đi di chuyên trong phòng học.