Phát triển hệ thống quản lý thực tập

ỦY BAN NHÂN DÂN TP.HCM TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THỦ ĐỨC NGHIÊN CỨU KHOA HỌC NĂM HỌC 2019 - 2020 Tên đề tài: Phát Triển Hệ Thống Quản Lý Thực Tập Mã số: Chủ nhiệm đề tài: Phan Thanh Nhuần TP Hồ Chí Minh, năm 2020 ỦY BAN NHÂN DÂN TP.HCM TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THỦ ĐỨC NGHIÊN CỨU KHOA HỌC NĂM HỌC 2019 - 2020 Tên đề tài: Phát Triển Hệ Thống Quản Lý Thực Tập Mã số: Chủ nhiệm đề tài: Phan Thanh Nhuần TP Hồ Chí Minh, ngày 23 tháng 02 năm 2020 Mục lục Danh mục biểu bảng số liệu Danh mục hình ảnh Phần mở đầu Lý chọn đề tài Mục đích nghiên cứu 10 Đối tượng khách thể nghiên cứu 12 Giả thuyết nghiên cứu 13 Nhiệm vụ nghiên cứu 13 Phương pháp nghiên cứu 15 Phạm vi ảnh hưởng 16 Phần nội dung 17 Chương 1: Cơ sở lý luận 17 1.1 Tổng quan đề tài 17 1.2 Giới thiệu hệ sinh thái phần mềm 18 1.3 Xác định tảng phát triển web 18 1.4 Cài đặt hệ thống Laravel 19 1.4 Tìm hiểu RESTful API 21 1.5 Quy trình quản lý thực tập 23 Chương 2: Thực trạng giải pháp vấn đề nghiên cứu 25 2.1 Quản trị web Khoa CNTT 25 2.2 Nền tảng thiết kế web theo hướng module 28 2.3 Thiết kế theo hướng RESTfull API 30 2.4 Quản lý thực tập 30 2.5 Hoàn thiện tài liệu hướng dẫn sử dụng đến GV sinh viên 31 Chương 3: Kết nghiên cứu 33 3.1 Thiết kế module web Khoa CNTT 33 3.2 Xác thực phân quyền người dùng 37 3.3 Quản lý upload file 40 3.4 Quản lý viết .41 3.5 Quản lý thực tập 42 Kết luận kiến nghị 45 Danh mục tài liệu tham khảo 46 Danh mục chữ viết tắt Chữ thu gọn Chữ đầy đủ CNTT Công nghệ thông tin GV Giảng viên SV Sinh viên HTGD&HT Hỗ trợ giảng dạy học tập TTDN Thực tập doanh nghiệp TTTN Thực tập tốt nghiệp Danh mục biểu bảng số liệu Bảng : Thống kê số liệu so sánh Laravel CodeIgniter GitHub Bảng : Yêu cầu cấu hình hệ thống .19 Bảng : Cấu hình virtual host cho web Khoa CNTT 20 Bảng : Tạo đợt thực tập 43 Danh mục hình ảnh Hình : Thiết kế phần mềm hướng API 10 Hình : Cài đặt Laravel từ composer 20 Hình : Cấu trúc thư mục Laravel vendor 21 Hình : Thiết kế web với RESTful API 22 Hình : Mơ tả hoạt động RESTful API 23 Hình : Giao diện quản trị web Khoa CNTT 25 Hình : Đánh giá trang web Khoa CNTT từ ứng dụng Test Google Speed 26 Hình : Giao diện trang quản trị web Khoa CNTT 28 Hình : Module menu 29 Hình 10 : Logo mơ tả thiết kế hướng module Laravel 29 Hình 11 : Thiết kế hướng RESTful API giúp tương tác với ứng dụng khác 30 Hình 12 : Module menu web khoa CNTT 33 Hình 13 : Kiến trúc HTML/CSS/Js thiết kế lại 33 Hình 14 : Kiến trúc menu web Khoa CNTT 34 Hình 15 : Đánh giá W3C hệ thống 35 Hình 16 : Module liên hệ 36 Hình 17 : Module giới thiệu chương trình đào tạo 36 Hình 18 : Module tin tức thông báo 37 Hình 19 : Ví dụ ACL điều khiển truy cập 38 Hình 20 : Giao diện quản lý người dùng tùy chỉnh lại 38 Hình 21 : Màn hình khai báo quyền hệ thống .39 Hình 22 : Màn hình danh sách quyền hệ thống 39 Hình 23 : Màn hình định nghĩa nhóm quyền 39 Hình 24 : Màn hình quản lý nhóm quyền .40 Hình 25 : Giao diện trình quản lý file 40 Hình 26 : Giao diện hình tùy chỉnh kích thước file 41 Hình 27 : Trang quản lý danh sách viết 41 Hình 28 : Trang tạo viết 42 Hình 29 : Tạo đợt thực tập mẫu năm học 2019-2020 43 Hình 30 : Màn hình nhập thơng tin làm theo ngày 44 Hình 31 : Màn hình nhật ký thực tập 44 Phần mở đầu Lý chọn đề tài + Tính thời đề tài: Trường Cao đẳng Công nghệ Thủ Đức tiến hành nhiều hoạt động hợp tác với doanh nghiệp như: lễ ký kết hợp tác nhà trường doanh nghiệp tiến hành hàng năm, đưa sinh viên tham quan thực tế doanh nghiệp, GV tham gia thực tập công ty, SV tham gia thực tập công ty hai môn học: thực tập doanh nghiệp, thực tập tốt nghiệp Ngồi cịn nhiều hoạt động khác Điều cho thấy việc kết nối hợp tác nhà trường với doanh nghiệp trọng Việc quản lý tốt sinh viên trình thực tập giúp hạn chế xảy vấn đề phát sinh, giảng viên hướng dẫn kịp thời hỗ trợ cần Từ mối quan hệ trường cơng ty ngày gắn bó, giúp trường tạo uy tín lĩnh vực đào tạo nhân Web Khoa CNTT Trường Cao đẳng Công nghệ Thủ Đức xây dựng từ năm 2014 (do tác giả xây dựng), trải qua năm hoạt động có nhiều vấn đề cần phát triển hồn thiện Trong tình hình cơng nghệ kỹ thuật, nhu cầu tuyển dụng, chương trình đào tạo năm 2014, CodeIgniter xem tảng mã nguồn mở “hot”, cung cấp nhiều tiện ích, giúp dự án phát triển tảng gặp nhiều thuận lợi Tuy nhiên, tình hình với yêu cầu đòi hỏi cao, khả giải vấn đề CodeIgniter gặp nhiều khó khăn, khơng thể đáp ứng Laravel tảng, giải pháp tốt lựa chọn Dựa vào thông tin yêu cầu tuyển dụng từ trang tuyển dụng ( itviec: https://itviec.com/, VietnamWorks: https://itviec.com/, …), phản hồi từ SV báo cáo thực tập, thông tin chia sẻ từ công ty cho thấy Laravel tảng phát triển Web PHP lựa chọn phát triển dự án, đặc biệt tích hợp mạnh mẽ tính tương tác với mã nguồn mở khác Bên cạnh đó, có số thống kê từ cộng đồng GitHub cho thấy Laravel lựa chọn tốt phát triển ứng dụng web với PHP Bên số liệu trang GitHub (https://github.com/) vào ngày 23/02/2020 So sánh mã Laravel CodeIgniter https://github.com/laravel/laravel https://github.com/codeigniter4 nguồn Nguồn GitHub /CodeIgniter4 Version 6.x 4.x Watch 303 4600 Star 2300 57700 Fork 858 17900 Contributors 138 524 Bảng 1: Thống kê số liệu so sánh Laravel CodeIgniter GitHub Giải thích thuật ngữ bảng số liệu: GitHub: công ty cung cấp nhiều dịch vụ hosting, website mạng xã hội trao đổi mã nguồn mở, Đối tượng sử dụng nhà phát triển phần mềm toàn cầu Version: phiên dùng để so sánh đối chiếu Watch: số lượt (người dùng) theo dõi Star: số lượt đánh giá yêu thích Fork: số phiên phát triển dựa tảng Contributors: số đối tác tham gia phát triển mã nguồn Với thiết kế web Khoa CNTT tảng cho phép sinh viên tích hợp tính mở rộng web Khoa CNTT, điểm thú vị mà web trước khơng có Cũng thiết kế theo hướng module, giúp web dễ dàng bảo trì, nâng cấp hay mở rộng sau này.Tính quản lý thực tập tích hợp vào web Khoa CNTT dạng module hệ thống Tính quản lý thực tập giúp quản lý Khoa CNTT cần nắm thơng tin tình hình thực tập, theo dõi trình thực tập, lập biểu mẫu báo cáo trường để quản lý Hiện công việc làm thủ công, hệ thống phát triển giúp việc trích xuất thơng tin hồn tồn tự động + Tính cấp thiết đáp ứng nhu cầu phát triển kinh tế - xã hội, nâng cao chất lượng đào tạo: Thực trạng Khoa CNTT, GV hướng dẫn thực tập có cách quản lý SV thực tập khác Việc dẫn đến chưa thống đồng bộ, trưởng đơn vị cần nắm bắt tình hình thực tập sinh viên Khoa gặp số vấn đề Các công ty nhận thực tập muốn nhận SV đợt thực tập tiếp theo, việc tái sử dụng tài nguyên khóa trước để khóa sau tham khảo cải tiến lên, nhu cầu thiết yếu nhằm nâng cao hiệu thực tập, giảm bớt thời gian hướng dẫn lúc đầu vào công ty Đây phản hồi từ số cơng ty nhận SV thực tập Hình thức báo cáo đề tài đề xuất: sử dụng tảng web ứng dụng di động để báo cáo, tất tài nguyên quản lý hệ thống Có thể sử dụng làm tham khảo cho sinh viên khóa sau đến cơng ty Web Khoa CNTT cần phát triển tảng cho phù hợp với nhu cầu tại, tính quản lý thực tập tích hợp vào web khoa CNTT Web thiết kế tảng Laravel, giúp SV Khoa CNTT tương tác với hệ thống thơng qua hướng phát triển vendor Laravel, thiết kế theo hướng RESTful API nên SV theo hướng di động sử dụng để phát triển ứng dụng Mục đích nghiên cứu Đề tài gồm 02 mục tiêu Thiết kế hệ thống R㌳ST䀀ul API thay cho kiến tr c eb Khoa CNTT Với cách thiết kế RESTful API giúp hệ thống giao tiếp đa tảng khác nhau, qua giúp web Khoa CNTT xây dựng hệ sinh thái với nhiều tiện ích mở rộng web Khoa, GV/SV viết tiện ích mở rộng sử dụng API để phát triển Hình 1: Thiết kế phần mềm hướng API Nền tảng bên thay đổi, web Khoa CNTT có số thay đổi Cụ thể: * Phía người dùng cuối: o Giao diện: khơng thay đổi o Cấu trúc HTML/CSS/Js có thay đổi theo chuẩn W3C, Test Google Speed, SEO o Tính năng: khơng thay đổi * Phía người dùng quản trị: o Giao diện: thay đổi phù hợp với tình hình  Đăng tin viết: dễ dàng o Tính năng: thay đổi phụ hợp với tình hình  Đăng tin viết: phù hợp  Quản trị: dễ dàng tra cứu, tìm kiếm Tài liệu mô tả hiển thị bên trang quản trị, giúp cho việc cập nhật tài liệu có tính tức thì, giúp người đọc tiếp cận cách thuận lợi Chương 3: Kết uả nghiên cứu 3.1 Thiết kế module eb Khoa CNTT Thiết kế module giao diện Tác giả phát triển 50 module giao diện dựa giao diện web Giao diện sử dụng lại, kiến trúc HTML/CSS/Js bên hoàn toàn thiết kế đáp ứng chuẩn W3C Test Google Speed Hình 12: Module menu web khoa CNTT Kiến trúc HTML/CSS/Js thiết kế lại cho phù hợp Hình 13: Kiến trúc HTML/CSS/Js thiết kế lại Kiến trúc cũ trước Hình 14: Kiến trúc menu web Khoa CNTT Kết đánh giá từ chuẩn W3C Hình 15: Đánh giá W3C hệ thống Các lỗi cảnh báo từ W3C sửa Tuy nhiên, lỗi báo tầng framework Bootstrap khơng sửa Đây thư viện, việc sửa đổi gây khó khăn trình nâng cấp Đây vấn đề cần khắc phục thời gian tới Một số module giao diện khác Hình 16: Module liên hệ Hình 17: Module giới thiệu chương trình đào tạo Hình 18: Module tin tức thơng báo Thiết kế module xử lý tính 3.2 Xác thực phân uyền người dùng Access Control Lists (ACLs) lọc request đến response tới người dùng Để từ cho phép hay từ chối yêu cầu đến từ người dùng Hình 19: Ví dụ ACL điều khiển truy cập Package thực hệ sinh thái Laravel với tên gọi: laravel-authenticationacl (https://github.com/intrip/laravel-authentication-acl) Bản chất, module phát triển dựa tảng sentry2 phát triển CARTALYST(https://cartalyst.com) Khi tiến hành tìm hiểu thấy module cần tùy chỉnh số tính khơng phù hợp như: tìm kiếm theo quốc gia, mã code Phát triển thêm tính phân loại người dùng theo danh mục phịng ban chức Hình 20: Giao diện quản lý người dùng tùy chỉnh lại Màn hình quản lý, định nghĩa quyền hạn truy cập hệ thống Hình 21: Màn hình khai báo quyền hệ thống Hình 22: Màn hình danh sách quyền hệ thống Mỗi user có nhiều quyền hạn hệ thống để tương tác nhiều tính khác Hệ thống cung cấp thiết lập nhóm quyền Để từ thiết lập quyền hạn người dùng theo nhóm quyền Hình 23: Màn hình định nghĩa nhóm quyền Hình 24: Màn hình quản lý nhóm quyền 3.3 Quản lý upload 䀀ile Trình quản lý file ứng dụng quản lý media (hình ảnh, video) upload vào hệ thống Hình 25: Giao diện trình quản lý file Trình quản lý file cung cấp tiện ích xử lý hình ảnh chọn vùng, tùy chỉnh kích thước ảnh cho phù hợp Hình 26: Giao diện hình tùy chỉnh kích thước file 3.4 Quản lý viết Đây module thiết kế dựa module ACL Cung cấp nhiều tính bảo mật SQL Injection, CSRF, XSS Trang quản lý viết cung cấp nhiều tiện ích tìm kiếm, copy viết, … giúp dễ dàng việc quản trị Hình 27: Trang quản lý danh sách viết Hình 28: Trang tạo viết 3.5 Quản lý thực tập Đây tính phát triển thêm tích hợp vào web Khoa CNTT Tính thực dựa quy trình quản lý thực tập Khoa CNTT, mơ tả mục 2.4 Tính phát triển theo kiến trúc web Khoa CNTT, thiết kế theo hướng module hóa, cài đặt vào hệ thống web Khoa CNTT mà chỉnh sửa hệ thống Tạo tài khoản đăng nhập Thiết lập môi trường đợt thực tập + Tạo đợt thực tập Do quản trị viên web Khoa CNTT tạo đợt thực tập Nội dung cần tạo mô tả bảng sau STT Nội dung cần tạo Ví dụ Năm học 2019-2020 Học phần thực tập TTDN tháng TTDN hay TTTN TTTN Giảng viên hướng dẫn Nguyễn Huy Hoàng Bảng 4: Tạo đợt thực tập Kết tạo đợt thực tập hình sau Hình 29: Tạo đợt thực tập mẫu năm học 2019-2020 Cung cấp tính nhập thơng tin cơng việc thực theo ngày Hình 30: Màn hình nhập thơng tin làm theo ngày Hình 31: Màn hình nhật ký thực tập Kết luận kiến nghị Web Khoa CNTT triển khai Khoa CNTT Trường Cao đẳng Công nghệ Thủ Đức từ năm 2014 đến (2020) Trong đợt nâng cấp này, ngồi tính phát triển Laravel hệ sinh thái phần mềm mã nguồn mở hỗ trợ, tác giả phát triển thêm tính sau để phù hợp với Khoa CNTT Trường Cao đẳng Công nghệ Thủ Đức  Thiết kế giao diện theo hướng module, đáp ứng tiêu chuẩn W3C Test Google Speed Giao diện sử dụng giao diện có kiến trúc HTML/CSS/Js thay đổi  Tùy chỉnh module hỗ trợ từ cộng đồng mã nguồn mở phù hợp với yêu cầu web Khoa CNTT xác thực phân quyền, quản lý file  Thiết kế module xử lý tính theo hướng module đáp ứng yêu cầu Laravel nhiều công ty áp dụng phát triển web Điểm mạnh cung cấp source code miễn phí, hỗ trợ tích cực từ đội ngủ phát triển, nhiều tính mạnh mẽ Chính vậy, cần thiết tham gia tìm hiểu từ tập thể GV Khoa CNTT nói riêng tồn thể SV Khoa CNTT Trường Cao đẳng Cơng nghệ Thủ Đức nói chung, để hồn thiện hệ thống ngày tốt Các tiện ích mở rộng phát triển xây dựng tiện ích đăng nhập dùng Google, Facebook, GitHub Hoặc là, xây dựng tiện ích báo tin đăng web Khoa CNTT đến SV Khoa CNTT khoa Hoặc là, viết unit test cho module Vì thiết kế phần mềm theo hướng module, nên việc viết unit test hoàn toàn thuận lợi Danh mục tài liệu tham khảo 1㔷 Laravel, “Laravel”, Laravel Online Manual, 209 Trực tuyến㔷 Available: https://laravel.com Đã truy cập 2019㔷 2㔷 W Jason Gilmore , 3㔷 Andrew Pham, Phuong-Van Pham, Nguyen Viet Khoa, Quản trị dự án phần mềm theo triết lý Agile, NXB Bách Khoa Hà Nội, 2015 4㔷 Trung tâm HTDN ĐTNL, Quy trình biểu mẫu học kỳ doanh nghiệp, TDC, 2015