Phát triển hệ thống đào tạo hỗ trợ thực tập sinh

I H C QU C GIA TP.HCM I H C BÁCH KHOA KHOA KHOA H C & K THU T MÁY TÍNH LU T NGHI IH C PHÁT TRI N H TH TH C T P SINH OH TR Ngành: Khoa h c máy tính H NG: H th ng thông tin GVHD: TS Phan Tr ng Nhân GVPB: ThS Nguy n Thanh Tùng - o0o SVTH 1: Nguy o (1510654) - - KHOA:KH & KT Máy tính HTTT NGÀNH: _ MSSV: 1510654 _ MSSV: _ _ MSSV: _ _ _ 01/03/2021 01/08/2021 1) 2) 3) Ngày 01 tháng 03 2021 _ _ _ KHOA KH & KT MÁY TÍNH MSSV: 1510654 -Ngày 05 tháng 08 2021 Ngành (chuyên ngành): - -Các a b c Khá m: 8/10 L Em kh khơ ây h th ng em th c hi n Các tài li u mà em tham c s d ng Lu n v úng nh c trích d n ph n tài li u tham kh o N u ã nêu trên, em xin hoàn toàn ch u trách nhi m v tài c a L ic L u tiên, Em xin g i l i c t i Th y cô c ih c Bách Khoa, th y cô khoa Khoa h c K thu t máy tính c ng d n t n tình u ki n cho em su t trình h c t hoàn thành Lu c t nghi p c bi t em xin bày t lòng bi n th y giáo TS Phan Tr ng Nhân, ng, hoàn thành t t Lu cùng, em xin t nghi p c a gia bè, lao, dù giúp em hồn thành hồn thành khơng tránh hồn Em cô Em sung thân xin bên vi mong viên Tuy nhiên thơng nghe thu cịn Em xin chân thành Tp H tình giáo viên Tóm t t lu : M CL C 1.1 T tài 1.3 Các cơng ngh phía Client Side (Frontend) Single Page Application (SPA) TypeScript 11 Các công ngh phía Server Side (Backend) 13 Ki 13 Ngôn ng X phát tri 14 16 17 d li u MongoDB 18 3.1 Bài toán x c upload t p Bài tốn trình so n th 3.3 n Bài toán b o m t h th ng 3.3.1 B o m t phía máy khách B o m t phía máy ch 3.3.3 B o m 3.4 d li u Bài toán v s linh ho t nhu c u s d ng 3.4.1 Bài toán v s linh ho t n Bài toán v g o 3.4.3 Bài toán v s linh ho 30 T K H TH 4.1 30 Phân tích yêu c u 30 4.1.1 i dùng 30 u h th ng Thi t k h th ng Thi t k Thi t k 33 d li u 57 N TH C H TH 5.1 Thi t k h th ng 57 Qu 5.3 57 n 57 K t qu hi n th c 58 5.3.1 58 i qu ng d n (mentor) 59 5.3.3 i qu 61 5.3.4 ng d n (mentor) 63 5.3.5 c t p sinh (mentee) 64 68 T T 68 6.1 K t qu c 68 H n ch 68 6.3 ng phát tri 69 : S khác v lu a ng d Hình 4: C u trúc ng d ng t ch i d ng component l ng : C u trúc Single File Component Hình : Code s d - 10 : TypeScript 11 n CKEditor : 11 Hình nh n trang Dashboard ki Hình ng c 14 asynchronous event- 15 h th ng s d Hình 3.1: Trình so n th 16 n s d ng CKEditor : Activity Diagram c a l p b o m u n truy c p router Hình 3.3: Ki m th d l i dùng Hình 3.4: Các l p b o m n th c h th ng Hình 3.5: C u trúc c a m t n o t h th ng Hình 6: Thông tin c a m t h c viên v i ch s g Hình 7: Hình nh v b ch s Hình 4.1 a h th ng ki n trúc h th ng Hình Hình ) ng h th ng 33 i qu 34 HI CH 5.1 tk ng c m t h th d ng r t nhi c gi i thi u ph n Các công ngh n i b n, framework n, c li i n VueJS 4.2.3 n Vue-router 3.1.6 Qu Vuex 3.1.3 Qu Ant-design- 1.5.3 Axios 0.21.1 Ckeditor4- 1.3.0 n n ng trình so n th n 3.8.3 Mongoose 5.7.10 JOI 14.3.4 Xác th c d li u t Cors 2.8.6 X lý CORS (cross-origin resource 6.6.2 X i dùng i i dùng Json- -token 8.5.1 X lý xác th i dùng B ng 1: Công ngh s d ng h th ng 5.2 Qu n lý mã ngu n 57 có th ng h th h th ng qu t cách hi u qu nh t, nhu c u t u ph i có m t n, gi m thi u h u qu t s c d ng Git, m t h th ng qu n lý phiên b n ph bi n nh t hi c c ng tác d n h th m c h p nh t thành t d tn nt nc tc n c 5.3 K t qu c c hi n lu d ng nh ng công ngh ph t h th ng h tr c o th c t p sinh i hồn ch nh 5.3.1 p Hình 1: Giao di c c p tài kho p i dùng s s d ng thông tin tài kho th ng 58 N u quên m t kh th ng s i dùng có th s d i dùng t Hình 2: Giao di n quên m t kh u n Hình 3: Giao di n ch nh s a thông tin tài kho n 5.3.2 ng d 59 Hình 4: Giao di n dashboard o Hình 5: Qu n lý nhóm n Hình 6: Ch om o o m i nhóm n i dung mơn h c c 60 om c Hình 7: Ch an Hình 8: Ch 5.3.3 c o m i n i dung môn h c c nh s a n i dung môn h c qu n lý ( 61 qu s c Hình 10: Ch o tài kho n n Hình 9: Ch c t n lý b ch s ng d c p quy n truy c p n ct 62 Hình 11: Ch 5.3.4 ng d n c p quy n truy c p n i dung o cho th c t p sinh ng d n ct Hình 12: Ch m ki m tra cho th c t p sinh 63 ct Hình 13: Ch nh 5.3.5 a th c t p sinh ct s Hình 14: Ch s c nh c nh công vi c hàng ngày 64 o Hình 15: Ch o c Hình 16: Ch c 65 Hình 17: Ch m tra ng d n Hình 18: : Giao di n t ng d n ng d n 66 Hình 19: Giao di nh ic ng d n 67 6.1 K t qu c c hi n h th ng h tr c m t s k t qu nh nghiên c u, tìm hi nh T nh ch o th c t p sinh", em ub u mà m t h th ng h tr o ph i có M t s k t qu c m t h th ng h tr hoàn ch nh i c t k ch thi t k d li u, thi t k c hi n th c ch n t i gi n, d dàng s d ng n mà m t h th ng h tr t ng d o ph i có Là m t n n c t p sinh có th h c t p h tr o i ý th c t p sinh ti S d c nh ng công ngh t n i b t hi th ng Thi t k h th ng theo d ng module, d dàng tích h 6.2 r H nh nh ng k t qu h n ch u ki n th tài em th c hi n c n ph i c i thi n r t nhi u M t s cc n thân m có th ct 68 c ch s th c t p sinh, … c tri tích h ct d ng th c t nh s th ng 6.3 V i nh ng k t qu th ng h tr c, nh ng thi t k nh o th c t p sinh" s có th d dàng m r ts Tích h p bot nh Tích h p h th cc - gi n tr i dùng C i thi T g c t p sinh nghi th o th c t p sinh c i thi n hi u su t 69 O [1] VueJS, [2] VueJS , xem Logo, -10- - -thong- -logo[3] [4] Component, , xem ng [5] -file-components.html, [6] [7] [8] -in-5-minutes.html [9] [10] [11] - - -gi- [12] - - -gi- [13] - - -gi- [14] NodeJS, [15] - - -node-js- 5c7463970efd [16] https 70 [17] [18] 71 ... t p sinh 35 n th c t ase – ng d n (t o m i) 39 ng d n c p quy n truy c p n i dung h c cho th c t p sinh 39 B ng 10 – Qu ch s c t p sinh (t o m i) 40 B ng 11 - Qu ch s c t p sinh. .. (daily report) c a th c t p sinh 45 B – Ch c c a th c t p sinh 46 B – Ch m cho ki m tra c a th c t p sinh 46 B – c p nh t thông tin cá nhân 48 c c a th c t p sinh B – Xem thông tin... n c p quy n truy c p n i dung o cho th c t p sinh 63 : Ch m ki m tra cho th c t p sinh 63 Hình 13: Ch n h i báo cáo c a th c t p sinh 64 Hình 14: Ch s c nh c nh công vi c hàng