楊 寅,衛(wèi) 敏

(山西職業(yè)技術(shù)學(xué)院，山西 太原 030006)

隨著智能手機(jī)與平板電腦等設(shè)備在教師、學(xué)生群體中的普及,各類教育信息化軟件系統(tǒng)也開(kāi)始面向移動(dòng)終端平臺(tái)進(jìn)行升級(jí)與更新。教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)作為教育實(shí)踐工作的反饋環(huán)節(jié),在檢驗(yàn)教學(xué)質(zhì)量與教學(xué)管理水平方面具有重要意義[1]。Jquery Mobile作為新出現(xiàn)的移動(dòng)Web開(kāi)發(fā)框架,在系統(tǒng)的設(shè)計(jì)開(kāi)發(fā)過(guò)程中起到了關(guān)鍵作用。

1 教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)

在現(xiàn)代高等教育管理體系中,教學(xué)質(zhì)量評(píng)價(jià)與反饋系統(tǒng)是一項(xiàng)重要的組成部分,通過(guò)學(xué)生對(duì)教師教學(xué)能力、課程體系設(shè)置與學(xué)時(shí)安排等項(xiàng)目進(jìn)行評(píng)分與意見(jiàn)反饋來(lái)獲取現(xiàn)有人才培養(yǎng)模式在具體實(shí)踐過(guò)程中存在的問(wèn)題,并進(jìn)行匯總與分析。為完善教學(xué)管理體系建設(shè)、提升教師隊(duì)伍素質(zhì)提供了來(lái)自教學(xué)一線的基礎(chǔ)數(shù)據(jù)支持。

當(dāng)前教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)的發(fā)展趨勢(shì)是在信息化、網(wǎng)絡(luò)化的基礎(chǔ)上進(jìn)一步拓展系統(tǒng)的平臺(tái)兼容性,提高系統(tǒng)部署的便捷性、運(yùn)行可靠性與用戶體驗(yàn)。實(shí)現(xiàn)從傳統(tǒng)的PC平臺(tái)向移動(dòng)終端平臺(tái)遷移,以Web App或微信小程序的形式部署在用戶終端,充分利用無(wú)線網(wǎng)絡(luò)與智能手機(jī)、平板電腦的便捷優(yōu)勢(shì),大幅簡(jiǎn)化教學(xué)質(zhì)量評(píng)價(jià)工作流程、提升教學(xué)管理水平與效率。

2 Jquery Mobile框架

開(kāi)發(fā)基于移動(dòng)終端的用戶界面時(shí),需要解決的最主要問(wèn)題是界面的自適應(yīng)能力。由于移動(dòng)設(shè)備生產(chǎn)廠商很多且規(guī)格不統(tǒng)一,屏幕的尺寸、分辨率種類繁多，固定一種布局的設(shè)計(jì)方案,經(jīng)常會(huì)在不同類型的設(shè)備上發(fā)生顯示錯(cuò)誤的情況,傳統(tǒng)的解決思路是針對(duì)常見(jiàn)的屏幕類型設(shè)計(jì)多種界面布局在實(shí)際運(yùn)行過(guò)程中進(jìn)行動(dòng)態(tài)適配,以保證系統(tǒng)功能得以正常運(yùn)行。這種模式的缺點(diǎn)在于系統(tǒng)開(kāi)發(fā)時(shí)間長(zhǎng)、投入成本高且在系統(tǒng)投入運(yùn)行后對(duì)新出現(xiàn)的高配置設(shè)備適應(yīng)性差,依然存在無(wú)法適配的可能。

Jquery Mobile是一款基于Hhml5的UI界面開(kāi)發(fā)框架,專門(mén)針對(duì)屏幕觸控與尺寸適配功能進(jìn)行了優(yōu)化,以Viewport視區(qū)為中心展開(kāi)設(shè)計(jì)的開(kāi)發(fā)模式適用于所有的智能手機(jī)和平板電腦上的Web系統(tǒng)UI界面設(shè)計(jì)[2]。Jquery Mobile框架在提供了優(yōu)秀的屏幕自適應(yīng)能力的同時(shí),還包含了功能強(qiáng)大的控件庫(kù)與豐富的動(dòng)畫(huà)特效,同時(shí)在數(shù)據(jù)圖表的創(chuàng)建方面也有優(yōu)異的表現(xiàn),非常適用于開(kāi)發(fā)移動(dòng)端Web應(yīng)用系統(tǒng)。

3 Jquery Mobile框架在教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)中的應(yīng)用

教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)架構(gòu)包含多個(gè)功能模塊,Jquery Mobile在系統(tǒng)中的應(yīng)用范圍如圖1所示。

圖1 Jquery Mobile在教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)中的應(yīng)用范圍

Jquery Mobile在系統(tǒng)開(kāi)發(fā)過(guò)程中主要被應(yīng)用于學(xué)生端子系統(tǒng)的全部模塊開(kāi)發(fā)以及后臺(tái)管理子系統(tǒng)中數(shù)據(jù)展示模塊的開(kāi)發(fā),主要負(fù)責(zé)實(shí)現(xiàn)學(xué)生用戶在智能手機(jī)、平板電腦等設(shè)備上登錄系統(tǒng),并完成教學(xué)質(zhì)量評(píng)價(jià)信息的提交。此外,還向教學(xué)管理人員提供在智能手機(jī)上登錄并查看相關(guān)數(shù)據(jù)圖表的功能。

3.1 Jquery Mobile在系統(tǒng)UI設(shè)計(jì)中的應(yīng)用

3.1.1屏幕自適應(yīng)功能的應(yīng)用

由于學(xué)生用戶基數(shù)大,所使用的移動(dòng)終端設(shè)備的品牌與種類繁多,屏幕尺寸與分辨率規(guī)格無(wú)法統(tǒng)一,系統(tǒng)UI界面需要具備良好的屏幕自適應(yīng)性能,以保障系統(tǒng)操作界面在各類移動(dòng)終端設(shè)備上都能夠完整顯示，并正常使用?；贘query Mobile設(shè)計(jì)的教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)UI界面在不同移動(dòng)終端設(shè)備上的微信瀏覽器中的顯示效果如圖2—圖5所示。

為保證UI界面在不同設(shè)備上具備良好的適應(yīng)性,各頁(yè)面在設(shè)計(jì)過(guò)程中必須嚴(yán)格按照J(rèn)query Mobile框架的規(guī)范進(jìn)行設(shè)計(jì)。首先需要在頁(yè)面頭部引入Jquery Mobile的相關(guān)文檔,以實(shí)現(xiàn)對(duì)移動(dòng)設(shè)備的支持;其次需要對(duì)視區(qū)(Viewport)的范圍與縮放級(jí)別進(jìn)行定義,同時(shí)在中文字符集的選擇上需要使用能夠在IOS與Android瀏覽器上正確顯示的GBK字符集，以避免在部分手機(jī)上出現(xiàn)亂碼的情況;最后在自定義頁(yè)面元素尺寸時(shí),需要注意應(yīng)摒棄在PC端頁(yè)面開(kāi)發(fā)中常用的單位Px(像素),轉(zhuǎn)而使用Jquery Mobile框架中的Em(相對(duì)長(zhǎng)度)單位。關(guān)鍵代碼如下:

//引入Jquery Mobile功能庫(kù)文件

font-size:1.2em;//在定義文字尺寸時(shí)使用Em單位

line-height:2em;//在定義行高時(shí)使用Em單位

對(duì)于GBK字符集的選用,主要是基于其良好的中文支持能力(包含了簡(jiǎn)體、繁體中文字符)與相對(duì)UTF-8更加輕便的字符數(shù)據(jù)庫(kù),以盡量提升系統(tǒng)在低配置手機(jī)上運(yùn)行時(shí)的響應(yīng)速度。而對(duì)于Em單位的使用,則是用于提高頁(yè)面中自定義(不采用Jquery Mobile默認(rèn)值時(shí))文字、圖片等元素的自適應(yīng)性能,用Em單位標(biāo)識(shí)的頁(yè)面元素在被瀏覽器解釋時(shí),其尺寸是基于該設(shè)備上瀏覽器中的默認(rèn)字號(hào)大小來(lái)計(jì)算的(1Em=默認(rèn)字號(hào)×1),當(dāng)屏幕尺寸與分辨率較低時(shí)元素的在屏幕上顯示面積就較小,反之則較大。這樣可以保證在不同的尺寸與分辨率的屏幕上,頁(yè)面元素所占的相對(duì)面積不會(huì)發(fā)生太大變化,頁(yè)面整體布局不會(huì)產(chǎn)生錯(cuò)誤。

在完成以上設(shè)置后,即可進(jìn)行頁(yè)面內(nèi)容的設(shè)計(jì)工作。在此過(guò)程中,需要嚴(yán)格按照J(rèn)query Mobile設(shè)計(jì)規(guī)范將頁(yè)面劃分為Head(頂部)、Content(內(nèi)容)、Footer(底部)三個(gè)組成部分[3],其結(jié)構(gòu)如圖6所示。

圖6 Jquery Mobile框架的頁(yè)面結(jié)構(gòu)

其中Head部分用于設(shè)計(jì)頁(yè)面頂部的按鈕與標(biāo)題,Content部分用于顯示頁(yè)面的主要內(nèi)容,Footer部分則用于設(shè)計(jì)底部的導(dǎo)航菜單。在按照設(shè)計(jì)規(guī)范創(chuàng)建頁(yè)面后,Jquery Mobile框架將為置于其內(nèi)部的各種頁(yè)面元素提供默認(rèn)的自適應(yīng)功能,使它們?cè)诟黝愔悄苁謾C(jī)與平板電腦上正常顯示，并發(fā)揮作用。

3.1.2頁(yè)面事件的應(yīng)用

教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)在移動(dòng)終端上正常運(yùn)行的前提,是系統(tǒng)界面的正常顯示(即Jquery Mobile框架所包含的各資源文件被完整的載入瀏覽器緩存中并被執(zhí)行)。而在實(shí)際運(yùn)行環(huán)境中,受到移動(dòng)網(wǎng)絡(luò)擁堵、手機(jī)信號(hào)不佳等因素影響,頁(yè)面文件載入失敗的情況也時(shí)有發(fā)生(瀏覽器中僅顯示 “Error Loading Page” 消息),進(jìn)而影響到評(píng)價(jià)數(shù)據(jù)的采集。為保證系統(tǒng)具有良好的實(shí)用性能,本文基于Jquery Mobile框架中的頁(yè)面事件設(shè)計(jì)了容錯(cuò)機(jī)制,該機(jī)制的實(shí)現(xiàn)原理是通過(guò)在Pageloadfailed事件(當(dāng)頁(yè)面加載請(qǐng)求失敗時(shí)觸發(fā))中加入自動(dòng)刷新機(jī)制,重新進(jìn)行資源文件的載入操作。同時(shí),為提升系統(tǒng)響應(yīng)速度與執(zhí)行率,本文將讀取后臺(tái)數(shù)據(jù)庫(kù)的相關(guān)操作設(shè)置在Pageinit事件(當(dāng)資源文件全部被載入瀏覽器并執(zhí)行后觸發(fā))中來(lái)實(shí)現(xiàn),以確保在實(shí)際運(yùn)行環(huán)境下將有限的網(wǎng)絡(luò)帶寬與服務(wù)器資源首先應(yīng)用在系統(tǒng)界面的正常顯示方面。

3.1.3UI控件的應(yīng)用

Jquery Mobile框架中的UI控件的外觀與標(biāo)準(zhǔn)的APP應(yīng)用開(kāi)發(fā)工具中的控件類似,并針對(duì)在瀏覽器中運(yùn)行的特點(diǎn)進(jìn)行了優(yōu)化,同時(shí)集成了更加豐富的功能與顯示樣式，以提升系統(tǒng)開(kāi)發(fā)的效率。以下將重點(diǎn)介紹Jquery Mobile的UI控件在教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)中導(dǎo)航菜單、數(shù)據(jù)過(guò)濾與智能輸入功能實(shí)現(xiàn)方面的應(yīng)用。

標(biāo)準(zhǔn)的APP應(yīng)用程序,導(dǎo)航菜單通常被放置在頂部或底部,并且數(shù)量不超過(guò)4個(gè),而本文所設(shè)計(jì)的系統(tǒng)需要接入微信公眾平臺(tái)中部署,因此其界面風(fēng)格與微信公眾號(hào)保持一致(即導(dǎo)航菜單置于底部,數(shù)量為3個(gè))。其具體實(shí)現(xiàn)通過(guò)將Jquery Mobile框架中的Navbar組件配置于頁(yè)面的Footer區(qū)域中來(lái)完成,關(guān)鍵代碼如下:

最終效果如圖7所示,其中需要注意的是,菜單上的圖標(biāo)樣式是通過(guò)Data-icon的參數(shù)來(lái)設(shè)置的,開(kāi)發(fā)人員可以在Jquery Mobile技術(shù)開(kāi)發(fā)文檔中獲取到全部圖標(biāo)與對(duì)應(yīng)參數(shù)的詳細(xì)內(nèi)容,根據(jù)實(shí)際需求進(jìn)行配置。

圖7 Jquery Mobile框架中的導(dǎo)航菜單

在傳統(tǒng)的Web開(kāi)發(fā)框架中,頁(yè)面中的數(shù)據(jù)過(guò)濾功能需要在動(dòng)態(tài)配置數(shù)據(jù)庫(kù)查詢命令的基礎(chǔ)上,根據(jù)用戶輸入的關(guān)鍵字從數(shù)據(jù)庫(kù)中讀取相應(yīng)記錄，并重新刷新頁(yè)面內(nèi)容,對(duì)數(shù)據(jù)庫(kù)的反復(fù)檢索操作不僅會(huì)延長(zhǎng)頁(yè)面的響應(yīng)時(shí)間,而且還會(huì)占用更多的服務(wù)器資源,從而進(jìn)一步影響系統(tǒng)運(yùn)行速度。而Jquery Mobile框架中提供了數(shù)據(jù)過(guò)濾組件Data-Filter,該組件可以直接對(duì)已經(jīng)被讀取至頁(yè)面中的數(shù)據(jù)進(jìn)行二次過(guò)濾而無(wú)需再對(duì)數(shù)據(jù)庫(kù)進(jìn)行訪問(wèn),有效提高了響應(yīng)速度,節(jié)省了服務(wù)器資源。需要注意的是,Data-Filter的所過(guò)濾的數(shù)據(jù)是Jquery Mobile的列表對(duì)象中的文字內(nèi)容,因此在使用該組件時(shí),需要先將數(shù)據(jù)庫(kù)中的內(nèi)容讀取至列表中以備使用。Jquery Mobile數(shù)據(jù)過(guò)濾組件如圖8所示。

圖8 Jquery Mobile數(shù)據(jù)過(guò)濾組件

數(shù)據(jù)過(guò)濾功能實(shí)現(xiàn)的關(guān)鍵代碼如下:

//其中True表示在該列表中啟用數(shù)據(jù)過(guò)濾組件

系統(tǒng)的數(shù)據(jù)智能輸入功能主要用于對(duì)用戶所輸入數(shù)據(jù)的有效性識(shí)別,例如數(shù)字、日期、郵箱地址等,過(guò)去主要使用正則表達(dá)式在輸入完成后再對(duì)數(shù)據(jù)內(nèi)容進(jìn)行檢測(cè)。而在Jquery Mobile框架中,常用的數(shù)據(jù)識(shí)別功能被預(yù)置在輸入框的組件類型中,在實(shí)際運(yùn)行過(guò)程中由Jquery Mobile負(fù)責(zé)自動(dòng)完成數(shù)據(jù)的識(shí)別,大幅提高了系統(tǒng)開(kāi)發(fā)的效率,節(jié)省了開(kāi)發(fā)時(shí)間與成本。常用的數(shù)據(jù)識(shí)別功能的關(guān)鍵代碼如下:

//僅允許輸入數(shù)字

//僅允許輸入電子郵件地址

//啟用Jquery Mobile日期組件

Jpuery Mobile日期組件在手機(jī)瀏覽器中的運(yùn)行效果如圖9所示。



圖9 Jquery Mobile日期組件在手機(jī)中的應(yīng)用

3.1.43D動(dòng)畫(huà)特效的應(yīng)用

在傳統(tǒng)的Web應(yīng)用系統(tǒng)中,受到PC端瀏覽器兼容性的限制,極少會(huì)使用3D動(dòng)畫(huà)特效。而在原生APP應(yīng)用程序中,則需要投入大量的時(shí)間與精力逐幀繪制動(dòng)畫(huà)效果,造成系統(tǒng)開(kāi)發(fā)成本上升。而在Jquery Mobile框架中,內(nèi)置了大量3D動(dòng)畫(huà)切換效果,能夠在Google與IOS系統(tǒng)瀏覽器中流暢運(yùn)行,并且這些動(dòng)畫(huà)效果是基于超鏈接來(lái)調(diào)用的。因此,在從同一個(gè)頁(yè)面向不同頁(yè)面跳轉(zhuǎn)時(shí),可以靈活配置多種3D切換效果,例如底部導(dǎo)航菜單之間的切換采用3D翻轉(zhuǎn)效果,而頁(yè)面內(nèi)部的數(shù)據(jù)提交按鈕則采用滑動(dòng)效果。關(guān)鍵代碼如下:

//從右向左滑動(dòng)到下一頁(yè)

Data-transition的參數(shù)用于設(shè)置切換效果,其它動(dòng)畫(huà)特效對(duì)應(yīng)的參數(shù)可由Jquery Mobile開(kāi)發(fā)文檔中獲得。

3.2 Jquery Mobile頁(yè)面數(shù)據(jù)可視化功能的實(shí)現(xiàn)

Jquery Mobile良好的繼承了Jquery類庫(kù)中對(duì)可視化數(shù)據(jù)的支持功能,以Jsp語(yǔ)言配合Css樣式搭建的圖形界面在擁有體積小、響應(yīng)速度快等優(yōu)勢(shì)的同時(shí),還具備良好的瀏覽器兼容性,非常適合用于顯示各種類型的圖表數(shù)據(jù),效果如圖10所示。



圖10 基于Jquery Mobile實(shí)現(xiàn)的教學(xué)質(zhì)量評(píng)價(jià)數(shù)據(jù)圖表

3.2.1與數(shù)據(jù)庫(kù)的交互實(shí)現(xiàn)

用于生成圖表的數(shù)據(jù)需要從系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)中獲取,該過(guò)程是通過(guò)在Jquery Mobile頁(yè)面中嵌入PHP代碼的方式來(lái)實(shí)現(xiàn)的。PHP作為在服務(wù)器端運(yùn)行的程序,并不直接參與頁(yè)面布局設(shè)計(jì)與實(shí)現(xiàn)的過(guò)程,僅負(fù)責(zé)建立與后臺(tái)數(shù)據(jù)庫(kù)(MySQL)之間的連接以及發(fā)送查詢語(yǔ)句從相應(yīng)數(shù)據(jù)表中獲取數(shù)據(jù),并通過(guò)PHP輸出語(yǔ)句Echo將數(shù)值插入Jquery Mobile數(shù)據(jù)圖形組件的配置代碼中。關(guān)鍵代碼如下:

var chartsetting={

config: {

title: '各系部平均分值',//設(shè)置圖表標(biāo)題

labelx: ["<%echo data1;%>"," <%echo data2;%>",…],//設(shè)置X軸分類項(xiàng)目

scaley: {min: 0,max:100,gap:20}}//設(shè)置Y軸參數(shù),范圍0-100,間隔20

data: [

[<%echo value1;%> <%echo value 2;%>,…]]//設(shè)置每個(gè)分類對(duì)應(yīng)的具體數(shù)值

};

3.2.2與服務(wù)器端變量的交互實(shí)現(xiàn)

在頁(yè)面切換時(shí),部分?jǐn)?shù)據(jù)需要進(jìn)行緩存,考慮到數(shù)據(jù)的安全性問(wèn)題,教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)通過(guò)服務(wù)器端的Session對(duì)象來(lái)完成頁(yè)面之間臨時(shí)數(shù)據(jù)的交換,該模式雖然占用了部分服務(wù)器資源,但是卻提高了數(shù)據(jù)傳遞的安全性,避免了傳統(tǒng)的URL變量傳遞模式中因數(shù)據(jù)庫(kù)關(guān)鍵索引信息(例如數(shù)據(jù)表中教師信息的Id、課程Id等)直接顯示在地址欄中而引發(fā)的注入攻擊等問(wèn)題。在Jquery Mobile框架中,多頁(yè)面間傳遞數(shù)據(jù)的原理為將發(fā)送頁(yè)面中將準(zhǔn)備進(jìn)行傳遞的參數(shù)寫(xiě)入到Session對(duì)象中,并在需要獲取該參數(shù)的頁(yè)面中讀出。關(guān)鍵代碼及說(shuō)明如下:

sessionstorage.setItem('session標(biāo)識(shí)', 數(shù)據(jù));//向Session對(duì)象中寫(xiě)入數(shù)據(jù)

var data=sessionstorage.getItem('session標(biāo)識(shí)');//從Session對(duì)象中讀取數(shù)據(jù)

sessionstorage.clear();//退出登錄時(shí),清除臨時(shí)數(shù)據(jù),釋放服務(wù)器資源

3.3 優(yōu)勢(shì)與缺點(diǎn)分析

基于Jquery Mobile框架開(kāi)發(fā)的教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)在無(wú)線網(wǎng)絡(luò)與移動(dòng)終端上的部署與應(yīng)用方面有著明顯的優(yōu)勢(shì),框架本身具備的優(yōu)秀的自適應(yīng)性能可以保證用戶在不同屏幕尺寸與分辨率的手機(jī)、平板電腦上都能夠正常訪問(wèn),并使用該系統(tǒng)。此外,基于Jquery類庫(kù)改進(jìn)并提供給開(kāi)發(fā)人員的數(shù)據(jù)圖表、數(shù)據(jù)過(guò)濾、輸入檢測(cè)等實(shí)用功能在當(dāng)前移動(dòng)平臺(tái)中的主流瀏覽器中也可以穩(wěn)定的運(yùn)行,而開(kāi)發(fā)人員并不需要專門(mén)進(jìn)行復(fù)雜的功能編程設(shè)計(jì),直接調(diào)用框架中的接口即可。同時(shí),Jquery Mobile所包含豐富的動(dòng)畫(huà)特效功能,也使系統(tǒng)用戶界面的展示效果更加豐富與美觀,為終端用戶提供了更好的操作體驗(yàn)。最后,對(duì)于當(dāng)前各類移動(dòng)端應(yīng)用軟件系統(tǒng)需要兼容手機(jī)微信APP的發(fā)展趨勢(shì),能夠在微信內(nèi)置瀏覽器中穩(wěn)定運(yùn)行的Jquery Mobile框架具有巨大的技術(shù)優(yōu)勢(shì)。在系統(tǒng)接入微信小程序或微信公眾平臺(tái)時(shí),Jquery Mobile為開(kāi)發(fā)人員提供了一種快捷高效的實(shí)現(xiàn)方案。以上優(yōu)勢(shì)使Jquery Mobile框架在教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)在以信息化、網(wǎng)絡(luò)化為基礎(chǔ),并向移動(dòng)終端推廣的過(guò)程中起到了重要的支撐作用。

在系統(tǒng)的開(kāi)發(fā)過(guò)程中,Jquery Mobile框架的缺點(diǎn)也顯而易見(jiàn)。在教學(xué)質(zhì)量評(píng)價(jià)工作的具體實(shí)施過(guò)程中,當(dāng)無(wú)線網(wǎng)絡(luò)發(fā)生擁塞及故障時(shí),學(xué)生不得不臨時(shí)切換至有線網(wǎng)絡(luò)中使用PC端平臺(tái)進(jìn)行相關(guān)操作。而Jquery Mobile作為一種專為移動(dòng)終端設(shè)計(jì)的框架,在PC端上被使用時(shí)體現(xiàn)出了適應(yīng)性不足的問(wèn)題,自適應(yīng)模式下的自動(dòng)縮放功能導(dǎo)致頁(yè)面內(nèi)容在顯示器上顯示面積過(guò)大,不符合用戶在PC端上的操作習(xí)慣，影響用戶使用體驗(yàn)。同時(shí),由于在PC端上IE內(nèi)核的瀏覽器占有大部分市場(chǎng)份額,Jquery Mobile在低版本IE內(nèi)核瀏覽器中的執(zhí)行效率與顯示效果都受到了一定影響。

4 結(jié)論

Jquery Mobile框架以其優(yōu)秀的自適應(yīng)性能與豐富的可視化圖形樣式以及功能強(qiáng)大的組件類庫(kù)在新一代基于移動(dòng)終端的教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)的開(kāi)發(fā)過(guò)程中起到了重要作用,但其在PC端運(yùn)行效果不佳的缺點(diǎn)也需要被重視,合理的解決方案是在頁(yè)面頭部加入瀏覽器識(shí)別機(jī)制,對(duì)當(dāng)前用戶所使用的設(shè)備進(jìn)行判斷,并針對(duì)PC平臺(tái)專門(mén)設(shè)計(jì)一套基于Jquery框架的界面,在保證教學(xué)質(zhì)量評(píng)價(jià)系統(tǒng)各項(xiàng)功能都能夠穩(wěn)定運(yùn)行的基礎(chǔ)上,為學(xué)生用戶提供設(shè)計(jì)美觀、操作便捷的UI界面。

猜你喜歡
瀏覽器頁(yè)面組件
刷新生活的頁(yè)面
保健醫(yī)苑(2022年1期)2022-08-30 08:39:14
無(wú)人機(jī)智能巡檢在光伏電站組件診斷中的應(yīng)用
能源工程(2022年2期)2022-05-23 13:51:50
新型碎邊剪刀盤(pán)組件
重型機(jī)械(2020年2期)2020-07-24 08:16:16
U盾外殼組件注塑模具設(shè)計(jì)
裝備制造技術(shù)(2019年12期)2019-12-25 03:07:36
反瀏覽器指紋追蹤
電子制作(2019年10期)2019-06-17 11:45:14
環(huán)球?yàn)g覽器
環(huán)境與生活(2016年6期)2016-02-27 13:46:37
再見(jiàn)，那些年我們嘲笑過(guò)的IE瀏覽器
英語(yǔ)學(xué)習(xí)(2015年6期)2016-01-30 00:37:23
風(fēng)起新一代光伏組件膜層：SSG納米自清潔膜層
太陽(yáng)能(2015年11期)2015-04-10 12:53:04
同一Word文檔 縱橫頁(yè)面并存
電腦愛(ài)好者(2011年11期)2011-06-22 08:20:18
淺析ASP.NET頁(yè)面導(dǎo)航技術(shù)
河北軟件職業(yè)技術(shù)學(xué)院學(xué)報(bào)(2010年3期)2010-06-06 07:18:42

太原學(xué)院學(xué)報(bào)(自然科學(xué)版)2018年3期

太原學(xué)院學(xué)報(bào)(自然科學(xué)版)的其它文章

生態(tài)莊園生態(tài)系統(tǒng)服務(wù)功能價(jià)值研究
——以山西省左權(quán)縣四座典型生態(tài)莊園為例

一種適用于衛(wèi)星DTN網(wǎng)絡(luò)的擁塞控制算法

基于數(shù)據(jù)挖掘的關(guān)聯(lián)規(guī)則研究

基于散亂數(shù)據(jù)預(yù)給極點(diǎn)的兩類二元有理插值對(duì)比研究

一類考慮捕撈和避難的生態(tài)傳染病模型

含不確定性的連續(xù)時(shí)間脈沖奇異系統(tǒng)的有限時(shí)間濾波