基于Web App的公共選修課系統(tǒng)設計與實現(xiàn)

摘 要：隨著移動設備的普及，移動端的選修課系統(tǒng)可以為學生的選課提供更為方便快捷的途徑。文章基于Web App的公共選修課系統(tǒng)后臺運用PHP語言及MySQL數(shù)據(jù)庫結(jié)合前臺HTML5，實現(xiàn)跨平臺訪問。通過該系統(tǒng)，學生可利用移動端設備進行快捷的選課服務;教師可進行課程的管理;管理者可對所有師生信息及選修課信息進行維護。

關(guān)鍵詞：Web App;系統(tǒng)設計;公共選修課

0 引言

隨著我國教育事業(yè)的不斷發(fā)展，高職院校在我國高等教育中逐漸占據(jù)重要的位置。公共選修課作為高等教育課程體系的重要組成，有利于學生拓展視野，增強綜合素質(zhì)，提升知識儲備。隨著高職院校學校規(guī)模不斷擴大，學生不斷發(fā)展，公共選修課的發(fā)展也逐步得到了高職院校的重視，課程建設和發(fā)展得到了極大提升，課程的數(shù)量和質(zhì)量也得到了提高，各高職院校都逐漸擁有了豐富的公共選修課資源供學生選修。同時伴隨著網(wǎng)絡技術(shù)和智慧校園建設的發(fā)展，以及學生移動設備的普及，設計一款基于Web App的高職院校公共選修課系統(tǒng)顯得很有必要^[1]。

1 技術(shù)概述

系統(tǒng)基于Web App模式開發(fā)，前端運用HTML5技術(shù)，后端運用PHP語言及MySQL數(shù)據(jù)庫實現(xiàn)。

1.1 原生App與Web App

所謂原生App就是利用iOS或Android平臺官方的開發(fā)語言、類庫和開發(fā)工具進行程序開發(fā)。此種開發(fā)方式能夠訪問手機的所有功能，比較快捷地使用設備端提供的接口并支持大量的圖形和動畫，其缺點是針對Android和iOS兩種系統(tǒng)需獨立開發(fā)對應的App，開發(fā)成本較高。Web App其本質(zhì)仍然是通過瀏覽器訪問的Web應用，配合移動端UI框架使其適合顯示在移動端設備，因此Web App可以不加修改地運行在Android，iOS和PC上，其缺點是對移動設備的硬件功能使用有限，每打開一個頁面都需重新加載頁面元素，訪問速度受手機終端性能和網(wǎng)絡環(huán)境的限制。綜合考慮兩種App的優(yōu)缺點，結(jié)合高職院校學生群體使用的移動設備性能情況和當前網(wǎng)絡環(huán)境，選擇Web App顯然是一種更為明智的方案^[2]。

1.2 前端技術(shù)

前端技術(shù)使用HTML5，CSS3，JQuery，WeUI構(gòu)建。HTML5是構(gòu)建Web內(nèi)容的核心語言，用戶訪問所看到的內(nèi)容都是瀏覽器對HTML語言的轉(zhuǎn)換。CSS3可以有效地對頁面中顏色、背景、布局和其他效果進行準確的控制。JQuery可以實現(xiàn)對頁面內(nèi)容的驗證和簡單特效的處理。WeUI是一款同微信風格體驗一致的基礎樣式庫，用戶在使用時通過微信鏈接進入，可以獲得使用感知的統(tǒng)一^[3]。

1.3 后臺技術(shù)

后臺技術(shù)使用PHP開發(fā)語言和MySQL數(shù)據(jù)庫實現(xiàn)。PHP是在服務器端執(zhí)行的腳本語言，是一種常用的網(wǎng)站編程語言，其開源的特性使得可以免費地獲得其技術(shù)。PHP的語法混合了C，Java，Perl和PHP式的新語法，消耗相對少的系統(tǒng)資源，執(zhí)行網(wǎng)頁速度快、效率高。MySQL數(shù)據(jù)庫體積小、速度快、總體擁有成本低、開放源代碼，其有著廣泛的應用，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，因此搭配PHP和Apache服務器可組成良好的開發(fā)環(huán)境。

2 系統(tǒng)總體設計

2.1 需求分析

公共選修課系統(tǒng)功能主要針對3種用戶：學生、教師（課程）、管理員（教務）。學生用戶主要是能夠通過此系統(tǒng)查看選修課程的相關(guān)信息并完成選課;教師用戶能通過系統(tǒng)完成課程的開設及查看學生選課情況;管理員能夠?qū)W生、教師、課程的相關(guān)信息進行管理。

2.2 功能模塊設計

結(jié)合需求分析，將系統(tǒng)功能分為3個模塊：學生模塊、教師模塊、管理員模塊，如圖1所示。學生模塊主要通過學號和密碼登錄系統(tǒng)，能夠完成修改密碼、查看選修課程信息、選擇課程、查看已選課程等功能。教師模塊主要實現(xiàn)課程申報和最終選課情況查看的功能。管理員模塊可以實現(xiàn)對學生和教師登錄信息的管理、相關(guān)課程安排的管理以及選課情況的管理。

2.3 數(shù)據(jù)庫設計

本系統(tǒng)數(shù)據(jù)庫選擇MySQL數(shù)據(jù)庫實現(xiàn)，數(shù)據(jù)庫中包含的基本數(shù)據(jù)表有學生信息表、教師信息表、課程信息表、學生選課信息表等，主要的數(shù)據(jù)表結(jié)構(gòu)設計如表1—2所示。

3 系統(tǒng)設計

系統(tǒng)的最終功能分為后臺管理和前臺使用兩部分。后臺主要是桌面端的管理員管理選課系統(tǒng);前臺是移動端的學生選課和教師課程管理部分的功能。

3.1 后臺管理

后臺部分由管理員使用，可以對學生、教師的基本信息進行管理，開通或關(guān)閉師生的賬戶。對所有選修課程進行管理，可審核通過教師新申報的選修課程，對已開始的選修課程，可設置課程的授課時間及授課地點。

3.2 前臺使用

前臺頁面可在相關(guān)公眾號中放置鏈接，學生和教師可以通過移動設備直接訪問。學生用戶登錄后，可查看到所有開設的公共選修課程，進入相關(guān)課程后可查看詳細課程信息，如課程未達到最大選課人數(shù)，將可以進行選課，完成選課后，學生用戶可查看自己的選課情況及相關(guān)課程的授課信息，如圖2所示。

教師用戶登錄系統(tǒng)后可進行新課程的申報，通過審核后，課程將進入選課列表供學生選擇，也可進入開設的課程中查看課程信息及選課學生信息。

4 結(jié)語

基于Web App的公共選修課系統(tǒng)更能夠適應現(xiàn)今移動設備應用的普及性，可以為師生提供一個快捷方便的選課平臺，對高職院校的教學管理是一個有益的補充。

Design and implementation of public elective course system based on Web App

Xue Hengwei

（Tourism College of Jiangsu， Yangzhou 225000， China）

Abstract：With the popularization of mobile devices， the elective course system on the mobile terminal can provide a more convenient and efficient way for students to choose courses. Public elective course system based on Web App uses PHP language and MySQL database in the backend combined with front-end HTML5 to achieve cross-platform access. Through this system， students can apply mobile devices for fast course selection services; teachers can manage courses; administrators can maintain the information of teachers and students and elective courses.

Key words：Web App; system design; public elective courses

[參考文獻]

[1]李鑫.基于HTML5 的個性化教學系統(tǒng)平臺設計與實現(xiàn)[J].自動化應用，2017（38）：37-44.

[2]萬紅，賈貽然，王若飛，等.HTML5在移動WebAPP中的應用研究[J].科技風，2017（24）：71.

[3]崔家敏.Web下開放性實驗室管理系統(tǒng)設計與實現(xiàn)[J].電腦知識與技術(shù)，2021（6）：66-67.

作者簡介：薛恒威（1983— ），男，江蘇揚州人，講師，碩士;研究方向：計算機網(wǎng)絡。