基于Web學(xué)習(xí)資源的移動(dòng)互聯(lián)轉(zhuǎn)換技術(shù)的設(shè)計(jì)與實(shí)現(xiàn)

楊帆

（南通職業(yè)大學(xué)汽車與交通工程學(xué)院，南通　226007）

基于Web學(xué)習(xí)資源的移動(dòng)互聯(lián)轉(zhuǎn)換技術(shù)的設(shè)計(jì)與實(shí)現(xiàn)

楊帆

（南通職業(yè)大學(xué)汽車與交通工程學(xué)院，南通226007）

Web學(xué)習(xí)資源；移動(dòng)互聯(lián)；轉(zhuǎn)換代理服務(wù)器；資源轉(zhuǎn)換

0　引言

隨著移動(dòng)互聯(lián)技術(shù)的普及，推動(dòng)了移動(dòng)學(xué)習(xí)的發(fā)展，人們不再被限制于固定的學(xué)習(xí)場所。如果當(dāng)前Web互聯(lián)網(wǎng)上大量豐富的教育資源能轉(zhuǎn)換和整合至移動(dòng)互聯(lián)網(wǎng)的移動(dòng)終端，將極大方便了學(xué)習(xí)者的學(xué)習(xí)。另外，21世紀(jì)移動(dòng)互聯(lián)飛速發(fā)展，大學(xué)生群體的手機(jī)持有率明顯增高，加上校園網(wǎng)的擴(kuò)建，使得大學(xué)生上網(wǎng)方便，便于通過手機(jī)進(jìn)行學(xué)習(xí)交流。但目前Web互聯(lián)網(wǎng)上的學(xué)習(xí)文檔的格式很不規(guī)范，很多不是使用標(biāo)準(zhǔn)的標(biāo)記語言描述，如果把非標(biāo)準(zhǔn)的標(biāo)記語言直接發(fā)送到移動(dòng)終端上，將無法顯示其正常內(nèi)容，造成資源錯(cuò)亂。針對該情況，如果對移動(dòng)終端重建相應(yīng)的程序代碼，將投入大量人力財(cái)力，造成浪費(fèi)[1-3]。綜上，只有對現(xiàn)有的Web學(xué)習(xí)資源使用一定的規(guī)則和工具進(jìn)行轉(zhuǎn)換，才能在充分利用現(xiàn)有資料的基礎(chǔ)上保證移動(dòng)學(xué)習(xí)正常進(jìn)行。

此外，Web互聯(lián)網(wǎng)上的學(xué)習(xí)資源除了網(wǎng)頁文本外，通常都包括許多的聲音、圖片、視頻、程序等內(nèi)容，鑒于網(wǎng)絡(luò)學(xué)習(xí)資源的多樣性，單純依靠規(guī)則和工具進(jìn)行轉(zhuǎn)換，在移動(dòng)設(shè)備上的頁面可能出現(xiàn)無法正常轉(zhuǎn)換或者亂碼，使學(xué)習(xí)者無法得到相應(yīng)學(xué)習(xí)資源，影響學(xué)習(xí)效果[4-5]。因此，本文根據(jù)移動(dòng)學(xué)習(xí)的自身特點(diǎn)，進(jìn)行合理的學(xué)習(xí)移動(dòng)互聯(lián)資源轉(zhuǎn)換與設(shè)計(jì)。

1　移動(dòng)互聯(lián)學(xué)習(xí)相關(guān)理論

所謂移動(dòng)互聯(lián)學(xué)習(xí)國內(nèi)外定義有很多，就其特點(diǎn)歸納為[6]：在數(shù)字化學(xué)習(xí)的基礎(chǔ)上，學(xué)習(xí)者通過有效結(jié)合移動(dòng)計(jì)算技術(shù)，可以隨時(shí)隨地在移動(dòng)環(huán)境中進(jìn)行不同目的、不同方式的學(xué)習(xí)，同時(shí)可與教師和其他學(xué)習(xí)者互動(dòng)交流的一種新型學(xué)習(xí)方式。

基于Web的移動(dòng)互聯(lián)網(wǎng)學(xué)習(xí)資源轉(zhuǎn)換系統(tǒng)，目的是為擴(kuò)大學(xué)習(xí)者的學(xué)習(xí)場所、拼整學(xué)習(xí)時(shí)間和優(yōu)化學(xué)習(xí)效果，從而進(jìn)行Web互聯(lián)網(wǎng)到移動(dòng)互聯(lián)的轉(zhuǎn)換系統(tǒng)研究與設(shè)計(jì)?；ヂ?lián)學(xué)習(xí)資源有精品課程、開放課程、視頻與微課等。與傳統(tǒng)學(xué)習(xí)方式相比，基于 Web移動(dòng)互聯(lián)學(xué)習(xí)資源具有以下特點(diǎn)[7]：首先，學(xué)習(xí)資源具有網(wǎng)絡(luò)共享性和開放性。身處異地的學(xué)習(xí)者可以基于開放與海量的網(wǎng)絡(luò)平臺(tái)資源，共享并且可重復(fù)使用學(xué)習(xí)資源；其次，網(wǎng)絡(luò)學(xué)習(xí)不同于面授教學(xué)，教師和學(xué)生在時(shí)空上是獨(dú)立的，具有個(gè)體學(xué)習(xí)和互動(dòng)教學(xué)的特征；最后，網(wǎng)絡(luò)學(xué)習(xí)資源有別于其他網(wǎng)絡(luò)資源，具有教育教學(xué)的基本特征和高度集中的存儲(chǔ)特點(diǎn)。

隨著移動(dòng)互聯(lián)學(xué)習(xí)探索的基礎(chǔ)上，針對移動(dòng)學(xué)習(xí)自身理論需求，在經(jīng)典的學(xué)習(xí)理論基礎(chǔ)上發(fā)展出移動(dòng)互聯(lián)學(xué)習(xí)理論。移動(dòng)學(xué)習(xí)理論的研究主要針對基于Wi-Fi或4G的移動(dòng)學(xué)習(xí)實(shí)踐應(yīng)用，目前具有代表性的支持移動(dòng)學(xué)習(xí)理論有非正式學(xué)習(xí)理論、境脈學(xué)習(xí)理論、情境認(rèn)知與學(xué)習(xí)理論、經(jīng)驗(yàn)學(xué)習(xí)理論和活動(dòng)學(xué)習(xí)理論五種。

在網(wǎng)絡(luò)環(huán)境下，學(xué)習(xí)資源的主要呈現(xiàn)方式多樣化，主要包括有短信息、Web、流媒體、Flash等，其中以短消息最為簡單，是常用的單純文本形式。Web學(xué)習(xí)資源，以靜態(tài)或者動(dòng)態(tài)網(wǎng)頁形式發(fā)布，支持瀏覽器互動(dòng)訪問，信息容量大，交互能力強(qiáng)[8]。Flash學(xué)習(xí)資源在Web的基礎(chǔ)上，加上課件插件和動(dòng)態(tài)效果，多方位刺激學(xué)習(xí)者的感官，加強(qiáng)了學(xué)習(xí)效果。移動(dòng)學(xué)習(xí)研究的技術(shù)基礎(chǔ)是移動(dòng)網(wǎng)絡(luò)技術(shù)、無線通信技術(shù)和移動(dòng)終端的相互融合。

與傳統(tǒng)的課堂講授學(xué)習(xí)方式相比，基于移動(dòng)互聯(lián)個(gè)性化學(xué)習(xí)具有更加鮮明的特征，主要表現(xiàn)在以下幾個(gè)方面：個(gè)性化、分布式、自主性、智能化。基于移動(dòng)互聯(lián)個(gè)性化學(xué)習(xí)更注重培養(yǎng)學(xué)習(xí)者自我選擇、自我決定、自我學(xué)習(xí)的能力，在移動(dòng)學(xué)習(xí)中尤其注重個(gè)性的體現(xiàn)，從而促進(jìn)學(xué)習(xí)者綜合能力和素質(zhì)的發(fā)展。

2　轉(zhuǎn)換實(shí)現(xiàn)關(guān)鍵技術(shù)

基于Web的移動(dòng)互聯(lián)資源轉(zhuǎn)換實(shí)現(xiàn)的目標(biāo)是將Web學(xué)習(xí)資源相關(guān)的 HTML文檔轉(zhuǎn)換成適合在移動(dòng)終端的瀏覽器上顯示的學(xué)習(xí)資源文檔，從而方便移動(dòng)終端所有者隨時(shí)隨地的使用學(xué)習(xí)資源，其腳本轉(zhuǎn)換關(guān)系圖如圖1所示。

圖1　網(wǎng)絡(luò)學(xué)習(xí)資源腳本轉(zhuǎn)換關(guān)系圖

超文本標(biāo)記語言HTML是標(biāo)準(zhǔn)通用標(biāo)記語言SGML下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。是一種非常靈活的置標(biāo)語言。XHTML稱為可擴(kuò)展超文本標(biāo)記語言，XHTML是一個(gè)過渡技術(shù)，結(jié)合了部分XML的強(qiáng)大功能及大多數(shù)HTML的簡單特性。具有嚴(yán)格的語法結(jié)構(gòu)，其表現(xiàn)方式類似于HTML，成為W3C的推薦標(biāo)準(zhǔn)，它是HTML的繼承者，實(shí)現(xiàn)從HTML向XML完整過渡。

在WAP 2.0上面的標(biāo)記語言XHTML MP（XHTML Mobile Profile），是由 XHTML Basic加上 XHTML中一些額外的元素和屬性所發(fā)展形成，其目標(biāo)是要把移動(dòng)互聯(lián)網(wǎng)瀏覽技術(shù)和Web瀏覽的技術(shù)融合起來。XHTML MP的出現(xiàn)有機(jī)的把無線設(shè)備和有線設(shè)備的標(biāo)記語言最終統(tǒng)一起來。

為最大程度上保留Web學(xué)習(xí)資源在內(nèi)容和版式不變，結(jié)合移動(dòng)終端設(shè)備的特點(diǎn)，必須將不適合在移動(dòng)設(shè)備上展示的內(nèi)容主動(dòng)剔除和轉(zhuǎn)換過濾。轉(zhuǎn)換規(guī)則有以下幾條[9]：

①對Presentation樣式的標(biāo)簽進(jìn)行剔除。諸如刪除〈b〉（定義粗體文本），〈i〉（定義斜體文本），〈sup〉（定義上標(biāo)文本）等文本樣式類標(biāo)簽。

②對Edit編輯的標(biāo)簽進(jìn)行剔除。諸如刪除〈ins〉（定義被插入文本）和〈del〉（定義被刪除文本）標(biāo)簽。

③對Forms表單的標(biāo)簽進(jìn)行剔除。諸如刪除〈fieldset〉（定義圍繞表單中元素的邊框）標(biāo)簽。

④對Frames框架的標(biāo)簽進(jìn)行剔除。諸如刪除〈fieldset〉(定義框架集)、〈frame〉(定義框架集的窗口或框架)和〈noframe〉(定義針對不支持框架在替代內(nèi)容)等標(biāo)簽。

⑤對圖片資源進(jìn)行轉(zhuǎn)換。諸如在WAP1.0時(shí)期，移動(dòng)互聯(lián)瀏覽器只支持Web中的黑白位圖。而WAP2.0時(shí)期，Web上的彩色圖片也可以在 WAP瀏覽器上顯示。

⑥對視頻資源和流媒體進(jìn)行轉(zhuǎn)換。網(wǎng)絡(luò)學(xué)習(xí)資源除了圖片，還有很多諸如精品課程類的教學(xué)視頻，不同于Web媒體資源，為方便移動(dòng)學(xué)習(xí)者隨時(shí)隨地進(jìn)行有效在學(xué)習(xí)，這些視頻在移動(dòng)互聯(lián)中需要以移動(dòng)流媒體的形式表現(xiàn)出來，就需要將這些視頻資源放在獨(dú)立的移動(dòng)流媒體播放平臺(tái)上。

3　轉(zhuǎn)換系統(tǒng)主要功能模塊的設(shè)計(jì)

基于Web的移動(dòng)互聯(lián)資源轉(zhuǎn)換與設(shè)計(jì)思路[10]：學(xué)習(xí)者向遠(yuǎn)端Web學(xué)習(xí)服務(wù)器發(fā)出請求，Web服務(wù)器反饋請求的內(nèi)容進(jìn)入該轉(zhuǎn)換系統(tǒng)隊(duì)列，經(jīng)過轉(zhuǎn)換代理服務(wù)器模塊中的差異標(biāo)簽剔除子模塊和文檔格式清洗子模塊處理后，最終將學(xué)習(xí)資源內(nèi)容標(biāo)準(zhǔn)規(guī)范地傳送到用戶的移動(dòng)終端設(shè)備上，最后提供給學(xué)習(xí)者移動(dòng)學(xué)習(xí)，其組成框架如圖2所示。

圖2　轉(zhuǎn)換系統(tǒng)組成框架圖

（1）轉(zhuǎn)換代理服務(wù)器模塊

轉(zhuǎn)換代理服務(wù)器模塊是基于Web的移動(dòng)互聯(lián)資源轉(zhuǎn)換的核心控制模塊，在功能上又可分成兩個(gè)子模塊：差異標(biāo)簽剔除子模塊和文檔格式清洗子模塊。轉(zhuǎn)換代理服務(wù)器模塊負(fù)責(zé)將學(xué)習(xí)者的請求轉(zhuǎn)發(fā)給Web學(xué)習(xí)資源服務(wù)器，服務(wù)器經(jīng)過處理返回相關(guān)信息，再由此模塊發(fā)聵給學(xué)習(xí)者。

（2）差異標(biāo)簽剔除子模塊

差異標(biāo)簽剔除子模塊根據(jù)上述轉(zhuǎn)換規(guī)則處理輸送到隊(duì)列的各類學(xué)習(xí)資源，經(jīng)過語法分析，將學(xué)習(xí)資源先以HTML語言為根節(jié)點(diǎn)，每一個(gè)葉子節(jié)點(diǎn)都是面向?qū)ο蟮姆椒▽傩院蛅ag標(biāo)簽的原則構(gòu)造一顆語法生成樹，然后參照規(guī)則庫對每一個(gè)標(biāo)簽進(jìn)行逐一比對，按規(guī)則進(jìn)行相應(yīng)的剔除，最后對文檔格式進(jìn)行進(jìn)一步清洗處理。

（3）文檔格式清洗子模塊

文檔格式清洗子模塊按照W3C制定的標(biāo)記語言語法標(biāo)準(zhǔn)，將經(jīng)過差異標(biāo)簽剔除子模塊處理過的學(xué)習(xí)資源進(jìn)行語法規(guī)范化清洗等優(yōu)化，使學(xué)習(xí)資源語法詞法符合移動(dòng)互聯(lián)設(shè)備的要求。

4　試驗(yàn)測試

配置模擬器環(huán)境，針對上述轉(zhuǎn)換，采用在PC環(huán)境下的WAP瀏覽器進(jìn)行Web移動(dòng)互聯(lián)學(xué)習(xí)資源的瀏覽測試[11]。PC的具體配置是：CPU Intel酷睿 2雙核T6600，硬盤250G，內(nèi)存2G，網(wǎng)卡100M。調(diào)試軟件：Google Chrome。系統(tǒng)平臺(tái)：Windows 7。

分別對Web網(wǎng)絡(luò)學(xué)習(xí)資源中頁面結(jié)構(gòu)稍微復(fù)雜的中國知網(wǎng)（CNKI）和頁面結(jié)構(gòu)相對簡單的百度文庫網(wǎng)進(jìn)行測試，顯示效果見圖3所示。測試結(jié)果：百度文庫網(wǎng)站的頁面規(guī)范，符合超文本傳送語言的標(biāo)準(zhǔn)；中國知網(wǎng)首頁雖然復(fù)雜，但是它支持腳本語言，標(biāo)簽相對規(guī)范，文獻(xiàn)搜索準(zhǔn)確。可見，測試的兩個(gè)學(xué)習(xí)資源網(wǎng)站轉(zhuǎn)換后符合預(yù)期的效果。

圖3　Web移動(dòng)互聯(lián)轉(zhuǎn)換測試效果圖

5　結(jié)語

隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，Web學(xué)習(xí)資源相對豐富，本文根據(jù)Web互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)，采用轉(zhuǎn)換代理服務(wù)器模塊進(jìn)行過渡，有效利用差異標(biāo)簽剔除子模塊和文檔格式清洗子模塊處理標(biāo)記語言的詞法語法，實(shí)現(xiàn)了學(xué)習(xí)資源從Web到移動(dòng)互聯(lián)的有效轉(zhuǎn)換，試驗(yàn)證明該方法切實(shí)可行，為學(xué)習(xí)者隨時(shí)隨地享有學(xué)習(xí)資源提供可靠保證。

[1]劉豫鈞，鬲淑芳.移動(dòng)學(xué)習(xí)—國外研究現(xiàn)狀之綜述[J].現(xiàn)代教育技術(shù)，2004,14(03):14-16.

[2]葉成林，徐福蔭，許駿.移動(dòng)學(xué)習(xí)研究綜述[J].電化教育研究，2004，131(03)：12-19.

[3]婿曉歡.面向移動(dòng)終端的Web內(nèi)容轉(zhuǎn)換工具的設(shè)計(jì)與實(shí)現(xiàn)[D].華中師范大學(xué)，2009.

[4]施向偉.3G移動(dòng)通訊中標(biāo)記語言自動(dòng)轉(zhuǎn)換系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].中科院研究生院，2007.

[5]李佳.面向移動(dòng)平臺(tái)的網(wǎng)絡(luò)信息獲取技術(shù)的研究與實(shí)現(xiàn)[D].哈爾濱工業(yè)大學(xué)，2006.

[6]葉成林，徐福蔭.移動(dòng)學(xué)習(xí)及其理論基礎(chǔ)[J].開放教育研究，2004，03（49）:23-26.

[7]劉洪.Wap頁面轉(zhuǎn)換代理系統(tǒng)原理及其實(shí)現(xiàn)[J].計(jì)算機(jī)工程與應(yīng)用，2002，04:177-179.

[8]冉敏，余勝泉.小學(xué)移動(dòng)英語學(xué)習(xí)資源設(shè)計(jì)[J].中國遠(yuǎn)程教育，2010（9）:58-80.

[9]朱征宇，陳燁，常紅要，等.網(wǎng)站界面設(shè)計(jì)用戶體驗(yàn)[J].重慶理工大學(xué)學(xué)報(bào)(自然科學(xué)版)，2010（8）:37-42.

[10]鄭煒，齊幼菊，厲毅.移動(dòng)學(xué)習(xí)系統(tǒng)在遠(yuǎn)程教育中的構(gòu)建與應(yīng)用[J].中國遠(yuǎn)程教育,2012(5):81-84.

[11]馬小強(qiáng).移動(dòng)學(xué)習(xí)終端的選擇與評價(jià)[J].電化教育研究，2007，196(5):52-57.

Web Learning Resources;Mobile Internet;Proxy Server;Resources Transformation

Design and Implementation of Mobile Internet Conversion Technology Based on Web Learning Resources

YANG Fan
（School of Automobile and Traffic Engineering,Nantong Vocational College，Nantong 226007）

楊帆（1980-），女，江蘇蘇州人，碩士研究生，講師，研究方向?yàn)橹悄芸刂?、物?lián)網(wǎng)工程等

2015-11-19

2015-12-20

針對互聯(lián)網(wǎng)上Web學(xué)習(xí)資源豐富的現(xiàn)狀，分析Web互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)，采用轉(zhuǎn)換代理服務(wù)器模塊進(jìn)行資源過渡，利用差異標(biāo)簽剔除子模塊和文檔格式清洗子模塊處理標(biāo)記語言的詞法語法，實(shí)現(xiàn)學(xué)習(xí)資源從Web到移動(dòng)互聯(lián)的有效轉(zhuǎn)換，試驗(yàn)證明該方法切實(shí)可行，為學(xué)習(xí)者隨時(shí)隨地享有學(xué)習(xí)資源提供可靠保證。

In view of the situation of the Internet Web learning resources,analyses the feature of the Internet and mobile Internet Web,conversion proxy server module is adopted to improve the transition of resources,makes use of eliminating different labels child module and cleaning document format child module processing markup language,implements the effective transformation of learning resources from the Web to mobile Internet.The experiment proves the method is feasible,which provides reliable guarantee for learners to enjoy learning resources anytime and anywhere.