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

?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）教學(xué)分析

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

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

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

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

1.模塊設(shè)計

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

2.界面設(shè)計

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

3.活動設(shè)計

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

4.交互設(shè)計

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

（三）素材的加工與處理

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

（四）教材制作

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

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

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

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

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

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

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

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

（一）分析階段

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

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

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

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

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

（二）設(shè)計階段

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

1.模塊設(shè)計

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

圖3　搜索引擎

搜索語法以任務(wù)驅(qū)動的形式，使學(xué)生嘗試利用合適的搜索引擎完成任務(wù)，從而了解七種搜索語法的使用方法及注意事項（如圖4）。

圖4　搜索語法

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

圖5　資源獲取

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

2.界面設(shè)計

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

圖6　界面設(shè)計

3.活動設(shè)計

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

4.交互設(shè)計

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

圖7　活動設(shè)計

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

圖8　畫廊

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

圖9　彈出內(nèi)容

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

圖10　筆記

（三）制作階段

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

（四）發(fā)布階段

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

四、總結(jié)

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

參考文獻：

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

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

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

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

[編輯：陳鉞]

中圖分類號：G434

文獻標識碼：A

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

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