基于手機微信的實驗教學網站

◆應繼明 管正華 余康遠 項紫晴 張航濤

?

基于手機微信的實驗教學網站

◆應繼明 管正華 余康遠 項紫晴 張航濤

（溫州醫科大學眼視光學院生物醫學工程學院 浙江 325000）

隨著移動互聯網的快速發展，微網站的影響力也在逐漸擴大。微網站能夠實現IOS、android等多平臺智能手機操作系統的兼容，手機上網又是當下的潮流，本文將講述利用HTML5構建一個共享型教學資源服務平臺的微網站，手機用戶可通過微信平臺訪問該微網站。此微網站實現實驗教學資源的共享，使得學生能夠利用平時的空閑時間，自主學習需要的教學內容。

HTML5；教學資源；微網站

0 引言

隨著移動互聯網的快速發展和智能手機的普及率的不斷提高，通過手機上網已經成為大多數人首選的上網方式，而微信作為一種多功能社交app，目前的月活躍用戶數超過8億，而且大學生人群中微信的使用率也相當的高。利用在大學生中高普及率的智能手機和微信一起構建教學互動平臺，把傳統教學方式的優勢與移動互聯網的學習優勢結合起來，是一個有價值的研究方向。

網絡的教學平臺在構建數字化的學習環境中發揮了重要的支撐作用，是推動教學信息化的快速發展、拓展教育教學的深度及廣度的不可或缺的環境基礎，也是對有限的教學資源以及課堂上的面授教學的有效補充[1]。

實驗教學由于其學習特點，更加注重通過觀察和操作實物來掌握相關知識點，而非僅通過單純的理論知識，所以在課后往往難以做到復習鞏固。本文所涉及的微網站開發的主旨是實驗教學資源的集中與共享。其優點是能夠做到詳細的實物信息和理論知識的結合。學生在課后訪問微網站即可自主選擇相應的實驗進行復習鞏固。

1 系統整體框架

微信公眾平臺處理程序及微網站構建采用HTML5開發，開發環境選擇Dreamweaver，數據庫采用MySQL，Web應用服務器采用輕云服務器。

本文研究的微網站是關于實驗室教學資源系統的信息總結與推廣，主界面分為關于我們、新聞中心、用戶登錄、信息瀏覽、實驗教學、在線問答、友情鏈接、科研榮譽、師資概況等九個模塊。

2 實現項目所需技術

2.1 HTML5編程語言

HTML5賦予了網頁更多的意義和更合理的結構。更加豐富實用的標簽將隨著對RDFa的微數據和微格式等方面的支持，構建出對程序和用戶都更有價值的數據驅動的Web。[2]本地存儲特性（Class: OFFLINE & STORAGE）基于HTML5語言開發的網頁APP具有更短的啟動時間、更快的聯網速度。這些全都得益于HTML5 APP Cache和本地存儲功能。

HTML5新特性主要體現在：語義化標記、Form表單增強功能、視頻/音頻、畫布、可編輯內容、拖放、文件的數據存儲等方面，HTML5其實是關于圖像，位置，存儲，速度的優化和改進。[3]

2.2 Adobe Dreamweaver網頁編輯軟件

本文開發選用的網頁編輯軟件是Adobe Dreamweaver，簡稱“DW”，是美國的MACROMEDIA公司開發的一款集網頁制作與管理網站于一身的所見即所得的網頁編輯器。DW是已出現的第一個針對專業網頁設計師的使用而創造的視覺化的網頁開發工具。利用它就可以輕松實現制作跨越平臺限制和跨越瀏覽器限制的網頁。

2.3 HTML5+CSS3頁面布局

HTML5+CSS3具有結構清晰、大大縮短頁面代碼、提供頁面瀏覽速度等優點[4]。

HTML5并不僅可用來表示Web的內容，它的新使命更是將Web帶入到一個成熟的應用平臺，在HTML5平臺上，能夠實現音頻、視頻、圖象、動畫以及同電腦的交互標準化。

CSS3對于Web開發者來說并不僅是新奇的技術，更重要的是這個全新概念的web應用給我們帶來了無限的可能，同時也極大地提高了開發效率。我們不必再依賴用圖片或者Javascript去完成自定義字體、文字背景、圖片透明度、3D動畫、色彩漸變、文字陰影、圖片圓角等設計。

2.4服務器選擇

網站服務器是指在互聯網數據中心中存放網站的服務器[5]。它主要用于網站互聯網中的發布、應用，是網絡應用的基礎硬件設施。

本文所研究的微網站開發所選用的服務器是輕云服務器。輕云服務器預裝網站所需運行環境和數據庫，管理方式與虛擬主機相同，無需服務器運維人員。獨立IP，不限流量，獨享服務器資源，是網站建設用戶首選。

2.5微網站實現

本文研究的試驗教學微網站分為教師登錄與學生登錄。

教師在登錄之后可通過該微網站平臺推送通知公告、實驗教學進度、實驗器械信息、課程信息、最新的科研成果，以及通過“在線問答”回復學生的提問。

學生登錄之后可進行信息瀏覽（如圖1所示），查看實驗教學的相關信息（如圖2所示）進行提前預習或者鞏固學習，另外，通過友情鏈接訪問其它各校內網站，也可通過在線問答，提出自己的疑問。（如圖3所示）有助于老師和學生之間的互動交流。

圖1 信息瀏覽界面圖

圖2實驗教學界面圖

圖3在線問答界面

3 結束語

本文通過微信及微網站實現了實驗教學資源的移動端獲取，克服了傳統學習方式依賴于時間與場所的缺點。微信作為一款成功的社交app，以其豐富實用的功能收獲了超過8億的月活躍用戶，擁有強大的用戶基礎與相當的影響力。因此，通過微信來推廣微網站繼而實現實驗教學資源的共享，具有良好的前景，在推廣使用的過程中將會受到更多學生用戶的歡迎，成為移動端學習的不二選擇。

[1]黃永慧，陳程凱.HTML5在移動應用開發上的應用前景[J].計算機技術與發展，2013.

[2]嚴琦，朱治國.HTML5對移動應用的影響[J];信息通信技術，2012.

[3]施煒.基于HTML5技術的微網站開發與實現[J].黑龍江科技信息，2015.

[4]梁仲智.基于HTML5的跨終端Web生成系統的設計與實現[J].中山大學，2013.

[5]宋昭壽，胡忠旭,漆麗娟.HTML5網頁設計探析[J].紅河學院學報，2012.

浙江省大學生科技創新活動計劃（新苗人才計劃）項目2016R413030；全國教育信息技術研究規劃課題（146231623）。