Tài liệu Cổng thông tin trường đại học

ĐẠI HỌC QUỐC GIA TP.HCM TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA KHOA HỌC & KỸ THUẬT MÁY TÍNH LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC Cổng thông tin trường đại học NGÀNH: KHOA HỌC MÁY TÍNH HỘI ĐỒNG: Khoa học Máy tính 8 GVHD: ThS. Nguyễn Thanh Tùng GVPB: ThS. Nguyễn Đình Thành —o0o— SVTH 1: Nguyễn Đình Thịnh (1713325) SVTH 2: Phạm Văn Quốc (1712857) SVTH 3: Phạm Hồng Tiến (1713490) TP. HỒ CHÍ MINH, THÁNG 08/2021 ĐẠI HỌC QUỐC GIA TP.HCM ---------TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA: KH & KT Máy tính ___ BỘ MÔN: KHMT ___________ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc NHIỆM VỤ LUẬN ÁN TỐT NGHIỆP Chú ý: Sinh viên phải dán tờ này vào trang nhất của bản thuyết trình HỌ VÀ TÊN: NGUYỄN ĐÌNH THỊNH ________________ MSSV: 1713325 HỌ VÀ TÊN: PHẠM VĂN QUỐC ____________________ MSSV: 1712857 HỌ VÀ TÊN: PHẠM HỒNG TIẾN ____________________ MSSV: 1713490 NGÀNH: KHOA HỌC MÁY TÍNH _____________ LỚP: ______________________ 1. Đầu đề luận án: CỔNG THÔNG TIN TRƯỜNG ĐẠI HỌC. 2. Nhiệm vụ (yêu cầu về nội dung và số liệu ban đầu): _ Xây dựng kiến trúc cổng thông tin _ Xây dựng các công cụ truyền thông: quản lý tin tức, sự kiện, việc làm, liên kết mạng xã hội, bản tin điện tử iNews, bulk email, SMS brandname, chức năng khảo sát. _ Trang web chung cho các khoa, trung tâm, phòng thí nghiệm, viên nghiên cứu _ Trang qui trình chung, biểu mẫu chung _ Công cụ phân quyền cho các nhóm đối tượng. _ Trang quản lý chung 3. Ngày giao nhiệm vụ luận án: 4. Ngày hoàn thành nhiệm vụ: 5. Họ tên giảng viên hướng dẫn: Phần hướng dẫn: 1) NGUYỄN THANH TÙNG ___________________________________________________ 2) __________________________________________________________________________ 3) __________________________________________________________________________ Nội dung và yêu cầu LVTN đã được thông qua Bộ môn. Ngày tháng năm 2021 CHỦ NHIỆM BỘ MÔN GIẢNG VIÊN HƯỚNG DẪN CHÍNH (Ký và ghi rõ họ tên) (Ký và ghi rõ họ tên) PGS. TS. TRẦN MINH QUANG ThS. NGUYỄN THANH TÙNG PHẦN DÀNH CHO KHOA, BỘ MÔN: Người duyệt (chấm sơ bộ): ________________________ Đơn vị: _______________________________________ Ngày bảo vệ: ___________________________________ Điểm tổng kết: _________________________________ Nơi lưu trữ luận án: _____________________________ 75ѬӠ1*ĈҤ,+Ӑ&%È&+.+2$ .+2$.+ .70È<7Ë1+ &Ӝ1*+Ñ$;­+Ӝ,&+Ӫ1*+Ƭ$ 9,ӊ71$0 ĈӝFOұS7ӵGR+ҥQKSK~F  1Jj\WKiQJQăP 3+,ӂ8&+Ҩ0%Ҧ29ӊ/971 'jQKFKRQJ˱ͥLK˱ͣQJG̳Q +ӑYjWrQ69 3KҥP9ăQ4XӕF0669 1JjQK.KRDKӑFPi\WtQK 1JX\ӉQĈuQK7UXQJ0669 1JjQK.KRDKӑFPi\WtQK 3KҥP+ӗQJ7LӃQ0669 1JjQK.KRDKӑFPi\WtQK ĈӅWjL&әQJWK{QJWLQWUѭӡQJÿҥLKӑF +ӑWrQQJѭӡLKѭӟQJGүQ7K61JX\ӉQ7KDQK7QJ 7әQJTXiWYӅEҧQWKX\ӃWPLQK 6ӕWUDQJ 6ӕFKѭѫQJ 6ӕEҧQJVӕOLӋX 6ӕKuQKYӁ 6ӕWjLOLӋXWKDPNKҧR 3KҫQPӅPWtQKWRiQ +LӋQYұWVҧQSKҭP 7әQJTXiWYӅFiFEҧQYӁ 6ӕEҧQYӁ %ҧQ$ %ҧQ$ .KәNKiF 6ӕEҧQYӁYӁWD\ 6ӕEҧQYӁWUrQPi\WtQK 1KӳQJѭXÿLӇPFKtQKFӫD/971 6LQKYLrQKLӋQWKӵFKӋWKӕQJ&әQJWK{QJWLQWUѭӡQJÿҥLKӑF +ӋWKӕQJWtFKKӧS\rXFҫXQJKLӋSYөWӯQKLӅXSKzQJEDQNKiFQKDXFӫDQKjWUѭӡQJQKѭFiF TXLWUuQK,62WURQJTXҧQOêÿiQKJLiFiQEӝFӫDSKzQJ7әFKӭFKjQKFKtQKTXLWUuQKWUX\ӅQ WK{QJFӫDSKzQJ4XҧQWUӏWKѭѫQJKLӋXYjWUX\ӅQWK{QJ477+ 77 *LDRGLӋQFәQJWK{QJWLQOLQKKRҥWGӵDWUrQWKLӃWNӃFӫDSKzQJ477+ 77 .KӕLOѭӧQJF{QJYLӋFFӫDVLQKYLrQOӟQ 1KӳQJWKLӃXVyWFKtQKFӫD/971 +ӋWKӕQJÿmWULӇQNKDLOrQKӋWKӕQJWKұWWX\QKLrQPӝWVӕPRGXOHSKҫQPӅPFKѭDÿѭӧFVӱ GөQJWKұW %iRFiRYjWKX\ӃWWUuQKFҫQFұSQKұWVӱDOӛL ĈӅQJKӏĈѭӧFEҧRYӋ Ƒ %әVXQJWKrPÿӇEҧRYӋ Ƒ .K{QJÿѭӧFEҧRYӋ Ƒ FkXKӓL69SKҧLWUҧOӡLWUѭӟF+ӝLÿӗQJ ĈiQKJLiFKXQJEҵQJFKӳJLӓLNKi7%*LӓL ĈLӇP .êWrQJKLU}KӑWrQ 7K61JX\ӉQ7KDQK7QJ TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA KH & KT MÁY TÍNH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc ---------------------------Ngày 10 tháng 8 năm 2021 PHIẾU CHẤM BẢO VỆ LVTN (Dành cho người hướng dẫn/phản biện) 1. Họ và tên SV: Nguyễn Đình Thịnh Phạm Văn Quốc Phạm Hồng Tiến MSSV: 1713325 MSSV: 1712857 MSSV: 1713490 Ngành (chuyên ngành): Hệ thống thông tin 2. Đề tài: Cổng thông tin trường đại học 3. Họ tên người hướng dẫn: Ths. Nguyễn Đình Thành 4. Tổng quát về bản thuyết minh: Số trang: Số chương: Số bảng số liệu Số hình vẽ: Số tài liệu tham khảo: Phần mềm tính toán: Hiện vật (sản phẩm) 5. Tổng quát về các bản vẽ: - Số bản vẽ: Bản A1: Bản A2: Khổ khác: - Số bản vẽ vẽ tay Số bản vẽ trên máy tính: 6. Những ưu điểm chính của LVTN:    Luận văn đã hoàn thành và triển khai được cổng thông tin cho trường đại học Bách Khoa. Đã tìm hiểu và áp dụng tốt được các công nghệ liên quan. Giao diện website đẹp, rõ ràng, có tính responsive cho đa thiết bị. 7. Những thiếu sót chính của LVTN:    Đề tài cổng thông tin nhưng công việc phần lớn tập trung cho phòng tổ chức hành chính. Do đề tài được làm nhiều lần ở các khóa trước, nhóm cần rõ ràng trong việc tham khảo kết quả của các nhóm làm trước. Thiết kế cơ sở dữ liệu còn thiếu sót, cần chỉnh sửa lại. 8. Đề nghị: Được bảo vệ ■ Bổ sung thêm để bảo vệ □ 9. 3 câu hỏi SV phải trả lời trước Hội đồng: 10. Đánh giá chung (bằng chữ: giỏi, khá, TB): giỏi Không được bảo vệ □ Điểm : 8.5/10 Ký tên (ghi rõ họ tên) Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính LỜI CAM ĐOAN Luận văn này là công trình nghiên cứu của nhóm và được thực hiện dưới sự hướng dẫn của thầy Nguyễn Thanh Tùng. Các số liệu và kết quả trong luận văn này hoàn toàn trung thực. Nhóm thực hiện xin chịu trách nhiệm hoàn toàn về lời cam đoan này. Nhóm sinh viên thực hiện i Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính LỜI CẢM ƠN Lời cảm ơn đầu tiên chúng em xin gửi đến Trường Đại học Bách Khoa , khoa Khoa học và Kỹ thuật máy tính cùng các giảng viên đã tận tình chỉ dạy và tạo điều kiện giúp đỡ chúng em trong quá trình học tập, nghiên cứu. Tạo nền tảng vững chắc để hoàn thành luận văn tốt nghiệp. Đặc biệt chúng em xin bày tỏ lòng biết ơn sâu sắc đến thầy Nguyễn Thanh Tùng – người hướng dẫn và cũng là người đã luôn tận tình hướng dẫn, chỉ bảo, giúp đỡ và động viên chúng em trong suốt quá trình nghiên cứu và hoàn thành luận văn tốt nghiệp này. Mặc dù đã cố gắng hoàn thành tốt đề tài nhưng do điều kiện thời gian thực hiện có hạn, khả năng nghiên cứu và kinh nghiệm thực tế còn hạn chế nên bài báo cáo sẽ có nhiều thiếu sót. Chúng em rất mong nhận được sự đóng góp cũng như sự cảm thông, chia sẻ của quý thầy cô và các bạn để chúng em có điều kiện bổ sung, nâng cao kiến thức tốt hơn cho việc học tập, nghiên cứu và công việc sau này. Cuối cùng chúng em kính chúc quý thầy cô dồi dào sức khỏe, niềm tin để tiếp tục sự nghiệp cao quý của mình là truyền đạt kiến thức cho thế hệ mai sau. Chúng em xin chân thành cảm ơn! Nhóm sinh viên thực hiện ii Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính TÓM TẮT BÁO CÁO Báo cáo đề cương luận văn tốt nghiệp của nhóm sẽ trình bày thông qua các nội dung chính sau đây: Chương 1: Giới thiệu Bài báo cáo bắt đầu với khái quát đề tài, khó khăn và thử thách nhóm gặp phải, mục tiêu của đề tài và phạm vi của đề tài. Chương 2: Phân tích yêu cầu đề tài Chương 2 sẽ mô tả các yêu cầu của các chức năng, công cụ trong hệ thống, dựa trên cơ sở là các yêu cầu nghiệp vụ và yêu cầu của người dùng đưa ra. Cụ thể là các yêu cầu về: – – – – Xây dựng giao diện website cho cổng thông tin Quản lí cán bộ thỉnh giảng Công cụ quản lí thông tin lưu trữ hồ sơ cán bộ Hệ thống quản lí thông tin cán bộ và quá trình trình ký hợp đồng lao động của cán bộ – Công cụ báo cáo tháng, lịch công tác – Hệ thống đánh giá cán bộ cuối năm Ngoài ra chương còn mô tả các yêu cầu phi chức năng của hệ thống. Chương 3: Công nghệ sử dụng Chương 3 giới thiệu các cơ sở lý thuyết và công nghệ sẽ sử dụng để hiện thực đề tài như: kiến trúc MVC, Restful API, cơ sở dữ liệu Oracle, ReactJS, redux, Node.js,.... So sánh với các công nghệ liên quan. Chương 4: Thiết kế hệ thống Chương 4 sẽ mô tả sự tương tác đặc trưng giữa người dùng bên ngoài và hệ thống thông qua lược đồ usecase. Kế tiếp là phần thiết kế hệ thống giới thiệu tổng quan về thiết kế cơ sở dữ liệu gồm các bảng mô tả và lược đồ quan hệ (ERD). Chương 5: Hiện thực hệ thống Chương 5 trình bày về các thành phần, công cụ của hệ thống và các bước trong quy trình quản lí hệ thống. Chương 6: Kiểm thử Chương 6 sẽ trình bày về các bước kiểm thử hệ thống và kiểm thử chấp nhận. iii Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính Chương 7: Kết luận và hướng phát triển Chương 7 sẽ trình bày những kết quả đã được sau khi hoàn thành đề tài, những ưu điểm và những thiếu xót của hệ thống. Bên cạnh đó, chương còn đưa ra hướng phát triển sau luận văn để hoàn thiện trang web về mặt tối ưu hóa quy trinh quản lí và tăng cường về mặt truyền thông. iv Mục lục 1 Giới thiệu 1.1 Khái quát đề tài . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.2 Khó khăn, thử thách . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.3 Nội dung của đề tài . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2 3 2 Phân tích yêu cầu đề tài 2.1 Yêu cầu về xây dựng giao diện website cho cổng thông tin . . . . 2.1.1 Yêu cầu về quản lý menu cho hệ thống . . . . . . . . . . . 2.1.2 Yêu cầu về cấu trúc giao diện . . . . . . . . . . . . . . . . 2.1.3 Yêu cầu về quản lý thành phần giao diện . . . . . . . . . . 2.1.4 Yêu cầu về quản lý tin tức, sự kiện . . . . . . . . . . . . . . 2.2 Yêu cầu công cụ quản lý thông tin cán bộ thỉnh giảng . . . . . . 2.3 Yêu cầu về công cụ quản lý thông tin, lưu trữ hồ sơ cán bộ. . . . 2.4 Yêu cầu về công cụ quản lý thông tin cho cán bộ . . . . . . . . . 2.5 Yêu cầu về chức năng quản lý quá trình ký hợp đồng cho cán bộ . 2.6 Yêu cầu về công cụ báo cáo tháng, lịch công tác trường . . . . . 2.7 Yêu cầu về đánh giá cán bộ cuối năm . . . . . . . . . . . . . . . . 2.8 Các yêu cầu phi chức năng của hệ thống . . . . . . . . . . . . . . 2.8.1 Yêu cầu về giao diện, trải nghiệm người dùng . . . . . . . 2.8.2 Yêu cầu về tính đáp ứng . . . . . . . . . . . . . . . . . . . 2.8.3 Yêu cầu về nền tảng sử dụng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 5 5 5 5 5 5 6 6 6 6 7 7 7 7 7 . . . . . . . . . . . 8 9 10 11 13 13 14 16 17 17 18 19 3 Công nghệ sử dụng 3.1 Mô hình phát triển website - Model View Controller 3.2 RESTful API . . . . . . . . . . . . . . . . . . . . . . 3.3 Hệ cơ sở dữ liệu quan hệ (RDBM) . . . . . . . . . . 3.4 Công nghệ phía máy chủ (Back-end) . . . . . . . . . 3.4.1 Các công nghệ hiện tại . . . . . . . . . . . . . 3.4.2 Nền tảng NodeJS . . . . . . . . . . . . . . . . 3.4.3 Các công nghệ trên nền tảng NodeJS . . . . . 3.5 Công nghệ phía máy khách (Front-end) . . . . . . . 3.5.1 Các công nghệ hiện tại . . . . . . . . . . . . . 3.5.2 Thư viện ReactJs . . . . . . . . . . . . . . . . 3.5.3 Thư viện Redux . . . . . . . . . . . . . . . . . 4 Thiết kế hệ thống . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 v Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 4.1 Thiết kế các chức năng . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.1.1 Thiết kế biểu đồ Usecase . . . . . . . . . . . . . . . . . . . . . . . 4.1.1.1 Thiết kế usecase quản lý giao diện các trang web . . . . . . 4.1.1.2 Thiết kế usecase cho hệ thống quản lý thông tin cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.1.1.3 Thiết kế usecase công cụ quản lý hồ sơ cán bộ . . . . . . . . 4.1.1.4 Thiết kế usecase cho công cụ quản lý thông tin cán bộ . . . 4.1.1.5 Thiết kế usecase cho quá trình ký hợp đồng cho cán bộ . . . 4.1.1.6 Thiết kế usecase cho công cụ báo cáo tháng, lịch công tác trường . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.1.1.7 Thiết kế usecase cho công cụ Đánh giá cán bộ cuối năm . . 4.1.2 Đặc tả các Usecase và vẽ sequence diagram . . . . . . . . . . . . . 4.2 Thiết kế cơ sở dữ liệu cho hệ thống . . . . . . . . . . . . . . . . . . . . . . 4.2.1 Lược đồ quan hệ thực thể . . . . . . . . . . . . . . . . . . . . . . . . 4.2.2 Bảng cho trang chủ . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.2.3 Bảng cho cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . 4.2.4 Bảng cho công cụ lưu trữ hồ sơ công chức viên chức . . . . . . . . . 4.2.5 Bảng cho cán bộ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.2.6 Bảng cho hợp đồng cán bộ . . . . . . . . . . . . . . . . . . . . . . . 4.2.7 Bảng cho báo cáo tháng . . . . . . . . . . . . . . . . . . . . . . . . 4.2.8 Bảng cho lich công tác tuần . . . . . . . . . . . . . . . . . . . . . . 4.2.9 Bảng cho Công cụ đánh giá cán bộ . . . . . . . . . . . . . . . . . . 5 Hiện thực hệ thống 5.1 Quản lí trang chủ cổng thông tin trường đại học Bách khoa . . . . . . . . 5.1.1 Quản lí menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.2 Quản lí cấu trúc trang web . . . . . . . . . . . . . . . . . . . . . . . 5.1.2.1 Section tin tức . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.2.2 Section tiêu điểm và sự kiện . . . . . . . . . . . . . . . . . . 5.1.2.3 Section thông tin và giới thiệu về trường . . . . . . . . . . . 5.1.2.4 Section hình ảnh về trường . . . . . . . . . . . . . . . . . . 5.1.2.5 Giao diện footer . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3 Quản lí thành phần giao diện . . . . . . . . . . . . . . . . . . . . . . 5.1.3.1 Bài viết . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3.2 Tập hình ảnh . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3.3 Icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3.4 Giới thiệu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.1.3.5 Tiêu điểm . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.2 Quản lí cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . . . 5.2.1 Quản lí thông tin cá nhân, thông tin công tác của cán bộ thỉnh giảng 5.2.2 Quản lí thông tin đào tạo . . . . . . . . . . . . . . . . . . . . . . . . 5.3 Quản lí lưu trữ hồ sơ cho cán bộ . . . . . . . . . . . . . . . . . . . . . . . 5.3.1 Quản lí cán bộ nhập hồ sơ . . . . . . . . . . . . . . . . . . . . . . . 5.3.2 Quản lý hồ sơ của cán bộ . . . . . . . . . . . . . . . . . . . . . . . . vi . 23 . 23 . 23 . . . . 24 25 26 27 . . . . . . . . . . . . . 28 28 28 37 37 40 41 43 44 46 47 47 48 . . . . . . . . . . . . . . . . . . . . 52 54 55 59 61 66 72 73 73 74 75 76 78 80 81 82 83 85 87 87 88 Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 5.4 5.5 5.6 5.7 Quản lí thông tin cán bộ . . . . . . . . . . . . . . . . . . . . . . . Quản lý quá trình ký hợp đồng . . . . . . . . . . . . . . . . . . . Công cụ báo cáo tháng, lịch công tác tuần . . . . . . . . . . . . . Công cụ đánh giá cán bộ cuối năm . . . . . . . . . . . . . . . . . 5.7.1 Trang quản lý nhiệm vụ Đào tạo (nhiệm vụ 1) . . . . . . . 5.7.2 Trang quản lý nhiệm vụ Sau đại học (nhiệm vụ 1) . . . . . 5.7.3 Trang quản lý nhiệm vụ Khoa học công nghệ (nhiệm vụ 2) 5.7.4 Trang quản lý nhiệm vụ Thư viện (nhiệm vụ 2) . . . . . . . 5.7.5 Trang quản lý Nhiệm vụ 3 . . . . . . . . . . . . . . . . . . 5.7.6 Trang quản lý Đánh giá viên chức hành chính - phục vụ . . 5.7.7 Trang quản lý Giảm định mức . . . . . . . . . . . . . . . . 5.7.8 Trang quản lý Danh sách viên chức làm việc dưới 12 tháng 5.7.9 Trang quản lý Đánh giá xếp loại cuối năm . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91 94 98 105 106 109 111 114 116 119 121 123 125 6 Kiểm thử 128 6.1 Kiểm thử hệ thống . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 6.2 Kiểm thử chấp nhận . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 7 Kết luận và hướng phát triển 7.1 Kết quả đạt được . . . . . . 7.2 Ưu điểm . . . . . . . . . . . 7.3 Nhược điểm . . . . . . . . 7.4 Hướng phát triển . . . . . . . . . . . . . . . . . . . . . . . . . . vii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134 135 135 136 136 Danh sách hình vẽ 3.1 3.2 3.3 3.4 Mô hình MVC . . . . . . SPA và MPA . . . . . . . Cấu trúc Redux . . . . . . Middleware trong Redux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 . 10 . 20 . 21 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15 4.16 4.17 Usecase quản lý giao diện các trang web . . . . . . . . . . . . . . UseCase Quản lý thông tin cán bộ thỉnh giảng . . . . . . . . . . . UseCase Quản lý hồ sơ cán bộ . . . . . . . . . . . . . . . . . . . Usecase Quản lý thông tin cán bộ . . . . . . . . . . . . . . . . . . Usecase Quản lý quá trình ký hợp đồng . . . . . . . . . . . . . . Lược đồ usecase của công cụ báo cáo tháng, lịch công tác trường Lược đồ usecase của công cụ Đánh giá cán bộ cuối năm . . . . . Sequence diagram chức năng "Xem thông tin" . . . . . . . . . . . Sequence diagram chức năng "Thêm thông tin" . . . . . . . . . . Sequence diagram chức năng "Sửa thông tin" . . . . . . . . . . . Sequence diagram chức năng "Xóa thông tin" . . . . . . . . . . . Sequence diagram chức năng "Import dữ liệu" . . . . . . . . . . . Sequence diagram chức năng "Xuất dữ liệu" . . . . . . . . . . . . Sơ đồ quan hệ giữa các thành phần trong trang chủ . . . . . . . . Lược đồ quan hệ thực thể cho các công cụ liên quan tới cán bộ . . Sơ đồ quan hệ giữa cán bộ thỉnh giảng và thông tin đào tạo . . . . Sơ đồ quan hệ giữa báo cáo tháng và tập tin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 24 25 26 27 28 28 32 33 34 35 36 37 38 39 43 47 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.8 5.9 5.10 5.11 5.12 5.13 Giao diện màn hình desktop . . . . . . . . . . Giao diện màn hình mobile . . . . . . . . . . Giao diện thanh menu và cấu trúc trang web . Giao diện thanh menu màn hình mobile . . . Màn hình đăng nhập . . . . . . . . . . . . . . Màn hình quản trị viên . . . . . . . . . . . . . Màn hình quản lí menu . . . . . . . . . . . . Màn hình quản lí menu và cấu trúc trang web Form chỉnh sửa section . . . . . . . . . . . . Section tin tức . . . . . . . . . . . . . . . . . Tùy chỉnh section tin tức . . . . . . . . . . . . Quản lí các danh mục tin tức . . . . . . . . . Danh sách các tin tức . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 55 56 56 57 57 58 59 60 61 62 63 64 viii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 5.14 5.15 5.16 5.17 5.18 5.19 5.20 5.21 5.22 5.23 5.24 5.25 5.26 5.27 5.28 5.29 5.30 5.31 5.32 5.33 5.34 5.35 5.36 5.37 5.38 5.39 5.40 5.41 5.42 5.43 5.44 5.45 5.46 5.47 5.48 5.49 5.50 5.51 5.52 5.53 5.54 5.55 5.56 5.57 Trang chỉnh sửa tin tức . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cập nhật các thuộc tin cho tin tức . . . . . . . . . . . . . . . . . . . . . . Danh sách tin tưc chờ duyệt . . . . . . . . . . . . . . . . . . . . . . . . . Section tiêu điểm và sự kiện . . . . . . . . . . . . . . . . . . . . . . . . . Cấu hình cho section sự kiện . . . . . . . . . . . . . . . . . . . . . . . . Danh sách danh mục sự kiện . . . . . . . . . . . . . . . . . . . . . . . . Danh sách các sự kiện . . . . . . . . . . . . . . . . . . . . . . . . . . . . Chỉnh sửa sự kiện . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Nội dung sự kiện . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Danh sách sự kiện chờ duyệt . . . . . . . . . . . . . . . . . . . . . . . . . Section thông tin và giới thiệu về trường . . . . . . . . . . . . . . . . . . Section hình về trường . . . . . . . . . . . . . . . . . . . . . . . . . . . . Giao diện footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Màn hình chính quản lí của các thành phần giao diện . . . . . . . . . . . Danh sách các bài viết . . . . . . . . . . . . . . . . . . . . . . . . . . . . Trang chỉnh sửa bài viết . . . . . . . . . . . . . . . . . . . . . . . . . . . Danh sách các tập hình ảnh . . . . . . . . . . . . . . . . . . . . . . . . . Trang chỉnh sửa tập hình ảnh . . . . . . . . . . . . . . . . . . . . . . . . Form thêm hình ảnh . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Màn hình quản lí thành phần icon . . . . . . . . . . . . . . . . . . . . . . Form chỉnh sửa icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Màn hình quản lí thành phần giới thiệu . . . . . . . . . . . . . . . . . . . Form thêm thành tựu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Màn hình quản lí tiêu điểm . . . . . . . . . . . . . . . . . . . . . . . . . Form chỉnh sửa tiêu điểm . . . . . . . . . . . . . . . . . . . . . . . . . . Danh sách cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . Form tìm kiếm danh sách cán bộ . . . . . . . . . . . . . . . . . . . . . . Form thêm cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . Form chỉnh sửa cán bộ thỉnh giảng . . . . . . . . . . . . . . . . . . . . . Danh sách các lần thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . Form chỉnh sửa thông tin lần thỉnh giảng của cán bộ . . . . . . . . . . . Danh sách nhân sự của phòng Tổ chức hành chính . . . . . . . . . . . . Danh sách cán bộ được nhân viên phòng Tổ chức hành chính nhập hồ sơ Danh sách cán bộ được nhập hồ sơ . . . . . . . . . . . . . . . . . . . . . Trang thông tin hồ sơ cán bộ . . . . . . . . . . . . . . . . . . . . . . . . Các loại hồ sơ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Thêm, chỉnh sửa thông tin hồ sơ . . . . . . . . . . . . . . . . . . . . . . Tải lên tập tin hồ sơ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Trang danh sách cán bộ . . . . . . . . . . . . . . . . . . . . . . . . . . . Thông tin cá nhân của cán bộ . . . . . . . . . . . . . . . . . . . . . . . . Thông tin công tác của cán bộ . . . . . . . . . . . . . . . . . . . . . . . . Thông tin người thân của cán bộ . . . . . . . . . . . . . . . . . . . . . . Thông tin lương và các mốc thời gian của cán bộ . . . . . . . . . . . . . Danh sách hợp đồng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix 64 65 65 66 67 68 69 70 71 72 72 73 73 74 75 76 76 77 78 79 79 80 80 81 81 82 83 84 85 86 86 87 88 89 89 90 90 91 91 92 92 93 93 94 Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 5.58 5.59 5.60 5.61 5.62 5.63 5.64 5.65 5.66 5.67 5.68 5.69 5.70 5.71 5.72 5.73 5.74 5.75 5.76 5.77 5.78 5.79 5.80 5.81 5.82 5.83 5.84 5.85 5.86 5.87 5.88 5.89 5.90 5.91 5.92 5.93 5.94 5.95 5.96 5.97 5.98 5.99 5.100 5.101 Tạo mới hợp đồng (thông tin số hợp đồng, ngày ký) . . . . . . . . . . Tạo mới hợp đồng (thông tin bên A) . . . . . . . . . . . . . . . . . . Tạo mới hợp đồng (thông tin bên B dành cho cán bộ mới) . . . . . . Tạo mới hợp đồng (thông tin bên B dành cho cán bộ cũ) . . . . . . . Tạo mới hợp đồng (thông tin điều khoản hợp đồng) . . . . . . . . . . Chỉnh sửa hợp đồng . . . . . . . . . . . . . . . . . . . . . . . . . . . Danh sách báo cáo tháng . . . . . . . . . . . . . . . . . . . . . . . . . Tạo mới báo cáo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Trang chỉnh sửa báo cáo . . . . . . . . . . . . . . . . . . . . . . . . . Tạo mới tập tin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Chỉnh sửa tập tin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Trang dành cho người dùng . . . . . . . . . . . . . . . . . . . . . . . Danh sách lịch công tác tuần . . . . . . . . . . . . . . . . . . . . . . Tạo mới lịch công tác tuần . . . . . . . . . . . . . . . . . . . . . . . . Chỉnh sửa lịch công tác tuần . . . . . . . . . . . . . . . . . . . . . . . Trang dành cho người dùng . . . . . . . . . . . . . . . . . . . . . . . Danh sách thông tin nhiệm vụ Đào tạo của cán bộ . . . . . . . . . . . Tạo, chỉnh sửa thông tin nhiệm vụ Đào tạo . . . . . . . . . . . . . . . Trang tải lên file excel nhiệm vụ Đào tạo . . . . . . . . . . . . . . . . Dữ liệu sau khi tải file lên nhiệm vụ Đào tạo . . . . . . . . . . . . . . Danh sách thông tin nhiệm vụ Sau đại học của cán bộ . . . . . . . . Tạo, chỉnh sửa thông tin nhiệm vụ Sau đại học . . . . . . . . . . . . . Trang tải lên file excel nhiệm vụ Sau đại học . . . . . . . . . . . . . Dữ liệu sau khi tải lên file nhiệm vụ Sau đại học . . . . . . . . . . . Danh sách thông tin nhiệm vụ Khoa học công nghệ của cán bộ . . . Tạo, chỉnh sửa thông tin nhiệm vụ Khoa học công nghệ . . . . . . . Trang tải lên file excel nhiệm vụ Khoa học công nghệ . . . . . . . . Dữ liệu sau khi tải lên file nhiệm vụ Khoa học công nghệ . . . . . . Danh sách thông tin nhiệm vụ Thư viện của cán bộ . . . . . . . . . . Tạo, chỉnh sửa thông tin nhiệm vụ Thư viện . . . . . . . . . . . . . . Trang tải lên file excel nhiệm vụ Thư viện . . . . . . . . . . . . . . . Dữ liệu sau khi tải lên file nhiệm vụ Thư viện . . . . . . . . . . . . . Danh sách thông tin Nhiệm vụ 3 của cán bộ . . . . . . . . . . . . . . Tạo, chỉnh sửa thông tin Nhiệm vụ 3 . . . . . . . . . . . . . . . . . . Trang tải lên file excel Nhiệm vụ 3 . . . . . . . . . . . . . . . . . . . Dữ liệu sau khi tải lên file Nhiệm vụ 3 . . . . . . . . . . . . . . . . . Danh sách thông tin Đánh giá viên chức hành chính - phục vụ . . . . Tạo, chỉnh sửa thông tin Đánh giá viên chức hành chính - phục vụ . . Trang tải lên file excel Đánh giá viên chức hành chính - phục vụ . . . Dữ liệu sau khi tải lên file Đánh giá viên chức hành chính - phục vụ Danh sách thông tin Giảm định mức . . . . . . . . . . . . . . . . . . Tạo, chỉnh sửa thông tin Giảm định mức . . . . . . . . . . . . . . . . Trang tải lên file excel Giảm định mức . . . . . . . . . . . . . . . . . Dữ liệu sau khi tải lên file Giảm định mức . . . . . . . . . . . . . . . x . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 95 95 96 97 98 98 99 99 100 100 101 102 103 104 105 106 107 108 108 109 110 110 111 111 112 113 113 114 115 115 116 116 117 118 118 119 120 120 121 121 122 122 123 Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 5.102 5.103 5.104 5.105 5.106 5.107 Danh sách viên chức làm việc dưới 12 tháng . . . . . . . . . . . . . . . Tạo, chỉnh sửa thông tin Danh sách viên chức làm việc dưới 12 tháng . Trang tải lên file excel Danh sách viên chức làm việc dưới 12 tháng . . Dữ liệu sau khi tải lên file Danh sách viên chức làm việc dưới 12 tháng Trang thông tin đánh giá xếp loại cho cán bộ . . . . . . . . . . . . . . . Trang các nhân thông tin đánh giá xếp loại cho cán bộ . . . . . . . . . . . . . . . 123 124 124 125 125 126 6.1 6.2 6.3 6.4 6.5 6.6 6.7 Section giới thiệu ban đầu . . . . . . . . . Màn hình quản lí thông tin . . . . . . . . . Tạo mới thông tin với icon tùy chỉnh . . . Màn hình thông báo sau khi nhấn lưu . . . Màn hình quản lí các thành tựu của trường Màn hình thông báo sau khi cập nhật . . . Màn hình thông báo sau khi cập nhật . . . . . . . . . . 129 130 131 132 132 133 133 xi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Danh sách bảng 3.1 3.2 Ý nghĩa status code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Các hệ quản trị cơ sở dữ liệu thường gặp . . . . . . . . . . . . . . . . . . 12 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15 4.16 4.17 4.18 4.19 4.20 Use-case detail tính năng "Xem thông tin" . . . . . . . . . . . . Use-case detail tính năng "Thêm thông tin" . . . . . . . . . . . Use-case detail tính năng "Sửa thông tin" . . . . . . . . . . . . Use-case detail tính năng "Xóa thông tin" . . . . . . . . . . . . Use-case detail tính năng "Import dữ liệu" . . . . . . . . . . . . Use-case detail tính năng "Xuất dữ liệu" . . . . . . . . . . . . . Bảng cho menu . . . . . . . . . . . . . . . . . . . . . . . . . . . Bảng cho thành phần trang web . . . . . . . . . . . . . . . . . . Bảng thỉnh giảng . . . . . . . . . . . . . . . . . . . . . . . . . . Bảng thông tin đào tạo . . . . . . . . . . . . . . . . . . . . . . Bảng thông tin nhân viên được phân công lưu hồ sơ cho cán bộ Bảng thông tin hồ sơ của cán bộ . . . . . . . . . . . . . . . . . Bảng cho cán bộ . . . . . . . . . . . . . . . . . . . . . . . . . . Bảng thông tin người thân của cán bộ . . . . . . . . . . . . . . Bảng hợp đồng . . . . . . . . . . . . . . . . . . . . . . . . . . . Bảng báo cáo tháng . . . . . . . . . . . . . . . . . . . . . . . . Bảng báo cáo tháng tập tin . . . . . . . . . . . . . . . . . . . . Bảng lịch công tác tuần . . . . . . . . . . . . . . . . . . . . . . Bảng cho Đánh giá cán bộ . . . . . . . . . . . . . . . . . . . . . Bảng Số tháng làm việc trong năm của cán bộ . . . . . . . . . 5.1 Đánh giá mức hoàn thành nhiệm vụ của người lao động . . . . . . . . . 127 xii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 29 30 31 31 32 40 40 42 43 43 44 45 45 46 47 47 47 51 51 Chương 1 Giới thiệu 1 Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 1.1 Khái quát đề tài Xây dựng hệ thống Cổng thông tin trường đại học bao gồm xây dựng trang thông tin trực tuyến để cung cấp các thông tin, các tiện ích dành cho sinh viên trong quá trình học tập và rèn luyện. Hỗ trợ các cán bộ trong công việc quản lý hoạt động, sự kiện. Hệ thống còn có chức năng quản lý nhân sự, lưu trữ các thông tin quan trọng sử dụng thống kê, cung cấp công cụ cho cán bộ nhân viên thực hiện công việc một cách đơn giản và hiệu quả hơn. Tất cả thông tin và tiện ích đều được cập nhận liên tục, kịp thời nhằm đem lại lợi ích tối đa và tiết kiệm cho người dùng. Những vấn đề hiện tại đang gây khó khăn cho sinh viên, cán bộ công nhân viên và trường đại học như sau: • Sinh viên chưa nắm bắt được các hoạt động sắp diễn ra của trường, các tin tức, các thông tin về cơ hội việc làm một cách nhanh chóng. • Hiện tại báo cáo về dự án phải sử dụng file exel, file word, bản giấy các báo cáo của đơn vị nên tốn nhiều thời gian. • Kiểm soát quyền, nhiệm vụ của cán bộ, công nhân viên còn nhiều hạn chế do khó quản lý, thống kê. Giải quyết những vẫn đề trên trên là một việc làm cần thiết cho sinh viên cũng như nhà trường. Vì vậy cần thiết có một hệ thống có thể giúp giải quyết những vấn đề nêu trên. Kết luận chung: Việc xây dựng các công cụ hỗ trợ cho hệ thống cổng thông tin cho trường đại học là thực sự cần thiết. 1.2 Khó khăn, thử thách • Nghiệp vụ nhiều, trải rộng trên nhiều phòng ban khác nhau. • Tính tiện lợi, đầy đủ các tính năng tuy nhiên vẫn dễ dàng trong sử dụng, vận hành. • Hệ thống hoạt động trong thời gian thực, phục vụ nhanh nhất cho nhu cầu người dùng. • Hệ thống phải thao tác với lượng dữ liệu lớn và từ nhiều nguồn khác nhau nhưng phải đảm báo tính chính xác, ổn định và sẵn sàng. • Số lượng người dùng hệ thống lớn. Các vấn đề kể trên là một số trở ngại mà nhóm gặp phải và cần giải quyết khi xây dựng hệ thống, ứng dụng. 2 Trường Đại Học Bách Khoa TP.Hồ Chí Minh Khoa Khoa Học và Kỹ Thuật Máy Tính 1.3 Nội dung của đề tài Mục tiêu của đề tài Xây dựng cổng thông tin cho trường Đại học là xây dựng cổng thông tin tổng hợp từ các khoa, phòng ban của nhà trường, nhưng do vấn đề thời gian hiện thực luận văn này có hạn nên nhóm chỉ dừng lại ở những nội dung chính sau đây: • Xây dựng giao diện website cổng thông tin giới thiệu về trường, cung cấp thông tin đầy đủ về các tin tức, sự kiện diễn ra của nhà trường. • Xây dựng công cụ báo cáo tháng, lịch công tác trường. • Xây dựng các công cụ giúp phòng tổ chức hành chính làm việc hiệu quả hơn bao gồm: – Quản lý thông tin cán bộ thỉnh giảng. – Quản lý thông tin cán bộ, hợp đồng lao động của cán bộ. – Xây dựng các công cụ quản lý thông tin, lưu trữ hồ sơ cán bộ. – Xây dựng công cụ đánh giá cán bộ cuối năm giúp hỗ trợ quản lý, đánh giá mức hoàn thành thành nhiệm vụ của cán bộ trong năm. 3 Chương 2 Phân tích yêu cầu đề tài 4