廖 麗,杜 林,伍紹佳
(肇慶廣播電視大學(xué),廣東 肇慶 526060)
移動技術(shù)在數(shù)字校園中的應(yīng)用研究
廖 麗,杜 林,伍紹佳
(肇慶廣播電視大學(xué),廣東 肇慶 526060)
隨著當(dāng)今移動互聯(lián)技術(shù)的快速發(fā)展,智能便攜式設(shè)備已經(jīng)成為人們?nèi)粘I畹谋貍淦贰T诖吮尘跋?,利用無線移動通信網(wǎng)絡(luò)技術(shù)以及無線移動通信設(shè)備(如移動電話、PAD等)獲取教育信息、教育資源和教育服務(wù)正在發(fā)展成為一種新型的教育學(xué)習(xí)模式,利用移動設(shè)備獲取網(wǎng)絡(luò)學(xué)習(xí)資源已經(jīng)越來越受到人們的關(guān)注。與傳統(tǒng)課堂學(xué)習(xí)或者電腦E-Learning相比,移動學(xué)習(xí)(M—Learning)可以隨時隨地為學(xué)習(xí)者提供便利的途徑,并且可以利用碎片化的時間來幫助學(xué)生提高學(xué)習(xí)效率。尤其是近些年,伴隨手機(jī)等移動學(xué)習(xí)設(shè)備的普及以及網(wǎng)絡(luò)功能的完善,使得移動學(xué)習(xí)逐漸成為一種新的學(xué)習(xí)趨勢[1]。
移動學(xué)習(xí);移動互聯(lián)網(wǎng)技術(shù);碎片化時間;趨勢
目前移動學(xué)習(xí)在國外發(fā)展較為迅速,尤其歐洲和北美率先展開了對移動學(xué)習(xí)的相關(guān)研究,并通過一系列移動教育項(xiàng)目得到了一些實(shí)踐經(jīng)驗(yàn)。在系統(tǒng)構(gòu)建方面,如芬蘭的Tampere大學(xué)XTask踢動學(xué)習(xí)系統(tǒng)、歐洲的 mGBL項(xiàng)目和新加坡的 Mobiskoolz系統(tǒng)等都具有相應(yīng)的參考價值。
在國內(nèi),相關(guān)研究側(cè)重于理論研究和發(fā)展現(xiàn)狀。僅2006至2011年期間移動學(xué)習(xí)基礎(chǔ)理論研究的論文數(shù)量達(dá)66篇,比重高達(dá)23.0%[2]。但由于國內(nèi)移動學(xué)習(xí)的研究重點(diǎn)集中于理論研究與支持性技術(shù)研究方面,對于移動學(xué)習(xí)應(yīng)用和開發(fā)方面的研究較少[3],對移動學(xué)習(xí)的系統(tǒng)開發(fā)實(shí)踐還相對滯后。這在一定程度上阻礙了移動學(xué)習(xí)的發(fā)展。
針對國內(nèi)目前存在的問題,本文試圖利用最新的移動互聯(lián)網(wǎng)技術(shù)架構(gòu)實(shí)現(xiàn)一個完整的移動學(xué)習(xí)系統(tǒng),將互聯(lián)網(wǎng)技術(shù)和移動技術(shù)結(jié)合,極大增加了系統(tǒng)的應(yīng)用性和可擴(kuò)展性。同時為移動學(xué)習(xí)提供一種最新的技術(shù)實(shí)現(xiàn)方案。
2.1 應(yīng)用場景
本系統(tǒng)為了更好的支持移動學(xué)習(xí)的任何設(shè)備或者技術(shù)的實(shí)現(xiàn),需要明確該系統(tǒng)的應(yīng)用場景。如圖1所示。
圖1 系統(tǒng)應(yīng)用場景
本系統(tǒng)整合校內(nèi)及校外優(yōu)質(zhì)學(xué)習(xí)資源,通過查詢某一類課程進(jìn)行資源定位,進(jìn)而查看視頻系列課程或者閱讀相關(guān)的期刊文章。
2.2 技術(shù)架構(gòu)
為了使本系統(tǒng)支持移動學(xué)習(xí)中的任何設(shè)備,并具有良好的頁面渲染效果,前端采用Bootstrap框架進(jìn)行頁面開發(fā),作為資源數(shù)據(jù)的展示層。Bootstrap框架是一種響應(yīng)式框架,能夠自適應(yīng)手機(jī)、PAD和PC,既能滿足用戶移動端的學(xué)習(xí)需求又可以兼顧PC端原有功能的實(shí)現(xiàn)及正常使用。
服務(wù)端開發(fā)模式采用 SpringMVC框架進(jìn)行業(yè)務(wù)功能的開發(fā),數(shù)據(jù)庫連接服務(wù)采用輕量級的MyBatis框架與免費(fèi)的MySql數(shù)據(jù)庫進(jìn)行通信,既能滿足本系統(tǒng)的需求,又可以高效快速的對數(shù)據(jù)庫進(jìn)行操作維護(hù)。整體框架設(shè)計如圖2所示。
圖2 系統(tǒng)框架設(shè)計圖
在表現(xiàn)層,為用戶提供信息展示,無論是 PC端用戶還是移動端用戶瀏覽頁面時,會得到 Bootstrap框架自動解析生成的HTML頁面。當(dāng)用戶進(jìn)行相關(guān)請求操作時,會向后端服務(wù)器程序發(fā)送Request請求,所有的 Request請求都會到達(dá)業(yè)務(wù)層;在業(yè)務(wù)層,采用SpringMVC框架支撐,負(fù)責(zé)用戶的具體業(yè)務(wù)邏輯處理,SpringMVC中的 DispatcherServlet類作為前端控制器,為用戶請求提供了統(tǒng)一的接收入口,當(dāng)請求到達(dá)后會被分發(fā)到不同的 Controller中執(zhí)行相應(yīng)的業(yè)務(wù)操作;在數(shù)據(jù)層,采用 MyBatis技術(shù)框架進(jìn)行數(shù)據(jù)的訪問,為業(yè)務(wù)層的數(shù)據(jù)交互提供支持,MyBatis框架通過配置 Xml文件完成與MySql數(shù)據(jù)庫數(shù)據(jù)表的映射,即可提供增刪改查的功能,并將處理后的結(jié)果返回給業(yè)務(wù)層。
2.3 功能設(shè)計
本系統(tǒng)具有用戶模塊、課程模塊、期刊模塊、公告模塊、聯(lián)系模塊五大部分組成,如圖3所示。
(1)用戶模塊提供了登錄和修改功能。用戶無需注冊,只需將校內(nèi)公共信息庫與本系統(tǒng)數(shù)據(jù)庫進(jìn)行同步即可登錄。同時用戶可以對自身賬戶信息修改和保存,數(shù)據(jù)同步至本系統(tǒng)數(shù)據(jù)庫。
(2)課程模塊包括資源上傳、下載功能、播放功能、關(guān)注功能、分享和查詢功能。其中教師可以上傳自己的系列課程,學(xué)生用戶可以進(jìn)行本地下載或直接在線播放,針對與自身專業(yè)相符的課程進(jìn)行課程關(guān)注,關(guān)注后的課程會同步到個人信息列表中,方便進(jìn)行下次學(xué)習(xí)。同時學(xué)生用戶可以模糊查詢或者精確查找到所需課程資源,并通過分享至其他社區(qū)進(jìn)行互動交流。
圖3 功能設(shè)計圖
(3)期刊模塊主要包括分類查找和模糊匹配兩大功能,可以通過本系統(tǒng)提供的大類別進(jìn)行不同領(lǐng)域期刊資源的劃分瀏覽,或者利用模糊查找功能定位到所有相似的期刊文章包括校內(nèi)或者校外的優(yōu)秀文章資源。
(4)公告模塊主要用于最新視頻課程或近期期刊文章的推送,系統(tǒng)默認(rèn)按照最近時間進(jìn)行排序。
(5)聯(lián)系人模塊能夠滿足學(xué)生和教師在內(nèi)所有用戶的意見反饋,通過郵件的方式進(jìn)行問題的征集與處理。
針對本系統(tǒng)實(shí)現(xiàn)過程有兩大技術(shù)難點(diǎn)。一是前端頁面的開發(fā),如何省時高效的開發(fā)出一套自適應(yīng)PC端和移動端的頁面是一大挑戰(zhàn)。二是服務(wù)器程序如何能簡單高效的運(yùn)行并保證系統(tǒng)的可維護(hù)性和擴(kuò)展性。針對以上問題,通過技術(shù)調(diào)研后決定采用Bootstrap框架作為前端頁面開發(fā)的主要框架,以JQuery庫來輔助簡化HTML頁面與JavaScript之間的操作;而服務(wù)器端采用最新的技術(shù)設(shè)計 Spring MVC + MyBatis框架進(jìn)行開發(fā),保證服務(wù)器程序的高可用性。
3.1 Bootstrap響應(yīng)式框架應(yīng)用
Bootstrap以LESS項(xiàng)目為基礎(chǔ),為Web應(yīng)用程序UI提供了一致的框架,是基于HTML標(biāo)簽語言、JavaScript腳本語言、CSS樣式而開發(fā)的開源前端框架[4]。通過提供的UI組件能夠迅速搭建前端頁面。
(1)HTML頁面自適應(yīng)策略
Bootstrap最重要的一個優(yōu)勢在于內(nèi)置了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng),隨著屏幕設(shè)備或視口尺寸的增加,系統(tǒng)會自動分為最多12列。在程序中有四種柵格選項(xiàng),他們分別是col-xs、colsm、col-md、col-lg,分別代表了有小到大不同級別的屏幕尺寸。其中col-xs類,用法是
(2)HTML頁面多樣式支持
Booststrap框架提供了非常多的表現(xiàn)樣式,通過設(shè)置不同的樣式類來展現(xiàn)不一樣的效果,如其自帶的 bootstrap.css樣式表中有默認(rèn)標(biāo)簽:label-default深灰色、主要標(biāo)簽label-primary深藍(lán)色、成功標(biāo)簽label-success綠色、信息標(biāo)簽label-info淺藍(lán)色、警告標(biāo)簽 label-warning橙色、錯誤標(biāo)簽 label-danger紅色等可直接引入的class類中使用。方便簡潔,無需再次手動設(shè)置顏色表。同時Bootstrap引入了徽章用來做一些提示信息使用。常用在一些系統(tǒng)發(fā)出的消息,比如系統(tǒng)會提示有多少未讀信息,要達(dá)到徽章效果,只需在 span標(biāo)簽中加入“badge”樣式類即可Inbox,除此之外button按鈕、nav-pills膠囊形導(dǎo)航等不同的樣式也為HTML頁面渲染提供了豐富的支持。
本系統(tǒng)利用 Bootstrap框架包含的 CSS和JQuery插件,可以快速的搭建一個漂亮、功能完備的網(wǎng)站。并且可以對 Bootstrap中所有的 CSS變量進(jìn)行修改,為前端HTML頁面提供了豐富的樣式支持,引用Bootstrap框架后頁面代碼結(jié)構(gòu)如下:
3.2 SpringMVC框架應(yīng)用
(1)MVC設(shè)計模式
MVC是一種使用MVC(Model View Controller模型-視圖-控制器)設(shè)計創(chuàng)建Web應(yīng)用程序的模式,把軟件系統(tǒng)分為三個基本部分:模型(Model)、視圖(View)和控制器(Controller),如圖4所示。
圖4 MVC設(shè)計模式
其目的是實(shí)現(xiàn)一種動態(tài)的程序設(shè)計,使后續(xù)對程序的修改和擴(kuò)展簡化,并且使程序某一部分的重復(fù)利用成為可能。此模式通過對復(fù)雜度的簡化,使程序結(jié)構(gòu)更加直觀。除此之外,該模式更具有低耦合性、高重用性和可適用性、可維護(hù)性等優(yōu)點(diǎn)。
(2)Spring MVC框架優(yōu)勢
MVC分層開發(fā)模式有助于管理復(fù)雜的應(yīng)用程序,盡可能提高系統(tǒng)的開發(fā)效率[5]。而Spring MVC作為當(dāng)前最優(yōu)秀的MVC框架,使用Java語言編寫的輕量級Web框架,并以控制反轉(zhuǎn)原則和面向方面編程思想為基礎(chǔ),提供管理業(yè)務(wù)對象服務(wù)[6]。其核心是以Dispatcher Servlet類接受用戶Request請求,攔截的請求通過控制器映射(HanddlerMapping)發(fā)送給相應(yīng)的JavaBean進(jìn)行處理,最后通過視圖轉(zhuǎn)換器返回解析后的結(jié)果。其框架本身更具有以下優(yōu)勢。
◆方便解耦,簡化開發(fā)
通過Spring提供的IoC容器,我們可以將對象之間的依賴關(guān)系交由Spring進(jìn)行控制,避免硬編碼所造成的過度程序耦合。有了 Spring,用戶不必再為單實(shí)例模式類、屬性文件解析等這些很底層的需求編寫代碼,可以更專注于上層的應(yīng)用。
◆AOP編程的支持
通過Spring提供的AOP(面向切面編程)功能,通過Xml的相應(yīng)配置即可方便地進(jìn)行面向切面的編程,許多不容易用傳統(tǒng)面向?qū)ο缶幊虒?shí)現(xiàn)的功能可以通過AOP輕松應(yīng)付。
◆聲明式事務(wù)的支持
在Spring中,我們可以從單調(diào)的事務(wù)管理代碼中解脫出來,通過聲明式方式靈活地進(jìn)行事務(wù)的管理,提高開發(fā)效率和質(zhì)量。
(3)Spring MVC框架在系統(tǒng)中應(yīng)用
在本系統(tǒng)中用戶模塊、課程模塊、期刊模塊、公告模塊、聯(lián)系人模塊共五大平臺模塊的開發(fā)均與Spring MVC框架密切相關(guān),系統(tǒng)邏輯業(yè)務(wù)流程圖如圖5所示。
圖5 系統(tǒng)邏輯業(yè)務(wù)流程圖
每個模塊下的功能子模塊發(fā)送的用戶請求都會被Spring MVC框架中的DispatcherSer vlet類接收并分發(fā)到下一級的業(yè)務(wù)層,經(jīng)過Controller控制器進(jìn)行業(yè)務(wù)邏輯處理,處理后的業(yè)務(wù)模型將會由 SpringMVC框架轉(zhuǎn)發(fā)到數(shù)據(jù)層進(jìn)行具體的DAO操作,數(shù)據(jù)層對MySql中相應(yīng)的表數(shù)據(jù)進(jìn)行訪問并做本地持久化操作。在整個系統(tǒng)運(yùn)行過程中,SpringMVC框架起到一個承上啟下的作用,作為業(yè)務(wù)層的邏輯控制單元將頁面表現(xiàn)層和數(shù)據(jù)處理層連接起來。通過Spring MVC框架最后得到的結(jié)果有兩種方式,一種是以視圖的模式返回指定的HTML頁面,直接展示給用戶;另一種是以 Json字符串的方式通過Response流返回到HTML頁面,用于頁面的其他邏輯運(yùn)算。
結(jié)合SpringMVC框架的強(qiáng)大優(yōu)勢,我們可以將HTML頁面開發(fā)和服務(wù)程序開發(fā)相分離,得到系統(tǒng)程序最大程度上的解耦。整個業(yè)務(wù)邏輯流程清晰,同時具有可維護(hù)性??蚣艿膯卫J奖WC了系統(tǒng)程序的運(yùn)行效率,能夠滿足更多用戶同時訪問。
3.3 MyBatis框架連接數(shù)據(jù)庫
MyBatis是一個支持普通Sql查詢,存儲過程和高級映射的優(yōu)秀持久層框架。MyBatis消除了幾乎所有的 JDBC代碼和參數(shù)的手工設(shè)置以及對結(jié)果集的檢索封裝,使用簡單的Xml或注解用于配置和原始映射[7],將接口和Java的POJO映射成數(shù)據(jù)庫中的記錄。它提供了非常簡便的數(shù)據(jù)庫訪問操作,只需要簡單配置Xml映射文件,保證數(shù)據(jù)的增刪改查語句所使用的字段與數(shù)據(jù)庫表結(jié)構(gòu)中的字段一致即可,使用MyBatis框架可以輕松完成數(shù)據(jù)庫的事務(wù)管理和本地的持久化操作,系統(tǒng)數(shù)據(jù)庫的表結(jié)構(gòu)如圖6所示。
圖6 系統(tǒng)數(shù)據(jù)表結(jié)構(gòu)
使用MyBatis框架可以盡可能減少本系統(tǒng)手動編碼的工作量,使用框架提供的接口即可完成復(fù)雜的數(shù)據(jù)庫增刪改查操作,方便修改、優(yōu)化和統(tǒng)一瀏覽。既能滿足系統(tǒng)的關(guān)鍵需求,又可以高效快速的對數(shù)據(jù)庫進(jìn)行操作維護(hù)。
本文為M-Learning提供了一種方便的系統(tǒng)級解決方案。為適應(yīng)移動學(xué)習(xí)對網(wǎng)絡(luò)教學(xué)平臺的新要求,利用最新的技術(shù)框架進(jìn)行功能實(shí)現(xiàn)。通過具體實(shí)踐證實(shí)了該系統(tǒng)架構(gòu)的可行性,彌補(bǔ)了當(dāng)前國內(nèi)在移動學(xué)習(xí)方面理論多而實(shí)踐少的不足。本文通過自主設(shè)計移動學(xué)習(xí)開發(fā)框架,擴(kuò)充了移動學(xué)習(xí)平臺的功能,提高了平臺的利用率,使移動學(xué)習(xí)不僅兼容以PC為終端的平臺,而且擴(kuò)充到能支持各種主流的手持設(shè)備,提高了學(xué)生用戶碎片化時間的利用率,不斷滿足學(xué)生日益增加的學(xué)習(xí)需求,有利于移動學(xué)習(xí)的普及化,為實(shí)現(xiàn)學(xué)生隨時、隨地、自主的學(xué)習(xí)創(chuàng)造了條件。
同時本系統(tǒng)除了具有整合網(wǎng)絡(luò)資源、統(tǒng)一操作界面等特點(diǎn)外,系統(tǒng)各種服務(wù)模塊具有松散耦合性,便于后期快速對系統(tǒng)進(jìn)行功能升級和改進(jìn),進(jìn)一步增強(qiáng)系統(tǒng)的靈活性和可用性,加速 E-Learning(電子學(xué)習(xí))到M-Learning(移動學(xué)習(xí))的轉(zhuǎn)變。相信隨著互聯(lián)網(wǎng)技術(shù)的不斷更新,移動學(xué)習(xí)的技術(shù)也會得到不斷的完善,更多的人會加入到移動學(xué)習(xí)的浪潮中,提升自身的學(xué)習(xí)效率。
[1]葉成林, 徐福蔭, 許駿.移動學(xué)習(xí)研究綜述[J].電化教育研究, 2004.3: 12-19.
[2]李楠, 李盛聰.2006-2011年我國移動學(xué)習(xí)研究綜述[J].職教論壇, 2012(18): 55-58.
[3]汪鳳麟, 李望秀, 李華新.對國內(nèi)移動學(xué)習(xí)文獻(xiàn)的定量分析[J].現(xiàn)代教育技術(shù), 2008, 18(12): 62-65.
[4]洪英漢, 劉竹松, 龍桂和.基于SSH框架的動態(tài)表單設(shè)計與實(shí)現(xiàn)[J].現(xiàn)代計算機(jī): 下半月版, 2009(9): 186-188.
[5]張瑞青, 李鐵柱.基于SpringMVC的用戶登錄系統(tǒng)的設(shè)計與實(shí)現(xiàn)[J].科技信息, 2012, 10: 246-247.
[6]Shi GAO; XingHeng WANG; Xue DENG Public Computer Education Management System.
[7]Ren Yongchang; Xing Tao; Xing Zhaofeng; Zheng Jianchun Application Research for Integrated SSH Combination Framework to Achieve MVC Mode 2011.
Research on the Application of Mobile Technology in Digital Campus
LIAO Li, DU Lin, WU Shao-jia
(Zhaoqing Radio & Television University, Zhaoqing 526060, Guangdong, China)
Today, with the rapid development of mobile internet technology, intelligent portable devices have become a necessary product of people’s daily life.Under this background, the use of wireless mobile communication network and wireless mobile communication device (such as mobile phone, PAD etc.) access to education information, education service, and education resources is being developed a new educational mode, Using mobile devices to access to the network learning resources has attracted more and more attention.Compared with the traditional classroom learning or computer E-Learning, mobile learning (M-Learning) can provide a convenient way to learn whenever and wherever you want, and can take advantage of the fragmented time to help students improving their learning efficiency.Especially in recent years, with the popularity of mobile devices and the improvement of the network function, mobile learning has gradually become a new learning trend[1].Therefore, in view of the current students’ present situation of waste time and combined with the high efficiency of mobile learning, this paper targeted to develop a set of mobile learning system so that students can make full use of the fragmented time to study.This system combines the latest mobile Internet technology to integrate text, video and other types of learning resources, so that it has a stronger applicability and scalability.
Mobile learning (M-Learning); Mobile internet technology; Fragmentation time; Trend
TP311
A
10.3969/j.issn.1003-6970.2017.03.014
廣東遠(yuǎn)程開放教育科研基金項(xiàng)目(批準(zhǔn)號:YJ1519)
廖麗(1967-),女,高級講師,主要研究方向:軟件技術(shù)應(yīng)用;杜林(1978-),男,講師,主要研究方向?yàn)橛嬎銠C(jī)應(yīng)用技術(shù);伍紹佳(1969-),男,副教授,主要研究方向?yàn)橛嬎銠C(jī)應(yīng)用與網(wǎng)絡(luò)技術(shù)。
因此,針對目前學(xué)生碎片化時間浪費(fèi)嚴(yán)重現(xiàn)狀,并結(jié)合移動學(xué)習(xí)高效性、廣泛性等特征優(yōu)勢,本文有針對性的開發(fā)出一套移動學(xué)習(xí)系統(tǒng)。能夠滿足學(xué)生充分利用碎片化時間進(jìn)行自主、系統(tǒng)的學(xué)習(xí)。本系統(tǒng)結(jié)合最新的移動互聯(lián)技術(shù)實(shí)現(xiàn)了對文本、視頻等多種類學(xué)習(xí)資源的整合,使系統(tǒng)具有更強(qiáng)的應(yīng)用性和可擴(kuò)展性。
本文著錄格式:廖麗,杜林,伍紹佳.移動技術(shù)在數(shù)字校園中的應(yīng)用研究[J].軟件,2017,38(3):65-69