導(dǎo)語：高校教學(xué)督導(dǎo)和質(zhì)量反饋系統(tǒng)設(shè)計(jì)分析一文來源于網(wǎng)友上傳，不代表本站觀點(diǎn)，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

摘要：本文設(shè)計(jì)并實(shí)現(xiàn)基于HTML5的高校教學(xué)督導(dǎo)和質(zhì)量反饋系統(tǒng)。通過APP移動終端（1）督導(dǎo)人員可以隨時(shí)隨地提交督導(dǎo)信息，教學(xué)質(zhì)量監(jiān)管部門可以實(shí)時(shí)將數(shù)據(jù)轉(zhuǎn)發(fā)給相關(guān)院系和老師，并通過系統(tǒng)反饋相應(yīng)信息。（2）對于已經(jīng)錄入系統(tǒng)的任意一條督導(dǎo)信息，可以長期跟蹤，重復(fù)督導(dǎo)，監(jiān)督其改進(jìn)提升情況。（3）通過數(shù)據(jù)分析，繪制教學(xué)質(zhì)量分析圖表，便于專家、領(lǐng)導(dǎo)把握全局，提升教學(xué)質(zhì)量監(jiān)管水平，全面支撐學(xué)校教學(xué)質(zhì)量的管控和提升。系統(tǒng)以HTML5，C#為開發(fā)語言，基于visualstudio2015開發(fā)環(huán)境，綜合運(yùn)用HTML,JS,Ajax,JQuery技術(shù)設(shè)計(jì)并實(shí)現(xiàn)。

關(guān)鍵詞：教學(xué)督導(dǎo)；HTML5；Layui框架；教學(xué)質(zhì)量反饋

1緒論

教學(xué)督導(dǎo)管理是學(xué)校教學(xué)改革和發(fā)展的需要，是對教學(xué)工作實(shí)施有效監(jiān)督與指導(dǎo)的一項(xiàng)制度和標(biāo)準(zhǔn)，大部分高校依舊通過以線下、紙質(zhì)的傳統(tǒng)督導(dǎo)方式。這種方式無法充分、有效、快速地記錄及保存數(shù)據(jù)，更無法有效分析和利用數(shù)據(jù)，且數(shù)據(jù)極易丟失或難以長期跟蹤。確立科學(xué)有效的高校教學(xué)督導(dǎo)理念、選擇適宜的學(xué)校教學(xué)督導(dǎo)方法和構(gòu)建規(guī)范、完善的高校教學(xué)督導(dǎo)體系是學(xué)校教學(xué)管理改革的重要途徑。

2系統(tǒng)總體設(shè)計(jì)

2.1系統(tǒng)用例圖。依據(jù)軟件工程的思想，系統(tǒng)用戶分為普通教師、督導(dǎo)員(院督導(dǎo)員、校督導(dǎo)員)、管理員(院管理員、校管理員)。普通教師僅可修改個(gè)人信息和查看督導(dǎo)成績以及相關(guān)建議。督導(dǎo)員可以查看已督導(dǎo)的相關(guān)信息。院管理員可以查看本學(xué)院所有督導(dǎo)員督導(dǎo)的信息，并能夠打印出督導(dǎo)表。超級管理員對系統(tǒng)用戶、功能和報(bào)表信息進(jìn)行全面綜合管理。普通教師僅可修改個(gè)人信息和查看督導(dǎo)成績以及相關(guān)建議。督導(dǎo)員可以查看已督導(dǎo)的相關(guān)信息。院管理員可以查看本學(xué)院所有督導(dǎo)員督導(dǎo)的信息，并能夠打印出督導(dǎo)表，可以添加本院用戶。系統(tǒng)用例模型圖如圖1所示。2.2系統(tǒng)需求分析（功能模塊）。因各個(gè)高校督導(dǎo)指標(biāo)、教學(xué)要求、質(zhì)量管控、教學(xué)評價(jià)、打分量化機(jī)制等差異，高校教學(xué)督導(dǎo)和質(zhì)量反饋系統(tǒng)的需求具有一定的復(fù)雜性。為滿足上述個(gè)性化、差異化和智能化的需求，本系統(tǒng)采用管理員自定義督導(dǎo)指標(biāo)、教學(xué)要求、質(zhì)量管控、教學(xué)評價(jià)和打分量化機(jī)制的方式，各個(gè)高校的管理員可用根據(jù)所在高校的的特點(diǎn)和需求“自定義”督導(dǎo)。在這個(gè)大框架下，督導(dǎo)需求被分為前端和后端。系統(tǒng)功能需求和系統(tǒng)結(jié)構(gòu)如圖2所示。督導(dǎo)系統(tǒng)的前端需求包括以下七個(gè)模塊。（1）督導(dǎo)員根據(jù)督導(dǎo)安排。系統(tǒng)生成動態(tài)二維碼，督導(dǎo)員可用實(shí)用系統(tǒng)動態(tài)生成的二維碼定位到需要督導(dǎo)的課程。除此之外，系統(tǒng)支持學(xué)校校園網(wǎng)統(tǒng)一認(rèn)證登陸方式。當(dāng)督導(dǎo)員收到學(xué)校督導(dǎo)通知后，督導(dǎo)員登陸學(xué)校電子政務(wù)或督導(dǎo)專用入口，通過用戶名和密碼登陸，賬號和密碼為學(xué)校校園網(wǎng)訪問所需的統(tǒng)一認(rèn)證賬號和密碼。（2）課程搜索。督導(dǎo)員登錄成功后，系統(tǒng)支持通過按教師搜索、按時(shí)間搜索、按課程搜索、按上課地點(diǎn)搜索等方式進(jìn)行教師課程搜索。通過動態(tài)二維碼登陸的督導(dǎo)人員，可用直接定位到督導(dǎo)任務(wù)指派的聽課課程。（3）課程選擇。督導(dǎo)員按系統(tǒng)指定方式定位到課程后，選擇將要聽課的教師課程，點(diǎn)擊該課程，系統(tǒng)提示選擇督導(dǎo)類型。（4）督導(dǎo)類型。根據(jù)課程的評價(jià)體系和指標(biāo)的差異，系統(tǒng)將督導(dǎo)類型分四種：理論課程督導(dǎo)、實(shí)踐課程督導(dǎo)、藝體課程課督導(dǎo)和領(lǐng)導(dǎo)干部督導(dǎo)。（5）數(shù)據(jù)。若督導(dǎo)員已經(jīng)對所選擇的課程進(jìn)行督導(dǎo)，第二次點(diǎn)擊時(shí)將提示該課程已被督導(dǎo)。防止督導(dǎo)人員誤操作。如果督導(dǎo)人員確需再次對同一課程進(jìn)行督導(dǎo)，則需要該課程所在院系的管理員在后臺設(shè)定為“允許對同一課程多次督導(dǎo)”。（6）督導(dǎo)課程。督導(dǎo)員選擇某種督導(dǎo)類型后，系統(tǒng)將提示該督導(dǎo)類型的督導(dǎo)指標(biāo)信息。（7）督導(dǎo)數(shù)據(jù)驗(yàn)證。督導(dǎo)指標(biāo)信息填寫完成后，點(diǎn)擊提交時(shí)前端腳本進(jìn)行數(shù)據(jù)驗(yàn)證是否滿足條件，不滿足時(shí)，將提示錯(cuò)誤信息。否則，提交數(shù)據(jù)到數(shù)據(jù)庫，本次督導(dǎo)完成。督導(dǎo)系統(tǒng)的后后端需求包括以下五個(gè)模塊。（1）人員登錄。登錄模塊分為超級管理員、院管理員、校督導(dǎo)員、院督導(dǎo)員和普通教師等角色。登錄的用戶根據(jù)角色劃分后，各個(gè)角色只能看到該角色與系統(tǒng)交互的部分和功能。（2）系統(tǒng)公告。超級管理員可以系統(tǒng)公告，主要有公告主題和公告內(nèi)容以及公告時(shí)間。（3）人員管理。管理員可以進(jìn)行系統(tǒng)人員管理，包括對人員的添加、刪除和修改人員信息等。超級管理員可以添加任一個(gè)角色的人員，院管理員僅可添加、刪除和修改本學(xué)院管理員。（4）督導(dǎo)指標(biāo)管理。超級管理員可以進(jìn)行督導(dǎo)指標(biāo)管理，添加指標(biāo)時(shí)可以添加指標(biāo)主題、時(shí)間、以及指標(biāo)內(nèi)容。督導(dǎo)指標(biāo)時(shí)最高為3級指標(biāo)，最低為1級指標(biāo)。（5）督導(dǎo)數(shù)據(jù)管理。超級管理員可以查詢所有督導(dǎo)員督導(dǎo)的信息，院管理員僅可查詢本學(xué)院的督導(dǎo)員督導(dǎo)的信息，督導(dǎo)員僅可查看自己督導(dǎo)的信息。超級管理員可以按督導(dǎo)員、教師所在學(xué)院、學(xué)生所在學(xué)院條件進(jìn)行數(shù)據(jù)統(tǒng)計(jì)管理。

3系統(tǒng)實(shí)現(xiàn)

3.1系統(tǒng)PC端設(shè)計(jì)與實(shí)現(xiàn)。系統(tǒng)電腦端主頁主要由用戶賬號輸入框、用戶密碼輸入框、角色選擇單選按鈕、登錄按鈕、系統(tǒng)版權(quán)信息布局組成。系統(tǒng)賬號默認(rèn)學(xué)校統(tǒng)一編碼，由學(xué)校統(tǒng)一編碼，6位長度，字符串。如203001。用戶密碼為6-12位長度的字符串，字符不限。初始密碼默認(rèn)工號，用戶登錄后可以更改密碼。角色權(quán)限(用戶角色)由超級管理員在添加用戶時(shí)設(shè)定，默認(rèn)普通教師。PC端登錄頁面實(shí)現(xiàn)圖如圖3所示。用戶進(jìn)入系統(tǒng)登錄頁面，賬號及密碼驗(yàn)證成功后，選擇相應(yīng)的角色點(diǎn)擊登錄。登錄按鈕的click事件包含ajax中的post方法會將數(shù)據(jù)提交給后端服務(wù)器中的GetLogin方法，GetLogin方法會將請求的數(shù)據(jù)作為條件查詢數(shù)據(jù)庫，將查詢狀態(tài)響應(yīng)給前端ajax，若傳回的狀態(tài)中有數(shù)據(jù)，則將該數(shù)據(jù)session保存，并跳轉(zhuǎn)到系統(tǒng)主界面，否則提示用戶賬號或密碼錯(cuò)誤。系統(tǒng)電腦端主頁主要由頂部導(dǎo)航條、左側(cè)導(dǎo)航條、界面操作、iframe子頁面、系統(tǒng)版權(quán)信息布局組成。頂部導(dǎo)航條包括系統(tǒng)logo及名稱、用戶頭像及姓名、個(gè)人資料、我的消息、修改密碼、退出系統(tǒng)。左側(cè)導(dǎo)航條主要是用戶操作功能的頁面鏈接，方便用戶操作。界面操作主要是顯示打開的子界面，系統(tǒng)設(shè)計(jì)了對應(yīng)的關(guān)閉和刷新功能。Iframe子頁面是顯示用戶點(diǎn)擊功能鏈接的子頁面。系統(tǒng)版權(quán)信息是系統(tǒng)的版權(quán)和地址信息。點(diǎn)擊左側(cè)導(dǎo)航條查詢統(tǒng)計(jì)-按督導(dǎo)員督導(dǎo)統(tǒng)計(jì)鏈接，將跳轉(zhuǎn)到按督導(dǎo)員督導(dǎo)統(tǒng)計(jì)頁面，該頁面主要由text文本框（搜索條件）、button（查詢按鈕）、button（打印按鈕）、button（導(dǎo)出excel按鈕）、table（數(shù)據(jù)表格）。按督導(dǎo)員督導(dǎo)統(tǒng)計(jì)頁面如圖4所示。因篇幅有限，僅展示部分頁面截圖。3.2系統(tǒng)手機(jī)端登錄頁面設(shè)計(jì)及實(shí)現(xiàn)。系統(tǒng)手機(jī)端登錄頁面主要由系統(tǒng)logo、用戶賬號輸入框、用戶密碼輸入框、登錄按鈕布局組成。賬號默認(rèn)學(xué)校統(tǒng)一編碼，由學(xué)校統(tǒng)一編碼，6位長度，字符串。如203001。用戶密碼為6-12位長度的字符串，字符不限。手機(jī)端登錄僅為督導(dǎo)員設(shè)計(jì)，其他用戶均不可登錄。督導(dǎo)員登錄成功后，進(jìn)入課程搜索方式頁面，該頁面主要用div標(biāo)簽和超鏈接a標(biāo)簽組成。課程搜索方式分為以下四種方式，分別為按教師信息搜索（工號，姓名）、按上課時(shí)間搜索、按上課地點(diǎn)搜索、按課程名稱搜索。點(diǎn)擊按教師信息搜索，將跳轉(zhuǎn)到進(jìn)入教師信息搜索頁面，該頁面主要用div標(biāo)簽、text文本框、button（搜索按鈕）、span標(biāo)簽和超鏈接a標(biāo)簽組成。輸入相關(guān)條件，點(diǎn)擊搜索按鈕，ajax將數(shù)據(jù)提交到服務(wù)器，服務(wù)器即可與數(shù)據(jù)庫連接模糊查找相關(guān)數(shù)據(jù)，并響應(yīng)到手機(jī)端顯示。點(diǎn)擊將要督導(dǎo)的課程，將彈出課程督導(dǎo)類型：理論督導(dǎo)聽課、實(shí)踐督導(dǎo)聽課、藝體課督導(dǎo)聽課、領(lǐng)導(dǎo)干部督導(dǎo)聽課。選擇相應(yīng)的課程類型。頁面主要用div標(biāo)簽、radio單選框、button（搜索按鈕）組成。點(diǎn)擊確認(rèn)時(shí)，若此課程已督導(dǎo)將彈出該課程已被督導(dǎo)提示，若沒被督導(dǎo)，將進(jìn)入課程督導(dǎo)頁面。課程督導(dǎo)類型選擇頁面如圖5和圖6所示。

4結(jié)論

本文設(shè)計(jì)并開發(fā)的基于HTML5的高校教學(xué)督導(dǎo)和質(zhì)量反饋系統(tǒng)，讓高校教學(xué)督導(dǎo)和質(zhì)量監(jiān)控工作更便捷、科學(xué)、智慧。對提高高校教學(xué)質(zhì)量、提高課堂教學(xué)效率有有一定的實(shí)用價(jià)值。系統(tǒng)能夠收集教學(xué)質(zhì)量監(jiān)控?cái)?shù)據(jù)，覆蓋高校教學(xué)質(zhì)量保障的主要環(huán)節(jié)，為高校教學(xué)督導(dǎo)和管理提供信息化工具，為普通教師教學(xué)質(zhì)量的提升提供科學(xué)的方法和依據(jù)。

參考文獻(xiàn)

[1]謝維,侯建成,黃鑫,來永巍,馬赫,陳禹,鄭中華.高校教學(xué)質(zhì)量督導(dǎo)體系的構(gòu)建及其實(shí)施路徑研究[J].吉林醫(yī)藥學(xué)院學(xué)報(bào),2020,41(02):119-120.

[2]周宇軒,朱科旭,楊知涵,唐詩鈺,褚永彬.基于HTML5的“慢游”旅游WebApp設(shè)計(jì)與實(shí)現(xiàn)[J].電腦與信息技術(shù),2020,28(02):47-50.

[3]肖文娟,王加勝.基于Vue和SpringBoot的校園記錄管理WebApp的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)應(yīng)用與軟件,2020,37(04):25-30+88.

[4]陳印,何強(qiáng).基于多終端的高校教材管理業(yè)務(wù)分析與系統(tǒng)設(shè)計(jì)[J].內(nèi)江科技,2020,41(03):46-48.

[5]彭寧葉子,鄧軼,范甲昊,嚴(yán)涵,葉遠(yuǎn)智,任福.基于HTML5Canvas的態(tài)勢符號標(biāo)繪系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].測繪與空間地理信息,2020,43(02):73-75+78.

[6]王玲,董琦,田雨辰,王曉麗.基于互聯(lián)網(wǎng)+的區(qū)域供熱綜合管理平臺研究[J].河北工業(yè)大學(xué)學(xué)報(bào),2020,49(01):77-83.

[7]劉倩,熊杰,劉彩云.基于WEB的遠(yuǎn)程實(shí)驗(yàn)數(shù)據(jù)處理平臺開發(fā)[J].信息技術(shù)與信息化,2020(01):96-99.

作者:趙國柱 單位:滁州學(xué)院