華東師大：著眼終端設(shè)計(jì)移動(dòng)平臺(tái)

文/馬晨輝 劉歡

為了更好地服務(wù)廣大校內(nèi)師生、校友以及關(guān)注華東師范大學(xué)的其他社會(huì)群體，華東師范大學(xué)建設(shè)部署了自己的校園官方移動(dòng)應(yīng)用——iECNU。本文主要從系統(tǒng)架構(gòu)、開發(fā)模式、系統(tǒng)功能及運(yùn)行狀況幾個(gè)方面來介紹iECNU的設(shè)計(jì)和實(shí)施過程。

系統(tǒng)架構(gòu)

iECNU使用VMWare ESX虛擬化平臺(tái)作為移動(dòng)應(yīng)用后臺(tái)的硬件環(huán)境，便于應(yīng)用服務(wù)器和數(shù)據(jù)庫(kù)服務(wù)器的存儲(chǔ)備份和升級(jí)；數(shù)據(jù)層方面使用Oracle作為數(shù)據(jù)庫(kù)管理軟件，一方面通過一定的采集規(guī)則采集相關(guān)數(shù)據(jù)，另一方面通過接口的方式來獲取所需數(shù)據(jù)；作為終端的訪問服務(wù)中心，應(yīng)用層采用WebSphere作為發(fā)布平臺(tái)，對(duì)數(shù)據(jù)層中的數(shù)據(jù)進(jìn)行處理和封裝后，對(duì)各終端的訪問請(qǐng)求進(jìn)行響應(yīng)。iECNU整個(gè)生產(chǎn)環(huán)境的系統(tǒng)架構(gòu)如圖1所示。

開發(fā)框架

移動(dòng)應(yīng)用的開發(fā)框架多種多樣，而目前主流的開發(fā)框架主要分三大類，分別是原生（Native）應(yīng)用開發(fā)、網(wǎng)頁(yè)（Web）應(yīng)用開發(fā)和混合（Hybrid）應(yīng)用開發(fā)。原生應(yīng)用開發(fā)主要是使用終端操作系統(tǒng)所支持的原生語(yǔ)言如Java、Objective-C、C#等語(yǔ)言進(jìn)行開發(fā)，開發(fā)出的應(yīng)用性能較好，用戶體驗(yàn)高，缺點(diǎn)是原生語(yǔ)言本身較難學(xué)習(xí)，開發(fā)過程以及調(diào)整升級(jí)的周期長(zhǎng)；網(wǎng)頁(yè)應(yīng)用開發(fā)主要是采用HTML5語(yǔ)言和jQuery Mobile（或類似技術(shù)）進(jìn)行開發(fā)，優(yōu)點(diǎn)是開發(fā)者無需針對(duì)不同的終端應(yīng)用系統(tǒng)專門學(xué)習(xí)不同的高級(jí)語(yǔ)言，開發(fā)出來的應(yīng)用可以打包成不同終端系統(tǒng)支持的應(yīng)用包，兼容性好，開發(fā)成本低，缺點(diǎn)是性能用戶體驗(yàn)較差，難以實(shí)現(xiàn)高級(jí)特效；混合應(yīng)用開發(fā)實(shí)質(zhì)上是一種折中的開發(fā)模式，同時(shí)采用Web語(yǔ)言與原生語(yǔ)言進(jìn)行開發(fā)，通過不同的應(yīng)用商店進(jìn)行打包與分發(fā)，應(yīng)用的特性更加接近原生應(yīng)用而且又區(qū)別于Web應(yīng)用，兼具了原生應(yīng)用與網(wǎng)頁(yè)應(yīng)用的諸多優(yōu)點(diǎn)。

圖1 iECNU系統(tǒng)架構(gòu)

前期由于考慮到原生應(yīng)用在版本發(fā)布和審核機(jī)制方面的復(fù)雜性，iECNU第一個(gè)版本采用的是網(wǎng)頁(yè)應(yīng)用開發(fā)框架，上線一段時(shí)間后發(fā)現(xiàn)應(yīng)用的運(yùn)行性能較低，用戶體驗(yàn)較差，經(jīng)常出現(xiàn)卡頓、閃退的現(xiàn)象，所以在第二個(gè)版本上線前，對(duì)iECNU客戶端以及應(yīng)用服務(wù)器端的程序代碼進(jìn)行了大量的優(yōu)化。雖然解決了卡頓、閃退的現(xiàn)象，但仍然無法解決網(wǎng)頁(yè)應(yīng)用基于瀏覽器解析機(jī)制所帶來的延遲，尤其是在觸摸交互方面，用戶體驗(yàn)依然很差。因此，iECNU的第三個(gè)版本轉(zhuǎn)向了混合開發(fā)模式，對(duì)一些UI交互頻率較高的模塊部分采用原生語(yǔ)言開發(fā)，以獲取較好的用戶體驗(yàn)。

iECNU的系統(tǒng)功能

為了便于在校師生更好地獲取學(xué)校的信息化服務(wù)，iECNU的系統(tǒng)功能主要涵蓋了公共信息發(fā)布、校園形象展示、日常辦公

移動(dòng)平臺(tái)專題學(xué)習(xí)以及校園生活服務(wù)等方面。

1.公共信息發(fā)布

iECNU最重要的功能之一就是及時(shí)發(fā)布公用信息，其中包括校內(nèi)圖文新聞、學(xué)校相關(guān)的社會(huì)媒體新聞、校園通知公告、學(xué)術(shù)講座信息以及近年來較為流行的部門官方微博等欄目。由于移動(dòng)終端的屏幕大小以及交互方式的限制，移動(dòng)應(yīng)用中的信息在采集時(shí)進(jìn)行了HTML標(biāo)簽精簡(jiǎn)，盡量采用了純文本方式瀏覽，避免了復(fù)雜的表格顯示，便于移動(dòng)終端瀏覽。另外考慮到智能手機(jī)類移動(dòng)終端在運(yùn)營(yíng)商網(wǎng)絡(luò)流量方面存在的限制，iECNU在信息的圖片顯示方面進(jìn)行了優(yōu)化，減少了大尺寸圖片的顯示，去除了一些圖片新聞滾動(dòng)等耗費(fèi)流量的顯示效果。同時(shí)，通過移動(dòng)應(yīng)用的提醒和推送功能，實(shí)現(xiàn)了通知公告和講座信息的個(gè)性化篩選和主動(dòng)推送。

2.校園形象展示

iECNU另外一個(gè)重要的功能就是校園形象的展示和宣傳。在“關(guān)于師大”欄目中提供了校園簡(jiǎn)介、校史沿革、院系設(shè)置等信息，為社會(huì)人士了解華東師范大學(xué)提供了一個(gè)便捷的通道。“校園風(fēng)光”欄目中提供了大量精美的校園風(fēng)景圖片以供欣賞，可以下載原圖至手機(jī)中保存，同時(shí)每一張圖片能夠直接定位到iECNU的地圖功能中，以便用戶快速找到該景點(diǎn)的真實(shí)物理地點(diǎn)。在“師大視頻”欄目中提供了一些校園相關(guān)的經(jīng)典視頻，通過影像與聲音資料，讓用戶更加深入地了解華東師范大學(xué)。

3.日常辦公學(xué)習(xí)

iECNU提供了一系列功能以滿足校園用戶的日常辦公學(xué)習(xí)需求。學(xué)生可以通過iECNU中的電子圖書館登錄自己的圖書館賬號(hào)，查詢自己的圖書借閱信息，實(shí)現(xiàn)對(duì)紙質(zhì)書籍的查詢、預(yù)約、續(xù)借，并瀏覽豐富的電子期刊資源。學(xué)生還可以通過“空閑教室”欄目的查詢功能，尋找當(dāng)天沒有安排課程的教室去上自習(xí)。同時(shí)，系統(tǒng)還為校園用戶提供了個(gè)性化服務(wù)功能，通過整合校內(nèi)統(tǒng)一身份認(rèn)證系統(tǒng)，系統(tǒng)能夠根據(jù)角色提供不同的服務(wù)，例如學(xué)生登錄后可以使用成績(jī)查詢功能，查詢自己的各門課程成績(jī)、學(xué)分、積點(diǎn)等信息；教職工登錄后可以使用一些簡(jiǎn)便的辦公系統(tǒng)功能，如查看待辦簽報(bào)、發(fā)文等。

4.生活服務(wù)

iECNU還整合了各類生活相關(guān)服務(wù)。通過班車查詢功能，用戶可以直接在手機(jī)上實(shí)時(shí)查詢各個(gè)班次班車的發(fā)車時(shí)間、地點(diǎn)，查看寒暑假或特殊時(shí)期的班車臨時(shí)調(diào)整信息。iECNU的“校園地圖”欄目中定位了華東師范大學(xué)兩個(gè)校區(qū)的地圖信息，并對(duì)重要建筑進(jìn)行了分類標(biāo)識(shí)，用戶可以方便地找到標(biāo)志建筑的實(shí)際位置。在“校園黃頁(yè)”欄目中提供了校內(nèi)各部門的服務(wù)電話，并按電話的熱門程度進(jìn)行了排序，將最常用到的號(hào)碼放置在列表最上方。此外，擁有校內(nèi)統(tǒng)一身份認(rèn)證賬戶的用戶可以直接在手機(jī)上使用校園卡的部分服務(wù)功能，如校園卡余額和近期消費(fèi)記錄的查詢、校園卡一鍵掛失以及考勤記錄查詢等。

5.系統(tǒng)功能

iECNU還集成了一些常用的系統(tǒng)功能，包括英文版本的“校園新聞”和“學(xué)校介紹”，方便英語(yǔ)國(guó)家的留學(xué)生了解學(xué)校情況；用戶還可以使用自定義登錄頭像功能設(shè)置個(gè)性登錄頭像，以及顯示未讀的系統(tǒng)推送消息等。

6.后臺(tái)管理

在iECNU的后臺(tái)管理端，主要包括系統(tǒng)管理和內(nèi)容管理兩個(gè)模塊。系統(tǒng)管理模塊可以控制iECNU客戶端的升級(jí)版本，對(duì)不同的角色授權(quán)開啟相應(yīng)的功能模塊。在內(nèi)容管理模塊中，可以對(duì)校園風(fēng)光圖片、校園黃頁(yè)、師大概況、校車查詢以及消息推送中的內(nèi)容細(xì)節(jié)進(jìn)行調(diào)整。

運(yùn)行實(shí)施狀況

iECNU支持所有持有蘋果或安卓終端設(shè)備的用戶下載使用，其中涉及到統(tǒng)一身份認(rèn)證的部分支持所有在校師生使用。自2012年11月15日上線以來，據(jù)不完全統(tǒng)計(jì)，截止到2013年9月9日，下載次數(shù)為15634次（僅僅是下載頁(yè)面后臺(tái)統(tǒng)計(jì)數(shù)據(jù)，不計(jì)第三方安卓軟件網(wǎng)站），移動(dòng)應(yīng)用的單日訪問量最高為533人次。總體來看，訪問量排名前三的欄目分別是“師大新聞”、“班車查詢”、“通知公告”。

iECNU是華東師范大學(xué)面向教師、學(xué)生和校友建設(shè)的第一個(gè)正式官方移動(dòng)應(yīng)用平臺(tái)，旨在為用戶隨時(shí)隨地提供獲取內(nèi)容資訊和信息化服務(wù)的通道。目前，針對(duì)廣大用戶提出的意見和建議，升級(jí)版iECNU的開發(fā)和測(cè)試工作正在進(jìn)行中。希望該應(yīng)用在未來能夠更好地貼近校園生活，提供更加人性化的信息化服務(wù)，為廣大師生打造更加精彩的移動(dòng)校園環(huán)境。