基于HTML5的高校成本核算實務學習平臺的設計與實現(xiàn)

肖斌

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

關鍵詞：高校學習平臺；跨平臺；智能手機

中圖分類號：F239.2 文獻標識碼：A 文章編號：1006-8937（2014）29-0061-02

1 高校學習平臺的重要性

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

2 當前國內(nèi)學習平臺采用的技術現(xiàn)狀

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

3 當前高校的學習平臺存在的問題

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

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

4 高校成本核算實務學習平臺的優(yōu)點

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

4.1 界面簡潔，功能便捷

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

4.2 全面互動，實時輔導

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

4.3 視頻教室，實時授課

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

4.4 跨設備跨平臺、隨身學習

平臺軟件不僅可以通過計算機瀏覽器使用，還可以通過專門的手機客戶端進行使用，平臺配備了Android、IOS兩種常見智能機的客戶端，因此不論學生手中的是iPhone還是不到千元的安卓手機，大部分都可以使用平臺軟件中的學習資源。客戶端中有課程的各種資料，例如大綱、教案、案例庫、習題庫、視頻資料等。

5 實現(xiàn)學習平臺的技術支持

5.1 選擇HTML5的原因

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

5.2 HTML5的功能特點

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

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

<！DOCTYPE HTML>

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

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

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

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

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

6 學習平臺功能模塊介紹

6.1 課堂教學部分包含的功能

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

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

6.2 課后自主學習部分包含以下功能

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

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

7 結 語

隨著HTML5標準的不斷完善和移動網(wǎng)絡設備的不斷提升，跨平臺、隨時隨地同步學習的優(yōu)秀學習平臺必將會為高校教育教學帶來深遠的影響。

參考文獻：

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

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

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

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

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

[6] 熊邦忠.面向學習成長的行為監(jiān)控體系的構建與實施[J].中國遠程教育，2007，（2）.

[7] 劉成新.在線學習課程的設計、開發(fā)與評價[J].中國遠程教育，2001，（3）.

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

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

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

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

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

[13] 黃永兵.從零開始構建HTML5[J].計算機應用，2010，（5）.

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

[15] 馬新強，孫兆，袁哲，等.Web標準與HTML5核心技術研究[J].重慶文

理學院學報，2010，（6）.

[16] 劉運臣.網(wǎng)站設計與建設[M].北京：清華大學出版社，2010.

[17] 唐四薪.基于Web標準的網(wǎng)頁設計與制作[M].北京：清華大學出版

社，2009.

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

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

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

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

6 學習平臺功能模塊介紹

6.1 課堂教學部分包含的功能

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

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

6.2 課后自主學習部分包含以下功能

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

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

7 結 語

隨著HTML5標準的不斷完善和移動網(wǎng)絡設備的不斷提升，跨平臺、隨時隨地同步學習的優(yōu)秀學習平臺必將會為高校教育教學帶來深遠的影響。

參考文獻：

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

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

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

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

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

[6] 熊邦忠.面向學習成長的行為監(jiān)控體系的構建與實施[J].中國遠程教育，2007，（2）.

[7] 劉成新.在線學習課程的設計、開發(fā)與評價[J].中國遠程教育，2001，（3）.

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

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

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

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

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

[13] 黃永兵.從零開始構建HTML5[J].計算機應用，2010，（5）.

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

[15] 馬新強，孫兆，袁哲，等.Web標準與HTML5核心技術研究[J].重慶文

理學院學報，2010，（6）.

[16] 劉運臣.網(wǎng)站設計與建設[M].北京：清華大學出版社，2010.

[17] 唐四薪.基于Web標準的網(wǎng)頁設計與制作[M].北京：清華大學出版

社，2009.

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

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

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

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

6 學習平臺功能模塊介紹

6.1 課堂教學部分包含的功能

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

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

6.2 課后自主學習部分包含以下功能

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

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

7 結 語

隨著HTML5標準的不斷完善和移動網(wǎng)絡設備的不斷提升，跨平臺、隨時隨地同步學習的優(yōu)秀學習平臺必將會為高校教育教學帶來深遠的影響。

參考文獻：

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

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

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

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

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

[6] 熊邦忠.面向學習成長的行為監(jiān)控體系的構建與實施[J].中國遠程教育，2007，（2）.

[7] 劉成新.在線學習課程的設計、開發(fā)與評價[J].中國遠程教育，2001，（3）.

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

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

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

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

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

[13] 黃永兵.從零開始構建HTML5[J].計算機應用，2010，（5）.

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

[15] 馬新強，孫兆，袁哲，等.Web標準與HTML5核心技術研究[J].重慶文

理學院學報，2010，（6）.

[16] 劉運臣.網(wǎng)站設計與建設[M].北京：清華大學出版社，2010.

[17] 唐四薪.基于Web標準的網(wǎng)頁設計與制作[M].北京：清華大學出版

社，2009.