肖斌

摘 要：基于HTML5的高校成本核算實(shí)務(wù)學(xué)習(xí)平臺較好的解決了當(dāng)前高校學(xué)習(xí)平臺面臨的問題，極大的提升了教學(xué)效果，為師生提供了一個較好的學(xué)習(xí)與交流平臺。

關(guān)鍵詞：高校學(xué)習(xí)平臺；跨平臺；智能手機(jī)

中圖分類號：F239.2 文獻(xiàn)標(biāo)識碼：A 文章編號：1006-8937（2014）29-0061-02

1 高校學(xué)習(xí)平臺的重要性

隨著互聯(lián)網(wǎng)和通信技術(shù)的不斷進(jìn)步，網(wǎng)絡(luò)信息化得到高校的不斷重視，各種學(xué)習(xí)平臺的建設(shè)得到了長足的發(fā)展。當(dāng)前學(xué)習(xí)平臺在高校教學(xué)中發(fā)揮著重要的作用，師生通過平臺進(jìn)行課堂內(nèi)外的交流、互動，教學(xué)上的問題能夠通過平臺及時的得到解決。同時，學(xué)生們借助平臺進(jìn)行課堂內(nèi)外的練習(xí)；教師們通過平臺布置作業(yè)，解決學(xué)生們的學(xué)習(xí)問題。學(xué)習(xí)平臺與傳統(tǒng)的課堂教學(xué)相結(jié)合，極大的調(diào)動了同學(xué)們的積極性，教學(xué)效果明顯的提高。

2 當(dāng)前國內(nèi)學(xué)習(xí)平臺采用的技術(shù)現(xiàn)狀

目前國內(nèi)的高校學(xué)習(xí)平臺，多是基于ASP、.NET等開發(fā)平臺，這些系統(tǒng)的優(yōu)點(diǎn)是開發(fā)工具便利，集成度高。存在的缺點(diǎn)是對開發(fā)平臺過度依賴；在IOS和android平臺上的擴(kuò)展性較差。

3 當(dāng)前高校的學(xué)習(xí)平臺存在的問題

隨著互聯(lián)網(wǎng)的普及、智能手機(jī)、無線網(wǎng)絡(luò)技術(shù)等進(jìn)一步的發(fā)展，現(xiàn)有的一些高校學(xué)習(xí)平臺已經(jīng)無法滿足同學(xué)們的需求，主要表現(xiàn)在以下幾點(diǎn)：

①重功能，輕體驗(yàn)。部分學(xué)習(xí)平臺過分強(qiáng)調(diào)功能，忽視了學(xué)生使用者的用戶體驗(yàn)，做出來的平臺功能繁瑣，操作界面復(fù)雜，不利用普遍推廣。②師生交流不及時。多數(shù)學(xué)習(xí)平臺師生之間的交流還是基于論壇或者是提問功能模塊，學(xué)生當(dāng)時提出的問題并不能實(shí)時解決。③平臺模式單一。多數(shù)高校學(xué)習(xí)平臺都是基于PC端，沒有開發(fā)基于Android或者IOS平臺的手機(jī)客戶端。在各種智能手機(jī)普及率很高的高校校園，學(xué)習(xí)平臺能在手機(jī)端有一席之地，就已經(jīng)成功了一大半。

4 高校成本核算實(shí)務(wù)學(xué)習(xí)平臺的優(yōu)點(diǎn)

高校成本核算實(shí)務(wù)學(xué)習(xí)平臺是我院國家級精品課程《成本核算實(shí)務(wù)》的配套教學(xué)平臺，在多年來不斷地改進(jìn)中，取得了良好的效果，受到了師生的一致好評，平臺具有以下優(yōu)點(diǎn)。

4.1 界面簡潔，功能便捷

軟件運(yùn)行方便，無需安裝無需配置，只要在計(jì)算機(jī)上安裝有瀏覽器，例如谷歌瀏覽器、360極速瀏覽器或者搜狗瀏覽器，就可以在任意的電腦或者手機(jī)、平板電腦上運(yùn)行。軟件操作簡便，界面的風(fēng)格類似于目前十分流行的云桌面形式，和Windows界面相似，交互性強(qiáng)。

4.2 全面互動，實(shí)時輔導(dǎo)

在高等教育中，師生關(guān)系和師生互動一直是個問題，師生往往下課后難得交流，本軟件平臺集成教師微博組模塊和IM即時通訊模塊。任何一位任課教師的微博如果有更新會立即呈現(xiàn)在微博組中，使師生之間的距離大大拉近，交流通過這種非常時髦的網(wǎng)絡(luò)工具得到了有效地增強(qiáng)。同時，通過IM即時通訊模塊，能夠直接與教師進(jìn)行溝通交流。

4.3 視頻教室，實(shí)時授課

視頻教室無需安裝特定軟件，打開瀏覽器就可以隨時進(jìn)入。教師只要有攝像頭和麥克風(fēng)，就能進(jìn)行網(wǎng)上授課和輔導(dǎo)。在視頻交流的同時還可以使用白板進(jìn)行圖文并茂的即時講解。還可以使用上傳視頻音頻等輔助手段發(fā)布學(xué)習(xí)資料。而且本視頻教室不受到類似QQ視頻的一對一限制，可以滿足同一教室一百人上課，如圖1和圖2所示。

4.4 跨設(shè)備跨平臺、隨身學(xué)習(xí)

平臺軟件不僅可以通過計(jì)算機(jī)瀏覽器使用，還可以通過專門的手機(jī)客戶端進(jìn)行使用，平臺配備了Android、IOS兩種常見智能機(jī)的客戶端，因此不論學(xué)生手中的是iPhone還是不到千元的安卓手機(jī)，大部分都可以使用平臺軟件中的學(xué)習(xí)資源?？蛻舳酥杏姓n程的各種資料，例如大綱、教案、案例庫、習(xí)題庫、視頻資料等。

5 實(shí)現(xiàn)學(xué)習(xí)平臺的技術(shù)支持

5.1 選擇HTML5的原因

根據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC），2014年1月第33次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示，截至2013年12月，中國互聯(lián)網(wǎng)普及率為45.8%，較2012年底提升3.7%。其中我國手機(jī)端在線收看或下載視頻的用戶數(shù)為2.47億，與2012年底相比增長了1.12億，增長率高達(dá)83.8%，在手機(jī)類應(yīng)用用戶規(guī)模增長幅度統(tǒng)計(jì)中排名第一。高校學(xué)生使用的網(wǎng)絡(luò)設(shè)備逐漸從傳統(tǒng)的臺式電腦、筆記本電腦，逐步過渡到平板、智能手機(jī)。其中智能手機(jī)對傳統(tǒng)上網(wǎng)方式帶來的沖擊，也促使高校學(xué)習(xí)平臺必須做出調(diào)整才能適應(yīng)現(xiàn)有網(wǎng)絡(luò)環(huán)境的變化。采用web模式的學(xué)習(xí)平臺，不用安裝客戶端，能夠在筆記本電腦、平板、智能手機(jī)間同步使用。而HTML5是當(dāng)前主流瀏覽器（IE9、Chrome10、Firefox、360極速瀏覽器、搜狗瀏覽器等）廣泛支持的新標(biāo)準(zhǔn)，增加了很多新的特性和API接口。HTML5良好的媒介回放屬性、優(yōu)秀的錯誤處理以及出色的Web能力，使之成為下一代互聯(lián)網(wǎng)的標(biāo)準(zhǔn)協(xié)議。

5.2 HTML5的功能特點(diǎn)

①減少了對外部插件的依賴。比如：使用最多的FLASH插件，使用以后會因?yàn)闆]有及時升級，存在漏洞導(dǎo)致病毒木馬入侵，從而泄露用戶信息、帳戶、密碼等安全隱患。同時，如果相應(yīng)的網(wǎng)絡(luò)設(shè)備會因?yàn)闆]有安裝該插件，導(dǎo)致用戶無法正常使用。

②提供了良好的Web視頻支持。HTML5中提供了Video元素來包含視頻標(biāo)準(zhǔn)方法，支持OGG、MPEG4、WebM三種視頻格式，可以很輕松的在學(xué)習(xí)平臺中加入視頻，如下代碼：

<！DOCTYPE HTML>

controls="controls">//插入要顯示的視頻內(nèi)容

您當(dāng)前的瀏覽器并不支持VIDEO元素，請更新瀏覽器至最新版本。//當(dāng)瀏覽器不支持VIDEO元素時顯示

5.3 借助AppCan.cn開發(fā)平臺實(shí)現(xiàn)手機(jī)客戶端

AppCan.cn開發(fā)平臺是基于HTML5技術(shù)的跨平臺移動應(yīng)用快速開發(fā)一體化解決方案，借助該開發(fā)平臺，利用HTML5+

CSS3+JavaScript技術(shù)可以快速地開發(fā)與本地應(yīng)用體驗(yàn)相媲美的移動應(yīng)用。

6 學(xué)習(xí)平臺功能模塊介紹

6.1 課堂教學(xué)部分包含的功能

在上課時，教師可以通過電子教案和教學(xué)課件進(jìn)行講解，同時可以在原始憑證模塊中練習(xí)表單的填寫，教師講解憑證也變得更加具體。憑證表單可以填寫，還能夠進(jìn)行涂畫，擦除，標(biāo)注，演示動畫，如圖3和圖4所示。

教師還可以使用計(jì)算器、電子白板等各種工具，對著習(xí)題、案例或者講稿來進(jìn)行講解，不用再面對粉筆灰。

6.2 課后自主學(xué)習(xí)部分包含以下功能

課后，學(xué)生還可以使用在線測試模塊對所學(xué)知識進(jìn)行課堂練習(xí)和課后自測。題目形式豐富，比傳統(tǒng)紙面測試更加簡單易用，操作便利。在完成測試后，軟件能根據(jù)答案做出自動評分。如圖5和圖6所示。

教學(xué)錄像模塊還提供了一定的視頻資料供學(xué)生課后自己補(bǔ)充相關(guān)知識。平臺還集成了網(wǎng)盤系統(tǒng)，供師生存放各種文檔。

7 結(jié) 語

隨著HTML5標(biāo)準(zhǔn)的不斷完善和移動網(wǎng)絡(luò)設(shè)備的不斷提升，跨平臺、隨時隨地同步學(xué)習(xí)的優(yōu)秀學(xué)習(xí)平臺必將會為高校教育教學(xué)帶來深遠(yuǎn)的影響。

參考文獻(xiàn)：

[1] 武漢美.網(wǎng)絡(luò)學(xué)習(xí)平臺模式創(chuàng)新研究[J].江蘇廣播電視大學(xué)學(xué)報(bào)，2004，（6）.

[2] 杜娟，陳波.Web Services環(huán)境下的校園分布式信息平臺安全模型[J].西南科技大學(xué)學(xué)報(bào)，2008，（6）.

[3] 王巧玲.基于Web服務(wù)的網(wǎng)絡(luò)學(xué)習(xí)行為采集與集成初步設(shè)計(jì)與實(shí)現(xiàn)[D].武漢：華中師范大學(xué)，2007.

[4] 楊開城，李文光.現(xiàn)代教學(xué)設(shè)計(jì)的理倫體系初探[J].中國電化教育，2002，（2）.

[5] 陳云虹，謝百治，傅綱善.網(wǎng)絡(luò)教學(xué)中有關(guān)監(jiān)控體系的基本構(gòu)想[J].中國電化教育，2003，（8）.

[6] 熊邦忠.面向?qū)W習(xí)成長的行為監(jiān)控體系的構(gòu)建與實(shí)施[J].中國遠(yuǎn)程教育，2007，（2）.

[7] 劉成新.在線學(xué)習(xí)課程的設(shè)計(jì)、開發(fā)與評價[J].中國遠(yuǎn)程教育，2001，（3）.

[8] 丁興富.遠(yuǎn)程教育的宏觀理論[J].中國遠(yuǎn)程教育，2001，（1）.

[9] 謝幼如，柯清超.在線學(xué)習(xí)課程的開發(fā)與應(yīng)用[M].北京：電子工業(yè)出版社，2005.

[10] 陳博，廖軍.移動Web應(yīng)用的能力需求與發(fā)展淺析[J].移動通信，2011，（5）.

[11] 崔媛媛.移動Web瀏覽業(yè)務(wù)及關(guān)鍵技術(shù)[J].電信網(wǎng)技術(shù)，2011，（4）.

[12] 唐俊開.HTML5移動Web開發(fā)指南[M].北京：電子工業(yè)出版社，2012.

[13] 黃永兵.從零開始構(gòu)建HTML5[J].計(jì)算機(jī)應(yīng)用，2010，（5）.

[14] 蔣博.使用HTML5構(gòu)建下一代的WebForm[J].互聯(lián)網(wǎng)周刊，2009，（25）.

[15] 馬新強(qiáng)，孫兆，袁哲，等.Web標(biāo)準(zhǔn)與HTML5核心技術(shù)研究[J].重慶文

理學(xué)院學(xué)報(bào)，2010，（6）.

[16] 劉運(yùn)臣.網(wǎng)站設(shè)計(jì)與建設(shè)[M].北京：清華大學(xué)出版社，2010.

[17] 唐四薪.基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作[M].北京：清華大學(xué)出版

社，2009.

您當(dāng)前的瀏覽器并不支持VIDEO元素，請更新瀏覽器至最新版本。//當(dāng)瀏覽器不支持VIDEO元素時顯示

5.3 借助AppCan.cn開發(fā)平臺實(shí)現(xiàn)手機(jī)客戶端

AppCan.cn開發(fā)平臺是基于HTML5技術(shù)的跨平臺移動應(yīng)用快速開發(fā)一體化解決方案，借助該開發(fā)平臺，利用HTML5+

CSS3+JavaScript技術(shù)可以快速地開發(fā)與本地應(yīng)用體驗(yàn)相媲美的移動應(yīng)用。

6 學(xué)習(xí)平臺功能模塊介紹

6.1 課堂教學(xué)部分包含的功能

在上課時，教師可以通過電子教案和教學(xué)課件進(jìn)行講解，同時可以在原始憑證模塊中練習(xí)表單的填寫，教師講解憑證也變得更加具體。憑證表單可以填寫，還能夠進(jìn)行涂畫，擦除，標(biāo)注，演示動畫，如圖3和圖4所示。

教師還可以使用計(jì)算器、電子白板等各種工具，對著習(xí)題、案例或者講稿來進(jìn)行講解，不用再面對粉筆灰。

6.2 課后自主學(xué)習(xí)部分包含以下功能

課后，學(xué)生還可以使用在線測試模塊對所學(xué)知識進(jìn)行課堂練習(xí)和課后自測。題目形式豐富，比傳統(tǒng)紙面測試更加簡單易用，操作便利。在完成測試后，軟件能根據(jù)答案做出自動評分。如圖5和圖6所示。

教學(xué)錄像模塊還提供了一定的視頻資料供學(xué)生課后自己補(bǔ)充相關(guān)知識。平臺還集成了網(wǎng)盤系統(tǒng)，供師生存放各種文檔。

7 結(jié) 語

隨著HTML5標(biāo)準(zhǔn)的不斷完善和移動網(wǎng)絡(luò)設(shè)備的不斷提升，跨平臺、隨時隨地同步學(xué)習(xí)的優(yōu)秀學(xué)習(xí)平臺必將會為高校教育教學(xué)帶來深遠(yuǎn)的影響。

參考文獻(xiàn)：

[1] 武漢美.網(wǎng)絡(luò)學(xué)習(xí)平臺模式創(chuàng)新研究[J].江蘇廣播電視大學(xué)學(xué)報(bào)，2004，（6）.

[2] 杜娟，陳波.Web Services環(huán)境下的校園分布式信息平臺安全模型[J].西南科技大學(xué)學(xué)報(bào)，2008，（6）.

[3] 王巧玲.基于Web服務(wù)的網(wǎng)絡(luò)學(xué)習(xí)行為采集與集成初步設(shè)計(jì)與實(shí)現(xiàn)[D].武漢：華中師范大學(xué)，2007.

[4] 楊開城，李文光.現(xiàn)代教學(xué)設(shè)計(jì)的理倫體系初探[J].中國電化教育，2002，（2）.

[5] 陳云虹，謝百治，傅綱善.網(wǎng)絡(luò)教學(xué)中有關(guān)監(jiān)控體系的基本構(gòu)想[J].中國電化教育，2003，（8）.

[6] 熊邦忠.面向?qū)W習(xí)成長的行為監(jiān)控體系的構(gòu)建與實(shí)施[J].中國遠(yuǎn)程教育，2007，（2）.

[7] 劉成新.在線學(xué)習(xí)課程的設(shè)計(jì)、開發(fā)與評價[J].中國遠(yuǎn)程教育，2001，（3）.

[8] 丁興富.遠(yuǎn)程教育的宏觀理論[J].中國遠(yuǎn)程教育，2001，（1）.

[9] 謝幼如，柯清超.在線學(xué)習(xí)課程的開發(fā)與應(yīng)用[M].北京：電子工業(yè)出版社，2005.

[10] 陳博，廖軍.移動Web應(yīng)用的能力需求與發(fā)展淺析[J].移動通信，2011，（5）.

[11] 崔媛媛.移動Web瀏覽業(yè)務(wù)及關(guān)鍵技術(shù)[J].電信網(wǎng)技術(shù)，2011，（4）.

[12] 唐俊開.HTML5移動Web開發(fā)指南[M].北京：電子工業(yè)出版社，2012.

[13] 黃永兵.從零開始構(gòu)建HTML5[J].計(jì)算機(jī)應(yīng)用，2010，（5）.

[14] 蔣博.使用HTML5構(gòu)建下一代的WebForm[J].互聯(lián)網(wǎng)周刊，2009，（25）.

[15] 馬新強(qiáng)，孫兆，袁哲，等.Web標(biāo)準(zhǔn)與HTML5核心技術(shù)研究[J].重慶文

理學(xué)院學(xué)報(bào)，2010，（6）.

[16] 劉運(yùn)臣.網(wǎng)站設(shè)計(jì)與建設(shè)[M].北京：清華大學(xué)出版社，2010.

[17] 唐四薪.基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作[M].北京：清華大學(xué)出版

社，2009.

您當(dāng)前的瀏覽器并不支持VIDEO元素，請更新瀏覽器至最新版本。//當(dāng)瀏覽器不支持VIDEO元素時顯示

5.3 借助AppCan.cn開發(fā)平臺實(shí)現(xiàn)手機(jī)客戶端

AppCan.cn開發(fā)平臺是基于HTML5技術(shù)的跨平臺移動應(yīng)用快速開發(fā)一體化解決方案，借助該開發(fā)平臺，利用HTML5+

CSS3+JavaScript技術(shù)可以快速地開發(fā)與本地應(yīng)用體驗(yàn)相媲美的移動應(yīng)用。

6 學(xué)習(xí)平臺功能模塊介紹

6.1 課堂教學(xué)部分包含的功能

在上課時，教師可以通過電子教案和教學(xué)課件進(jìn)行講解，同時可以在原始憑證模塊中練習(xí)表單的填寫，教師講解憑證也變得更加具體。憑證表單可以填寫，還能夠進(jìn)行涂畫，擦除，標(biāo)注，演示動畫，如圖3和圖4所示。

教師還可以使用計(jì)算器、電子白板等各種工具，對著習(xí)題、案例或者講稿來進(jìn)行講解，不用再面對粉筆灰。

6.2 課后自主學(xué)習(xí)部分包含以下功能

課后，學(xué)生還可以使用在線測試模塊對所學(xué)知識進(jìn)行課堂練習(xí)和課后自測。題目形式豐富，比傳統(tǒng)紙面測試更加簡單易用，操作便利。在完成測試后，軟件能根據(jù)答案做出自動評分。如圖5和圖6所示。

教學(xué)錄像模塊還提供了一定的視頻資料供學(xué)生課后自己補(bǔ)充相關(guān)知識。平臺還集成了網(wǎng)盤系統(tǒng)，供師生存放各種文檔。

7 結(jié) 語

隨著HTML5標(biāo)準(zhǔn)的不斷完善和移動網(wǎng)絡(luò)設(shè)備的不斷提升，跨平臺、隨時隨地同步學(xué)習(xí)的優(yōu)秀學(xué)習(xí)平臺必將會為高校教育教學(xué)帶來深遠(yuǎn)的影響。

參考文獻(xiàn)：

[1] 武漢美.網(wǎng)絡(luò)學(xué)習(xí)平臺模式創(chuàng)新研究[J].江蘇廣播電視大學(xué)學(xué)報(bào)，2004，（6）.

[2] 杜娟，陳波.Web Services環(huán)境下的校園分布式信息平臺安全模型[J].西南科技大學(xué)學(xué)報(bào)，2008，（6）.

[3] 王巧玲.基于Web服務(wù)的網(wǎng)絡(luò)學(xué)習(xí)行為采集與集成初步設(shè)計(jì)與實(shí)現(xiàn)[D].武漢：華中師范大學(xué)，2007.

[4] 楊開城，李文光.現(xiàn)代教學(xué)設(shè)計(jì)的理倫體系初探[J].中國電化教育，2002，（2）.

[5] 陳云虹，謝百治，傅綱善.網(wǎng)絡(luò)教學(xué)中有關(guān)監(jiān)控體系的基本構(gòu)想[J].中國電化教育，2003，（8）.

[6] 熊邦忠.面向?qū)W習(xí)成長的行為監(jiān)控體系的構(gòu)建與實(shí)施[J].中國遠(yuǎn)程教育，2007，（2）.

[7] 劉成新.在線學(xué)習(xí)課程的設(shè)計(jì)、開發(fā)與評價[J].中國遠(yuǎn)程教育，2001，（3）.

[8] 丁興富.遠(yuǎn)程教育的宏觀理論[J].中國遠(yuǎn)程教育，2001，（1）.

[9] 謝幼如，柯清超.在線學(xué)習(xí)課程的開發(fā)與應(yīng)用[M].北京：電子工業(yè)出版社，2005.

[10] 陳博，廖軍.移動Web應(yīng)用的能力需求與發(fā)展淺析[J].移動通信，2011，（5）.

[11] 崔媛媛.移動Web瀏覽業(yè)務(wù)及關(guān)鍵技術(shù)[J].電信網(wǎng)技術(shù)，2011，（4）.

[12] 唐俊開.HTML5移動Web開發(fā)指南[M].北京：電子工業(yè)出版社，2012.

[13] 黃永兵.從零開始構(gòu)建HTML5[J].計(jì)算機(jī)應(yīng)用，2010，（5）.

[14] 蔣博.使用HTML5構(gòu)建下一代的WebForm[J].互聯(lián)網(wǎng)周刊，2009，（25）.

[15] 馬新強(qiáng)，孫兆，袁哲，等.Web標(biāo)準(zhǔn)與HTML5核心技術(shù)研究[J].重慶文

理學(xué)院學(xué)報(bào)，2010，（6）.

[16] 劉運(yùn)臣.網(wǎng)站設(shè)計(jì)與建設(shè)[M].北京：清華大學(xué)出版社，2010.

[17] 唐四薪.基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作[M].北京：清華大學(xué)出版

社，2009.