基于HTML5的多媒體電子讀物設(shè)計與開發(fā)--馮永強

1、韶 關(guān) 學(xué) 院課 題 設(shè) 計 研 究 方 案課題名稱：基于HTML5的多媒體電子讀物設(shè)計與開發(fā) 所在院系： 教育學(xué)院教育技術(shù)系 專業(yè)班級： 2011級教育技術(shù)學(xué)專業(yè) 學(xué)生姓名： 馮永強 學(xué)生學(xué)號： 所屬課程：教育技術(shù)學(xué)研究方法 韶關(guān)學(xué)院教務(wù)處編制2013年9月一、課題設(shè)計論證論證內(nèi)容格式要求：宋體，5號，1.3倍行距，小標(biāo)題加粗。本課題核心概念的界定，國內(nèi)外研究現(xiàn)狀述評、選題意義及研究價值；本課題的研究目標(biāo)、研究內(nèi)容、研究假設(shè)和擬創(chuàng)新點；本課題的研究思路、研究方法、技術(shù)路線和實施步驟。（限4000字內(nèi)）（一）研究背景多媒體教學(xué)，又稱CAI教學(xué)。21世紀(jì)以來，多媒體技術(shù)的發(fā)展，使計算機教學(xué)向多媒

2、體環(huán)境和超文本信息組織方式的方向發(fā)展，一臺計算機系統(tǒng)，能同時呈現(xiàn)聲圖并茂的教學(xué)內(nèi)容，這樣豐富了教學(xué)活動的內(nèi)容，也使教學(xué)模式由傳統(tǒng)的人人系統(tǒng)模式向人機人系統(tǒng)模式轉(zhuǎn)化。數(shù)學(xué)是一門知識廣度和深度以及抽象性都較強的學(xué)科，初中數(shù)學(xué)更是數(shù)與形綜合運用的學(xué)科，而CAI教學(xué)的交互性、可控制性、大容量性、快速靈活性等特點恰恰符合了這一初中數(shù)學(xué)教學(xué)的要求。知識經(jīng)濟(jì)時代的到來，信息社會的出現(xiàn)，教育面臨著嚴(yán)重挑戰(zhàn)。如何利用現(xiàn)代教育技術(shù)來優(yōu)化課堂數(shù)學(xué)教學(xué)過程，發(fā)揮學(xué)生學(xué)習(xí)主觀能動性，突破數(shù)學(xué)教學(xué)中的難點，切實減輕學(xué)生的課業(yè)負(fù)擔(dān)，提高課堂效率便成了我們廣大數(shù)學(xué)教育工作者思考的問題。作為一種新型的教育形式和現(xiàn)代教育手段的多

3、媒體技術(shù)，由于它對文本、圖像、動畫的綜合處理及其強大交互式特點，編制的系列教學(xué)課件，能充分創(chuàng)造出一個圖文并茂，有聲有色，生動逼真的數(shù)學(xué)教學(xué)環(huán)境，為教師進(jìn)行數(shù)學(xué)教學(xué)的順利實施提供形象的表達(dá)根據(jù)，能有效地減輕學(xué)生課業(yè)負(fù)擔(dān)，輔助教師突破數(shù)學(xué)教學(xué)中的難點，已越來越受到教師的關(guān)愛。但是，多于農(nóng)村中學(xué)來說，由于現(xiàn)代教育手段普及的程度不高，多媒體教育應(yīng)用推廣的時間還不長，系統(tǒng)的利用多媒體技術(shù)進(jìn)行數(shù)學(xué)教學(xué)的成功例子不多，人們現(xiàn)在還停留在某一堂課如何利用多媒體進(jìn)行數(shù)學(xué)教學(xué)的嘗試之中，或者將人為地將“滿堂灌”改為了“電灌”，具體地怎樣通過多媒體手段突破數(shù)學(xué)教學(xué)中的難點，特別是對初中數(shù)學(xué)眾多難點通過教師反復(fù)摸索、對

4、比教學(xué)，制作出一系列的多媒體CAI教學(xué)課件，同時培養(yǎng)學(xué)生自己制作數(shù)學(xué)課件，自主演示課件，主動探究數(shù)學(xué)規(guī)律的課題研究的還尚不多見。之所以選擇多媒體CAI教學(xué)課件來突破數(shù)學(xué)教學(xué)難點是因為多媒體CAI教學(xué)課件有如下特點：1、容易使課堂教學(xué)較好地體現(xiàn)學(xué)生為主體、教師為主導(dǎo)的教學(xué)思想。2、能夠有效的解決教學(xué)上難點，使問題簡單化、直觀化。3、能夠在一定程度上創(chuàng)設(shè)自主學(xué)習(xí)、主動建構(gòu)知識的學(xué)習(xí)情境。4、容易實施啟發(fā)式教學(xué)，有助于學(xué)生創(chuàng)造性思維能力的培養(yǎng)。5、能夠激發(fā)學(xué)生的學(xué)習(xí)動機，提高學(xué)習(xí)興趣，形成愉快的學(xué)習(xí)。6、能夠在一定程度上實現(xiàn)個別化學(xué)習(xí)，有助于學(xué)生學(xué)習(xí)潛能的挖掘與個性的發(fā)展。7、多媒體教學(xué)的多重感官刺

5、激易于知識的獲取與保持。（二）研究現(xiàn)狀當(dāng)前，把多媒體技術(shù)引入到課堂教學(xué)中去已經(jīng)受到越來越多的重視，許多學(xué)校投入了大量的人力和財力引進(jìn)多媒體計算機，這對教育的現(xiàn)代化改革無疑起到了巨大的推動作用，但在實施過程中遇到的最大難題便是應(yīng)用軟件的不足，很多商業(yè)教學(xué)軟件脫離教學(xué)的實際，利用價值低，而一些學(xué)校自制的課件，又存在“低水平重復(fù)，適用范圍窄”的弊端。因此，多媒體軟件開發(fā)已成為迫在眉睫的一個問題，擺在廣大教育工作者面前。 問題的癥結(jié)在于教育理論和教學(xué)手段嚴(yán)重脫節(jié)，面對多媒體這一嶄新的電教手段，如果還沿用傳統(tǒng)的教育思想去認(rèn)識它，用傳統(tǒng)的教育理論去指導(dǎo)它，套用傳統(tǒng)的教學(xué)規(guī)模，必然會阻礙多媒體的發(fā)展，阻礙教

6、育現(xiàn)代化工程的實現(xiàn)。同樣的道理，如果在多媒體軟件開發(fā)的過程中，還是沿用過去的教育理論和教學(xué)模式，出現(xiàn)這樣那樣的問題也就不足為奇了。（三）研究目標(biāo)近兩年，隨著HTML5技術(shù)的發(fā)展和完善，以HTML5為主要驅(qū)動的 Web App,客戶端不再需要開發(fā)工作,退化為使用內(nèi)置的瀏覽器與用戶交互,服務(wù)器端以HTML5、CSS3、JaveScript作為前端供瀏覽器展示,使用其他服務(wù)器端技術(shù)實現(xiàn)業(yè)務(wù)邏輯和數(shù)據(jù)庫管理。 這種方式能夠?qū)崿F(xiàn)不同終端的適配問題,實現(xiàn)“一次開發(fā)，多平臺運行”，而且易于擴展和升級已經(jīng)成了未來的一個趨勢。 但是，這種方式開發(fā)出來的應(yīng)用離不開網(wǎng)絡(luò)的支持，而且性能稍差，難于使用設(shè)備的特性。例如

7、傳感器、通信錄、藍(lán)牙、GPS定位、推送等功能。移動課件在我國的發(fā)展趨勢大好，各種對于移動課件的要求也越來也高，一個好的移動課件能夠很好地促進(jìn)人的學(xué)習(xí)狀況，所以，我們要確定好移動課件的定位，是以教育為目的，能夠方便人們學(xué)習(xí)，便于攜帶和使用，高質(zhì)量，有教育意義的。所以本文研究的主要目標(biāo)如下總目標(biāo)：積極探討信息環(huán)境下新型的課堂教學(xué)模式與電子課件應(yīng)用的相關(guān)性。具體目標(biāo)： 1、初步探索出多媒體電子讀物運用于在教學(xué)的有效途徑、方法和手段。 2、制作精美而實用的多媒體教學(xué)課件。 3、開展網(wǎng)絡(luò)環(huán)境下的課堂數(shù)學(xué)教學(xué)設(shè)計。并將多媒體教學(xué)課件運用于課堂網(wǎng)絡(luò)教學(xué)中。（四）研究內(nèi)容（1）目前我校在應(yīng)用多媒體教學(xué)課件實施

8、有效教學(xué)方面存在問題的調(diào)查與研究。（2）信息技術(shù)環(huán)境下備課方式的探索和研究。（3）信息技術(shù)環(huán)境下課堂對電子課件的要求及效果需要探索。（4）信息技術(shù)環(huán)境下優(yōu)化課堂教學(xué)環(huán)節(jié)提高課堂效率的主要方法。（五）研究創(chuàng)新點信息技術(shù)環(huán)境下的教學(xué)較之傳統(tǒng)教學(xué)手段支持下的課堂更具有優(yōu)勢與活力，利用信息技術(shù)手段更有利于教師的情感與智慧的激發(fā)；利用信息技術(shù)優(yōu)勢創(chuàng)設(shè)教學(xué)情境，使信息技術(shù)環(huán)境下的教學(xué)突顯開放性與交互性，有利于激發(fā)學(xué)生的思維火花，促進(jìn)學(xué)生智慧的生成。具體來說有如下四個特點：.以立人為宗旨的價值觀?！靶畔⒓夹g(shù)環(huán)境下有效教學(xué)策略和方法的研究”的實驗原則是將“立人”作為課堂教學(xué)的根本價值標(biāo)準(zhǔn)，強調(diào)通過是使用多媒體

9、改進(jìn)學(xué)習(xí)的應(yīng)用，引導(dǎo)學(xué)生自己發(fā)現(xiàn)問題、自行探索問題、自主解決問題。.以民主為基礎(chǔ)的師生觀。以使用多媒體改進(jìn)學(xué)習(xí)的應(yīng)用為指導(dǎo)的課堂教學(xué)，氣氛活潑、思想活躍，充滿生機活力。它強調(diào)在信息技術(shù)環(huán)境下的課堂，學(xué)生自主思考，各抒己見，讓學(xué)生在一個人格得到尊重，情感得到理解，行為得到鼓勵，努力得到肯定的氛圍中，盡情釋放自己潛在的創(chuàng)造能量。.以自主為手段的方法觀。使用多媒體改進(jìn)學(xué)習(xí)的應(yīng)用的核心內(nèi)容。在具體操作中，應(yīng)充分發(fā)揮教學(xué)媒體的作用，突出自主，發(fā)揮課件的引導(dǎo)性作用。順著學(xué)生的學(xué)習(xí)思路有條不紊，靈活自如地展開教學(xué)。既要將學(xué)習(xí)主權(quán)交給學(xué)生，又要充分發(fā)揮學(xué)生學(xué)習(xí)的積極性、主動性。.以實踐為本位的訓(xùn)練觀。使用多媒

10、體改進(jìn)學(xué)習(xí)的應(yīng)用強調(diào)將思考權(quán)、發(fā)言權(quán)還給學(xué)生，強調(diào)學(xué)生能夠自己解決的問題，教師決不代替；學(xué)生自己能夠思考的問題，教師決不暗示，確保學(xué)生能通過課件的教學(xué)充分實踐；它重視通過問題情境來調(diào)動激發(fā)學(xué)生的內(nèi)在期望，保證學(xué)生能主動實踐；學(xué)生發(fā)現(xiàn)、提出問題后，對學(xué)生而言實際上就是學(xué)習(xí)目標(biāo)，隨著問題的解決目標(biāo)也就得以實現(xiàn)。（六）研究計劃1.研究思路1. 信息技術(shù)環(huán)境下的教學(xué)較之傳統(tǒng)教學(xué)手段支持下的課堂更具有優(yōu)勢與活力；2. 利用信息技術(shù)手段更有利于教師的情感與智慧的激發(fā)；3. 利用信息技術(shù)優(yōu)勢創(chuàng)設(shè)教學(xué)情境，有利于激發(fā)學(xué)生的學(xué)習(xí)情感；4. 信息技術(shù)環(huán)境下的教學(xué)突顯開放性與交互性，有利于激發(fā)學(xué)生的思維火花，促進(jìn)學(xué)

11、生智慧的生成；2.研究方法1) 調(diào)查法。（1）調(diào)查目前我校教師在學(xué)科教學(xué)與信息技術(shù)整合方面的現(xiàn)狀；（2）調(diào)查研究過程中教師的運用信息技術(shù)的水平與教學(xué)效果。2) 個案研究法。選取不同類型的研究對象，進(jìn)行信息技術(shù)學(xué)科教學(xué)整合的課堂實例個案研究。3) 行動研究法。以解決實際問題為目的的研究，就是要創(chuàng)造地運用理論解決實際問題，自然條件下進(jìn)行實踐，并對實踐進(jìn)行不斷的反思，通過計劃，實踐，觀察，反思四個步驟進(jìn)行。4) 文獻(xiàn)法。對國內(nèi)外有關(guān)信息技術(shù)與有效教學(xué)的理論研究、實踐經(jīng)驗進(jìn)行總結(jié)、分析和提煉，以形成信息技術(shù)環(huán)境下有效教學(xué)的策略和方法。3.研究路線與實施步驟（一）準(zhǔn)備階段（2014.52014.7）1.前期準(zhǔn)備：完善課題研究計劃，修改并完善“基于HTML5的多媒體電子讀物設(shè)計與開發(fā)”對于課件的要求，進(jìn)一步確定課程標(biāo)準(zhǔn)和課堂模式。2.開發(fā)培訓(xùn)：（1）學(xué)習(xí)現(xiàn)代教育教學(xué)理論，更新觀念，統(tǒng)一思想，統(tǒng)一認(rèn)識；（2）進(jìn)一步學(xué)習(xí)CAI課件制作，學(xué)會運用多媒體教學(xué)技術(shù)。3.現(xiàn)狀調(diào)查：向我校老師詢問目前我校在應(yīng)用多媒體課件上實施有效教學(xué)方面存在問題的調(diào)查與研究。（二）研究階段（2014.72014.12）（1）制作出多媒體課件，并