☆宋　瀟　吳勝玥　王潤蘭（河北師范大學(xué)信息技術(shù)學(xué)院，河北石家莊　050024）

?

面向移動(dòng)學(xué)習(xí)的電子教材的設(shè)計(jì)與開發(fā)*

☆宋瀟吳勝玥王潤蘭
（河北師范大學(xué)信息技術(shù)學(xué)院，河北石家莊050024）

摘要:隨著信息技術(shù)的變革和大數(shù)據(jù)時(shí)代的發(fā)展，移動(dòng)學(xué)習(xí)、碎片化學(xué)習(xí)已經(jīng)進(jìn)入人們的視野，被多數(shù)人所接受。以移動(dòng)終端為依托的電子教材在一定程度上能夠幫助學(xué)生進(jìn)行移動(dòng)學(xué)習(xí)，為學(xué)生帶來新的學(xué)習(xí)體驗(yàn)。本文在對大量交互式電子教材相關(guān)文獻(xiàn)和作品的分析的基礎(chǔ)上，結(jié)合參與制作的多個(gè)教材的經(jīng)驗(yàn)、體會和思考，提煉出了面向移動(dòng)學(xué)習(xí)電子教材的開發(fā)流程，并結(jié)合移動(dòng)學(xué)習(xí)的特點(diǎn)，以“網(wǎng)絡(luò)沖浪技巧”作為案例，對電子教材的設(shè)計(jì)與開發(fā)進(jìn)行了詳細(xì)闡述。

關(guān)鍵詞:電子教材；移動(dòng)學(xué)習(xí)；開發(fā)流程

隨著移動(dòng)終端設(shè)備的普及，移動(dòng)學(xué)習(xí)在教育領(lǐng)域得到廣泛應(yīng)用。利用新媒體、新技術(shù)制作的交互式電子教材，集合多種媒體資源，具有交互性、關(guān)聯(lián)性、開放性、富媒體性等特點(diǎn)，它不僅能推動(dòng)課堂教學(xué)的改革，還能促進(jìn)移動(dòng)學(xué)習(xí)的發(fā)展。

一、相關(guān)概念的界定

（一）移動(dòng)學(xué)習(xí)

我國對移動(dòng)學(xué)習(xí)的研究始于2000年，隨著移動(dòng)通信技術(shù)的發(fā)展以及教育信息化背景下學(xué)習(xí)需要的不斷變化，移動(dòng)學(xué)習(xí)已經(jīng)成為相關(guān)學(xué)科領(lǐng)域的研究熱點(diǎn)。

目前，關(guān)于移動(dòng)學(xué)習(xí)的概念表述不一，很多專家學(xué)者從不同角度對移動(dòng)學(xué)習(xí)概念進(jìn)行了界定。如黃榮懷教授等人認(rèn)為，“移動(dòng)學(xué)習(xí)是學(xué)生在非固定和非預(yù)先設(shè)定的位置發(fā)生的學(xué)習(xí)，或有效利用移動(dòng)技術(shù)所發(fā)生的學(xué)習(xí)。[1]”余勝泉教授認(rèn)為，“移動(dòng)學(xué)習(xí)是借助無線通信網(wǎng)絡(luò)和移動(dòng)設(shè)備，在學(xué)生需要的任何時(shí)間、地點(diǎn)，實(shí)現(xiàn)與他人的交流，從而完成個(gè)人知識意義的建構(gòu)?！北本┐髮W(xué)現(xiàn)代教育技術(shù)中心移動(dòng)教育實(shí)驗(yàn)室把移動(dòng)教育定義為：依托目前比較成熟的移動(dòng)網(wǎng)絡(luò)、國際互聯(lián)網(wǎng)和多媒體技術(shù)，師生通過使用移動(dòng)設(shè)備來更為方便靈活地實(shí)現(xiàn)交互式教學(xué)活動(dòng)[2]。

雖然專家學(xué)者對移動(dòng)學(xué)習(xí)界定的角度不同，但他們對移動(dòng)學(xué)習(xí)特征的總結(jié)卻存在著共性。移動(dòng)學(xué)習(xí)具有移動(dòng)性、情境性、碎片化、個(gè)性化等特點(diǎn)，這就要求我們在面向移動(dòng)學(xué)習(xí)的電子教材的開發(fā)中需要注意學(xué)習(xí)形式的便捷性、學(xué)習(xí)內(nèi)容的交互性、學(xué)習(xí)活動(dòng)的情境性及實(shí)現(xiàn)方式的數(shù)字化。

（二）面向移動(dòng)學(xué)習(xí)的電子教材

伴隨著計(jì)算機(jī)和互聯(lián)網(wǎng)成長起來的學(xué)生通常被稱為“數(shù)字土著”或“網(wǎng)絡(luò)一代”，他們習(xí)慣于快速地檢索信息，喜歡視覺沖擊和多種感官刺激。因此，傳統(tǒng)教科書所固有的穩(wěn)定形態(tài)已不能夠滿足“數(shù)字土著”快速獲取信息的方式?；诖?，以新媒體、新技術(shù)為支撐的電子教材以其交互性、關(guān)聯(lián)性、富媒體性等特點(diǎn)逐步進(jìn)入課堂教學(xué)中[3]。

電子教材是遵循學(xué)生閱讀規(guī)律，根據(jù)教學(xué)大綱和教學(xué)原理，按圖書編排原理設(shè)計(jì)開發(fā)的電子書和電子讀物，它并不能簡單地被理解為傳統(tǒng)教材的電子化，而是符合“數(shù)字原住民”學(xué)習(xí)習(xí)慣和需要的新型學(xué)習(xí)資源。本文所指的電子教材均面向移動(dòng)學(xué)習(xí)，具有富媒體性和強(qiáng)交互性的電子教材，這類教材能夠使學(xué)生不受時(shí)空限制，隨時(shí)隨地選擇所需要的學(xué)習(xí)內(nèi)容進(jìn)行學(xué)習(xí)。教材中包含的多種類型的媒體資源和多元的交互方式，可以使學(xué)生快速進(jìn)行意義建構(gòu)，促進(jìn)師生之間的交流互動(dòng)。

二、基于移動(dòng)學(xué)習(xí)的電子教材的設(shè)計(jì)與開發(fā)

在2015年4月-2015年7月，筆者參與了媒體實(shí)驗(yàn)室多個(gè)電子教材的設(shè)計(jì)和開發(fā)任務(wù)，期間通過對大量國內(nèi)外相關(guān)文獻(xiàn)的閱讀和梳理及對電子教材的分析，筆者設(shè)計(jì)出面向移動(dòng)學(xué)習(xí)的電子教材的開發(fā)流程（如圖1）。

圖1　面向移動(dòng)學(xué)習(xí)的電子教材開發(fā)流程

（一）教學(xué)分析

教學(xué)分析是制作電子教材的基礎(chǔ)，主要包括教學(xué)對象分析和教學(xué)內(nèi)容分析。

教學(xué)對象分析指不同的教學(xué)對象有不同的學(xué)習(xí)需要和學(xué)習(xí)特點(diǎn)，因此，在確定教學(xué)內(nèi)容時(shí)，需要對學(xué)生特征進(jìn)行分析，要充分考慮學(xué)生已有的認(rèn)知水平、學(xué)習(xí)風(fēng)格等，所選擇的素材形式和交互方式等要符合學(xué)生的學(xué)習(xí)特點(diǎn)和認(rèn)知方式；并非所有的內(nèi)容都適合于交互式電子教材，在對教學(xué)內(nèi)容進(jìn)行分析時(shí)，除了要考慮教學(xué)對象的學(xué)習(xí)特點(diǎn)和學(xué)習(xí)需要還要綜合考慮教學(xué)目標(biāo)、教學(xué)重難點(diǎn)、知識點(diǎn)聯(lián)系、知識點(diǎn)類型等，選擇適合于移動(dòng)學(xué)習(xí)的內(nèi)容進(jìn)行交互式電子教材的開發(fā)，以達(dá)到優(yōu)化教學(xué)的目的。

（二）產(chǎn)品設(shè)計(jì)

產(chǎn)品設(shè)計(jì)需要在教學(xué)分析的基礎(chǔ)上，對電子教材的制作要求進(jìn)行詳細(xì)說明，包括模塊設(shè)計(jì)、界面設(shè)計(jì)、活動(dòng)設(shè)計(jì)、交互設(shè)計(jì)等。

1.模塊設(shè)計(jì)

在電子教材的設(shè)計(jì)過程中，要根據(jù)知識屬性和學(xué)生學(xué)習(xí)特點(diǎn)，對學(xué)習(xí)內(nèi)容進(jìn)行分解和分類，將內(nèi)容分為不同的學(xué)習(xí)模塊。結(jié)合學(xué)習(xí)模塊之間的網(wǎng)狀關(guān)系進(jìn)行鏈接，使學(xué)習(xí)模塊之間既相互獨(dú)立，又有一定的聯(lián)系[4]。

2.界面設(shè)計(jì)

界面設(shè)計(jì)主要包括導(dǎo)航設(shè)計(jì)、界面布局設(shè)計(jì)。電子教材需要根據(jù)實(shí)際的知識內(nèi)容，設(shè)計(jì)合適的學(xué)習(xí)導(dǎo)航，保證學(xué)生在使用中不會出現(xiàn)迷航；界面布局包括色調(diào)、風(fēng)格、各元素的分布等，需要具有一定藝術(shù)效果，并符合學(xué)生的閱讀習(xí)慣。

3.活動(dòng)設(shè)計(jì)

為了激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的課堂參與度，在開發(fā)電子教材時(shí)可以設(shè)計(jì)相應(yīng)的學(xué)習(xí)活動(dòng)?；顒?dòng)方式多種多樣，如討論、探究、游戲、辯論等。在設(shè)計(jì)活動(dòng)時(shí)，也可將其與實(shí)際生活相聯(lián)系，并利用移動(dòng)設(shè)備實(shí)現(xiàn)交互和學(xué)習(xí)，使學(xué)習(xí)發(fā)生在真實(shí)的生活中，達(dá)到學(xué)有所用的目的。

4.交互設(shè)計(jì)

交互設(shè)計(jì)是富媒體電子教材最突出的特點(diǎn)。移動(dòng)終端所使用的手控觸屏技術(shù)使得學(xué)生與電子教材的交互更加靈活，學(xué)生可通過滑動(dòng)、拖拽、縮放、拍照、標(biāo)注等多種方式實(shí)現(xiàn)人機(jī)交互，也可以通過拍照、作業(yè)上傳等功能實(shí)現(xiàn)人人交互。良好的交互設(shè)計(jì)在一定程度上能夠激發(fā)學(xué)生的學(xué)習(xí)興趣，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性。

（三）素材的加工與處理

素材的加工處理是電子教材制作過程中非常重要的一個(gè)環(huán)節(jié)，電子教材素材質(zhì)量的高低將影響交互式電子教材的整體效果及教學(xué)信息的有效傳達(dá)，對學(xué)生的學(xué)習(xí)情緒也有一定影響。因此，多媒體素材要符合教學(xué)對象的特點(diǎn)，這樣才能使學(xué)習(xí)內(nèi)容更容易被理解和記憶，從而有效激發(fā)學(xué)生的學(xué)習(xí)興趣。電子教材制作過程中，素材包括：文本、圖片、音頻、視頻、動(dòng)畫等，其可能來源于網(wǎng)絡(luò)，也可能自己加工和制作，需要注意的是素材的選擇要與主題密切相關(guān)，元素運(yùn)用要符合電子教材的整體風(fēng)格，特別要注意版權(quán)問題。素材處理完成之后，還需要注意對這些素材進(jìn)行管理，以方便教材制作過程中對相關(guān)素材的查找。

（四）教材制作

教材制作包括設(shè)計(jì)腳本、制作腳本兩個(gè)階段。腳本設(shè)計(jì)階段需要確定教學(xué)內(nèi)容以何種方式呈現(xiàn)，電子教材可以通過文本、圖像、視頻、動(dòng)畫等呈現(xiàn)教學(xué)內(nèi)容；除此之外，還需對所要實(shí)現(xiàn)的交互方式進(jìn)行設(shè)計(jì)；當(dāng)腳本設(shè)計(jì)完成后，使用集成工具，按照腳本進(jìn)行制作，實(shí)現(xiàn)各種交互效果及功能等。雖然將制作階段劃分為以上兩個(gè)部分，但電子教材的制作是與素材制作交叉進(jìn)行的，應(yīng)在制作過程中不斷依據(jù)需求從而改進(jìn)完善。

（五）調(diào)試修改

電子教材的使用是面向眾多學(xué)生，所以，在大范圍推廣之前必須要反復(fù)測試，通過不同用戶的反饋，對使用過程中出現(xiàn)的交互是否實(shí)現(xiàn)、視頻播放是否流暢等問題進(jìn)行檢查，發(fā)現(xiàn)其中的不足、漏洞與缺陷，并不斷修改完善。

（六）教學(xué)應(yīng)用

電子教材制作完成后，將其投入到實(shí)際教學(xué)是開發(fā)電子教材的最終目的。由于教學(xué)理念的不斷發(fā)展，知識更新速度不斷加快，電子教材的設(shè)計(jì)和制作并非是一次性的終結(jié)，而是一個(gè)往復(fù)更新的過程（如圖2）。

圖2　往復(fù)更新過程

三、面向移動(dòng)學(xué)習(xí)的電子教材開發(fā)案例

為了透徹了解面向移動(dòng)學(xué)習(xí)的電子教材的設(shè)計(jì)與開發(fā)流程，本文主要以《網(wǎng)絡(luò)沖浪技巧》為例向讀者闡述其制作過程。按照上述開發(fā)流程，將面向移動(dòng)學(xué)習(xí)的電子教材開發(fā)分為以下四個(gè)階段。

（一）分析階段

分析階段主要包括教學(xué)對象分析和教學(xué)內(nèi)容分析。

1.教學(xué)對象分析

本電子教材的適用對象是教育技術(shù)學(xué)專業(yè)二年級學(xué)生，通過前期的學(xué)習(xí)，他們了解了與專業(yè)相關(guān)的知識；移動(dòng)終端的操作方法大同小異，大二學(xué)生的智能手機(jī)擁有率為100%，電子教材使用的移動(dòng)終端在操作上對他們來說不存在障礙；教育技術(shù)學(xué)專業(yè)的學(xué)生對新媒體、新技術(shù)比較敏感，愿意嘗試新鮮事物，對電子教材的教學(xué)應(yīng)用有較高的熱情。因此，開發(fā)的此電子教材符合他們的學(xué)習(xí)特點(diǎn)并能滿足他們的學(xué)習(xí)需要。

2.教學(xué)內(nèi)容分析

網(wǎng)絡(luò)搜索技巧是數(shù)字化社會每個(gè)人都應(yīng)具備的技巧，特別是對于教育技術(shù)學(xué)專業(yè)的學(xué)生，《網(wǎng)絡(luò)沖浪技巧》電子教材提供給他們快速查詢信息的方法，激發(fā)他們的學(xué)習(xí)興趣?，F(xiàn)有的書本教材對該部分內(nèi)容的講解多以文字表述為主，比較抽象，不利于學(xué)生理解和想象，因此，制作時(shí)選擇該主題進(jìn)行電子教材的開發(fā)，通過圖、文、聲、像等多種媒體直觀地向?qū)W生展現(xiàn)網(wǎng)絡(luò)搜索方法，多感官的刺激有助于加深學(xué)生的記憶，有利于激發(fā)學(xué)生對某一主題深入挖掘的興趣。

（二）設(shè)計(jì)階段

設(shè)計(jì)階段主要完成模塊設(shè)計(jì)、界面設(shè)計(jì)、交互設(shè)計(jì)、活動(dòng)設(shè)計(jì)等工作。

1.模塊設(shè)計(jì)

本電子教材的制作目的是想讓在校大學(xué)生通過移動(dòng)設(shè)備，利用碎片化時(shí)間，快速了解網(wǎng)絡(luò)搜索的方法與技巧。因此，將學(xué)習(xí)模塊劃分為搜索引擎、搜索語法、資源獲取三部分，在搜索引擎部分向?qū)W生介紹了搜索引擎的功能及分類，為學(xué)生提供了三種交互式搜索引擎，使學(xué)生對搜索引擎有基本的認(rèn)識（如圖3）。

圖3　搜索引擎

搜索語法以任務(wù)驅(qū)動(dòng)的形式，使學(xué)生嘗試?yán)煤线m的搜索引擎完成任務(wù)，從而了解七種搜索語法的使用方法及注意事項(xiàng)（如圖4）。

圖4　搜索語法

當(dāng)學(xué)生了解了搜索引擎、搜索語法后，以“鏡頭下的創(chuàng)造力”為主題展開資源搜索并下載整理，對于搜索過程中出現(xiàn)的問題，呈現(xiàn)相應(yīng)的解決方案（如圖5）。

圖5　資源獲取

學(xué)習(xí)資源每一部分的知識內(nèi)容緊密聯(lián)系，層層遞進(jìn)，使學(xué)生從對搜索引擎的了解逐步過渡到對搜索語法的認(rèn)知，為他們提供了資源獲取中會遇到的問題及解決方案，最終使學(xué)生應(yīng)用于實(shí)際生活中。

2.界面設(shè)計(jì)

電子教材的界面設(shè)計(jì)包括導(dǎo)航設(shè)計(jì)、界面布局、呈現(xiàn)方式設(shè)計(jì)以及封面、目錄、背景、圖標(biāo)等的設(shè)計(jì)，界面的總體設(shè)計(jì)要注意保持界面風(fēng)格一致、簡單大方。每一學(xué)習(xí)頁面上方的學(xué)習(xí)導(dǎo)航，可以實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)，為學(xué)生提供指引。界面的色調(diào)、風(fēng)格需要前后一致，圖文排列的方式也要和諧。需要結(jié)合學(xué)生的特征設(shè)計(jì)合適的界面，針對大學(xué)生使用的電子教材，界面不需過于花哨，背景以白色為基調(diào)，結(jié)合學(xué)生學(xué)習(xí)心理，配以簡單的色塊即可，界面整體簡潔大方，該電子教材界面設(shè)計(jì)如圖6所示。

圖6　界面設(shè)計(jì)

3.活動(dòng)設(shè)計(jì)

為了激發(fā)學(xué)生的積極性和學(xué)習(xí)興趣。基于移動(dòng)學(xué)習(xí)的電子教材除了向?qū)W生展示知識內(nèi)容外，還需要設(shè)計(jì)學(xué)習(xí)活動(dòng)，以吸引學(xué)生的注意力，激發(fā)學(xué)生的學(xué)習(xí)興趣。比如：如圖7所示，在《網(wǎng)絡(luò)沖浪技巧》電子教材中，為了加深學(xué)生對搜索引擎的理解，設(shè)計(jì)時(shí)選擇了與學(xué)生平時(shí)學(xué)習(xí)密切相關(guān)的主題，設(shè)計(jì)了不同層次的活動(dòng)，讓學(xué)生根據(jù)自己的需要自由選擇?；顒?dòng)以任務(wù)驅(qū)動(dòng)的形式展開，這種設(shè)計(jì)會激發(fā)學(xué)生的求知欲望，為便于學(xué)生自主探究，還為學(xué)生提供了學(xué)習(xí)支架，便于學(xué)生在遇到困難時(shí)為他們提供幫助。學(xué)生完成任務(wù)的過程中，不僅掌握了網(wǎng)絡(luò)搜索技能，完成了知識的內(nèi)化，還增加了成就感，提高了學(xué)習(xí)興趣。

4.交互設(shè)計(jì)

交互性是交互式電子教材最突出的特點(diǎn)，交互設(shè)計(jì)得是否合理也會影響學(xué)生的使用效果。本電子教材采用的交互設(shè)計(jì)有畫廊、按鈕、彈出內(nèi)容、圖像對比、筆記。

圖7　活動(dòng)設(shè)計(jì)

畫廊功能是指能夠通過手指掃動(dòng)來切換圖片，如圖8所示，在向?qū)W生展現(xiàn)優(yōu)秀圖片素材時(shí)，就設(shè)計(jì)了畫廊的交互效果，學(xué)生通過指尖滑動(dòng)來欣賞不同的圖片。

圖8　畫廊

彈出內(nèi)容是在講解三種不同的交互式搜索引擎時(shí)，如圖9所示，有三個(gè)按鈕即“蟲部落”、“多維搜索”和“百谷歌度”，只有點(diǎn)擊按鈕，內(nèi)容才會彈出。通過這個(gè)互動(dòng)效果，學(xué)生可直觀了解到三種不同的交互式搜索引擎。

圖9　彈出內(nèi)容

筆記是在課程結(jié)束時(shí)，通過該功能，讓學(xué)生記錄下自己所知的網(wǎng)絡(luò)搜索技巧，并截圖發(fā)送至指定郵箱，如圖10所示。

圖10　筆記

（三）制作階段

在電子教材的制作階段，首先要對電子教材中包含的圖像、視頻、動(dòng)畫素材進(jìn)行加工處理。開發(fā)中，筆者主要使用Photoshop圖像處理軟件對圖像的尺寸、顏色等進(jìn)行修改，使電子教材中的所有圖像大小一致、風(fēng)格相同；視頻處理主要采用Camtasia studio軟件進(jìn)行加工，根據(jù)內(nèi)容需要，對其進(jìn)行裁剪、格式轉(zhuǎn)換、字幕添加等；當(dāng)素材加工完成之后，使用方正飛翔排版軟件將所有素材進(jìn)行整合，并添加交互效果。

（四）發(fā)布階段

電子教材正式發(fā)布之前，研究團(tuán)隊(duì)成員先自行調(diào)試，之后選取部分研究生和本科生進(jìn)行試用，檢查電子教材使用過程出現(xiàn)的各種問題，做好記錄，并逐項(xiàng)解決，之后再度測試，所有功能正常后發(fā)布作品?！毒W(wǎng)絡(luò)搜索技巧》交互式電子教材現(xiàn)已發(fā)布，計(jì)劃于2016年9月份在2015級教育技術(shù)學(xué)專業(yè)二年級進(jìn)行教學(xué)應(yīng)用，在使用過程中團(tuán)隊(duì)成員還要對其進(jìn)行逐步完善。

四、總結(jié)

目前，各類學(xué)校紛紛引進(jìn)iPad等智能設(shè)備作為學(xué)習(xí)終端進(jìn)行教學(xué)，對面向移動(dòng)學(xué)習(xí)的電子教材有了更多的需求，本文介紹的開發(fā)流程和案例分析是對筆者參與實(shí)際開發(fā)經(jīng)驗(yàn)和思考的梳理和理論提升，希望能為相關(guān)人員提供借鑒。

參考文獻(xiàn)：

[1]王佑鎂.近二十年我國移動(dòng)學(xué)習(xí)研究現(xiàn)狀與未來趨勢_基于中西方對比的研究綜述[J].現(xiàn)代遠(yuǎn)程教育研究,2013,(01).

[2]胡通海.移動(dòng)學(xué)習(xí)的定義、特征和結(jié)構(gòu)[J].軟件導(dǎo)刊,2010,(07).

[3]宋雪雪.電子教材在高校中的推廣研究[D].開封:河南大學(xué),2013.

[4]李寶,唐明珍.移動(dòng)學(xué)習(xí)環(huán)境下中小學(xué)電子教材的開發(fā)[J].中小學(xué)電教,2015,(10).

[編輯：陳鉞]

中圖分類號：G434

文獻(xiàn)標(biāo)識碼：A

文章編號：1671-7503（2016）09-0072-05

*基金項(xiàng)目：本文為河北師范大學(xué)第14教改課題重點(diǎn)項(xiàng)目《河北省高校交互式移動(dòng)學(xué)習(xí)資源的設(shè)計(jì)與開發(fā)》；河北師范大學(xué)2015年度教師教育改革專項(xiàng)研究項(xiàng)目《碎片化視角的頂崗實(shí)習(xí)生移動(dòng)學(xué)習(xí)平臺設(shè)計(jì)--以<現(xiàn)代教育技術(shù)應(yīng)用>為例》，重點(diǎn)項(xiàng)目，（項(xiàng)目編號：2015JSJY003）；“2014-2015年度河北省高等教育教學(xué)改革研究與實(shí)踐”項(xiàng)目：“河北師范大學(xué)在線教學(xué)資源建設(shè)與應(yīng)用”（項(xiàng)目號：2015GJJG042）的研究成果。