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

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

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

0 引言

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

1 技術(shù)概述

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

1.1 原生App與Web App

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

1.2 前端技術(shù)

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

1.3 后臺(tái)技術(shù)

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

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

2.1 需求分析

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

2.2 功能模塊設(shè)計(jì)

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

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

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

3 系統(tǒng)設(shè)計(jì)

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

3.1 后臺(tái)管理

后臺(tái)部分由管理員使用，可以對(duì)學(xué)生、教師的基本信息進(jìn)行管理，開通或關(guān)閉師生的賬戶。對(duì)所有選修課程進(jìn)行管理，可審核通過教師新申報(bào)的選修課程，對(duì)已開始的選修課程，可設(shè)置課程的授課時(shí)間及授課地點(diǎn)。

3.2 前臺(tái)使用

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

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

4 結(jié)語

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

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

[參考文獻(xiàn)]

[1]李鑫.基于HTML5 的個(gè)性化教學(xué)系統(tǒng)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J].自動(dòng)化應(yīng)用，2017（38）：37-44.

[2]萬紅，賈貽然，王若飛，等.HTML5在移動(dòng)WebAPP中的應(yīng)用研究[J].科技風(fēng)，2017（24）：71.

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

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