基于Web的“1+X”全過程管理系統設計

陳海鋒 丘美玲

基金項目：廣東省高等職業教育教學改革項目（GDJG2021288）

第一作者簡介：陳海鋒（1988-），男，碩士，助教。研究方向為計算機應用。

DOI：10.19981/j.CN23-1581/G3.2024.12.006

摘? 要：隨著我國教育水平的不斷發展以及產業結構的加快調整，職業教育已經成為教育體系中的重要組成部分。為向社會提供優質的人才資源，國家在2019年提出啟動“1+X”證書試點工作以推進職教改革。為保障證書項目的順利實施，讓學生掌握證書中要求的技能，以及證書項目實施過程中的各種數據收集，需要各種現代系統的支撐。而基于Web的系統有跨平臺訪問，無需安裝，實時更新，數據集中等優勢，因此實現基于Web的“1+X”全過程管理系統具有一定的實用價值。

關鍵詞：“1+X”證書；職業教育；管理系統；全過程管理；Web系統設計

中圖分類號：TP311? ? ? 文獻標志碼：A? ? ? ? ? 文章編號：2095-2945（2024）12-0024-04

Abstract： With the continuous development of China's education level and the accelerated adjustment of the industrial structure， vocational education has become an important part of the education system. In order to provide the society with high-quality human resources， the state proposed to launch the pilot work of "1+X" certificate in 2019 to promote the reform of vocational education. In order to ensure the smooth implementation of the certificate project， make students master the skills required in the certificate， as well as all kinds of data collection in the implementation process of the certificate project， the support of various modern systems is needed. The system based on Web has the advantages of cross-platform access， no installation， real-time update， data centralization and so on， thereby has certain practical value to realize the whole process management system based on Web.

Keywords： "1+X" certificate; vocational education; management system; whole process management; Web system design

在“學歷證書+若干職業技能等級證書”制度試點，即“1+X”證書制度試點工作啟動以后[1]，各地院校都在積極開展“1+X”相關的培訓、考證工作[2]。其中“書證融通”是推動“1+X”制度實施的核心，其要求證書的設置能夠為產業和崗位提供符合需求的人才，專業教學的知識和技能能夠和職業技能證書相對接，從而實現學歷教育和職業教育相結合的應用型人才培養模式[3-4]。在“1+X”推進探索的過程中仍然存在不少的問題。①平臺不完善，雖然針對證書考證已經推出了一些練習平臺，但是每個平臺都有自己的局限性[5]，尤其是擴展性方面，當一個平臺不能滿足需求時，需要尋找其他解決方法，這就導致了考一個證書經常需要綜合利用多個平臺；②資源利用不充分，在同一個專業群里面，雖然不同的專業會對應不同的證書，但是很多基礎課程是一樣或者通用的，每個證書的考證復習時沒有很好地把這些資源利用起來。為了解決這些問題設計開發基于Web的“1+X”全過程管理系統具有較大現實意義。

1? 系統介紹

1.1? 系統角色

“1+X”全過程管理系統一共有3種角色：管理員、教師和學生。管理員主要負責維護系統基礎信息，負責教師管理、部門管理、專業管理等；教師負責管理和教學考證相關信息，負責班級管理、學生管理、課程管理、考試管理、就業管理和查看數據等；學生主要是瀏覽和考證相關信息，進行課程學習、進行考試、回答問卷等（表1）。

1.2? 總體架構

“1+X”全過程管理系統把考證的整體流程進行統一的管理，主要功能包括考證前期所需知識的課程學習，備考中所需模擬測試，以及考后相關信息跟蹤分析。如圖1所示，用戶在經過身份驗證登錄系統后會根據自身的身份權限使用系統的不同模塊。其中人員管理模塊用于管理不同角色使用系統的人員，以及人員所在組織（部門、專業、班級）的管理；課程管理用于錄入課程相關資源，并提供給學生學習；考試管理用于錄入題目、組成考卷、組織考試和試卷打分等功能；問卷管理用于提供調查問卷，調查考證學習情況，以及證書在學生就業或升學中發揮的作用；數據分析模塊對數據進行分析對比，為日后相關工作提供數據指導。

表1? 系統角色表

1.3? 關鍵技術

系統的實現使用了前后端分離技術，以方便代碼的維護?？蛻舳隧撁婧头掌魍ㄟ^RESTful風格的接口，以JSON格式的數據進行交互。

在服務器端，使用了基于Java的Spring-boot框架。Java是一種跨平臺的編程語言，它的代碼可以在不同的操作系統上運行，只要目標系統有相應的Java虛擬機（JVM）。這種跨平臺性是通過將Java代碼編譯成中間代碼（字節碼）來實現的，這樣便能方便地部署到多種系統上。Spring-boot建立在Spring框架之上，并提供了許多優點和便利性，使得開發者可以更快速、更容易地創建高效的應用程序[6]。由于Spring-boot構建在Spring框架之上，因而繼承了Spring框架的所有功能和生態系統[7]，這意味著可以在Spring-boot應用程序中輕松集成這些功能。除了Spring框架的好處，Spring-boot還有以下優點。①具有簡化的配置，采用了“約定優于配置”的原則，提供了默認配置，開發者可以快速上手而無需復雜的配置。它自動配置了很多常見的應用程序組件，如數據源、緩存、日志等。②具有可擴展性，Spring-boot是高度可擴展的，你可以根據應用程序的需要選擇添加自定義組件和功能，而不會破壞整體結構。系統數據存儲所使用的數據庫是MySQL數據庫，MySQL數據庫是一個使用廣泛的關系型數據庫，能夠輕松存儲和處理大數據[8]。

在客戶端，使用的是基于JavaScript的Vue框架。Vue具有以下優點。①易學易用。Vue的語法簡單直觀，易于學習和上手，即使對初學者也很友好。Vue的核心庫非常輕巧，且文檔豐富。②組件化開發。Vue鼓勵組件化開發，使得應用程序的各個部分可以獨立開發、測試和維護。這種模塊化的開發方式有助于提高代碼的可重用性和可維護性。③響應式數據綁定。Vue提供了雙向數據綁定，能夠將數據和DOM元素自動同步，簡化了UI的開發和更新過程。避免或大大減少了手動DOM操作的需要。④生態系統豐富。Vue擁有龐大的生態系統，包括像Vue-Router、Pinia、Element-UI等第三方庫、插件和工具，使開發過程更加高效[9]。網絡請求使用的是Axios，Axios是一個HTTP請求庫，能同時在瀏覽器和node.js服務端使用，具有較好的兼容性和性能表現[10]。

2? 系統各模塊介紹

2.1? 人員管理模塊

人員管理模塊主要錄入相關角色人員的基礎數據。如圖2所示，系統初始狀態只有管理員可以登錄，管理員登陸后可以錄入部門信息以及根據部門實際需要錄入擁有有限權限的其他管理員以便進行相關的操作，管理員同時也可以對教師信息和學生信息進行管理。當管理員錄入教師信息后，教師便可以根據獲取到的初始密碼登錄，錄入班級信息以及在班級下錄入學生信息。學生在教師錄入信息后便可以根據獲取到的初始密碼進行登錄修改自己的密碼。

圖2? 人員管理模塊

2.2? 課程管理模塊

課程管理模塊主要用于給教師管理課程資源，提供資源給學生學習以及練習習題鞏固知識。如圖3所示，證書類別管理主要用于設立類別對課程進行分類管理，往往一個證書會涉及多門課程的學習，方便教師針對證書來建立課程。在教師選擇對應的證書模塊后，便可以錄入相關的課程。課程錄入可以先錄入課程章節，再在每個章節下錄入課程資源，課程資源包括本地上傳的文件，以及其他線上的學習鏈接。錄入的習題分客觀題和主觀題?？陀^題可以根據提前錄入的答案由系統自動批改，主觀題則由有批改題目功能的教師進行批改。教師錄入完課程和試題后，學生便可以登錄系統進行學習以及做題鞏固知識。查看錯題功能用于查看之前做錯的部分以便學生可以有針對性地鞏固復習。

2.3? 考試管理模塊

考試管理模塊主要用于提供考證前的模擬考試。教師根據模擬考試的結果進一步指導教學，學生也可以根據考試結果來調整復習。如圖4所示，試卷管理用于錄入考試試題，方便重復利用?？荚嚬芾碛糜阡浫肟荚嚂r間、試卷、考試學生等和考試相關的信息。錄入的題目可以分為客觀題和主觀題?？陀^題可以根據教師提前錄入的答案由系統自動批改，主觀題則由有批改試卷功能的教師進行批改。系統根據批改的得分算出最終成績。學生在規定的考試時間內可以登錄系統進行考試做題并提交答題。在教師設置的考試結束后，學生可以登錄系統查看考試結果以及錯題。

2.4? 問卷管理模塊

問卷管理模塊主要提供問卷調查功能。問卷模塊中的問卷主要調查的內容有：①學生在完成考證后的意見建議反饋，包括課程內容是否覆蓋考證所需知識，是否有不符合的課程，模擬考試的試題對考證復習是否有幫助，需要做出怎樣的改進等內容；②學生在就業后對證書的意見反饋，包括證書對找工或者工作的作用，證書和工作崗位的關聯度，公司對證書的認可度等內容。如圖5所示，教師在問卷管理中，可以建立問卷分組方便分類管理，然后在每個分類中建立調查問卷，發布問卷給指定范圍的學生進行填寫。學生在收到問卷調查后便可以根據實際情況填寫問卷，并提出改進的意見。教師收集好學生的調查問卷后可以查看填寫結果，撰寫調查報告，填寫總結后的結果、個人見解和建議，方便日后進行工作改進。

圖5? 問卷管理模塊

2.5? 數據分析模塊

數據分析模塊主要用于考試模塊，調查問卷模塊的相關數據進行分析處理，生成相關的圖標進行查看。如圖6所示，教師可以從其他模塊導入相關的數據進行處理，然后生成可視化的圖表，方便進行分析工作。生成好圖表后，教師可以根據圖表數據改進教學工作，學生也可以根據相應的結果調整學習進度。

圖6? 數據分析模塊

3? 結束語

本文設計了一款基于Web的“1+X”全過程管理系統，解決了“1+X”證書知識點的學習、考證前期準備復習工作以及考證后的跟進工作等過程分開管理的問題，即每一個管理過程都需要人工管理或者借助其他系統管理，需要切換多個系統。同時也解決了由于使用多個系統而導致的數據割裂不方便管理的問題?，F在很多系統的使用或者升級都需要一定的費用，在經費緊張的情況下，可以大大地節省成本。因此使用本系統可以有效提高“1+X”考證的管理效率，節約費用成本。

參考文獻：

[1] 袁燕妮.“1+X證書”制度下web前端開發課程“課崗證”融通改革體系探究[J].電腦知識與技術，2021，17（16）：161-163.

[2] 李美.“1+x”證書制度下高職教育新型專業師資隊伍構建研究[J].牡丹江大學學報，2022，31（5）：83-87，108.

[3] 王睿，楊帆，陶健，等.1+X證書制度下課證融通教學資源建設的研究——以Web前端開發職業技能等級證書為例[J].工業和信息化教育，2022（4）：9-14.

[4] 陸校松，朱云峰，楊俊.“1+X”證書制度下職業院校計算機類專業課證融通案例——以Web前端開發職業技能等級證書為例[J].數字技術與應用，2022，40（9）：60-62.

[5] 張遠平.“1+X”證書制度下Web前端開發試題庫的設計與建設[J].中國教育信息化，2021（23）：59-62，67.

[6] 王科翔，劉星含，婁志城，等.基于Spring Boot+Vue框架的智慧學習平臺的設計與實現[J].無線互聯科技，2023，20（14）：65-68.

[7] 張浩.SSM框架在Web應用開發中的設計與實現研究[J].電腦知識與技術，2023，19（8）：52-54.

[8] 熊群毓.大數據時代MySQL數據庫的應用分析[J].信息與電腦（理論版），2023，35（14）：209-212.

[9] 張威.基于Vue.js的專利學習平臺開發設計與實現[J].電腦知識與技術，2023，19（22）：57-60.

[10] 何向繁.Axios和Fetch數據傳輸效率分析[J].江西通信科技，2023（2）：27-28，37.