《漢語字母》學(xué)習(xí)工具制作綜述

特色與亮點(diǎn)

將課本知識采用計(jì)算機(jī)游戲的形式展現(xiàn)給學(xué)生，使他們的學(xué)習(xí)過程充滿樂趣，這是多媒體教育的一種新形式，也是我近幾年來一直探索的方向。在此次的作品創(chuàng)作中，我打破了游戲元素設(shè)計(jì)的一般方法，制作了《漢語字母》學(xué)習(xí)工具并獲得了師生的一致好評。

《漢語字母》學(xué)習(xí)工具采用AS2.0編程技術(shù)并結(jié)合Flash的動畫功能，根據(jù)學(xué)生學(xué)習(xí)漢語字母的認(rèn)知規(guī)律，分別設(shè)計(jì)了三種完全不同的學(xué)習(xí)形式，以滿足學(xué)生在相應(yīng)學(xué)習(xí)階段的需要。本作品不僅做到了功能強(qiáng)大、畫面優(yōu)美，更讓人感覺耳目一新、愛不釋手，真正實(shí)現(xiàn)了讓學(xué)生在學(xué)習(xí)中游戲，在游戲中學(xué)習(xí)的目的。

制作背景

漢語字母是打開語文世界的一把鑰匙。但對于剛接觸漢語字母的學(xué)生來說，卻是一道較高的門檻。在學(xué)校，我經(jīng)?？吹浇處熥寣W(xué)生排著隊(duì)，一個(gè)一個(gè)在他們面前讀字母、聲調(diào)。當(dāng)我看見學(xué)生那吃力的樣子，教師那無奈的表情時(shí)，便有了制作一款數(shù)字化學(xué)習(xí)工具、輔助學(xué)生學(xué)習(xí)漢語字母的沖動。這樣的學(xué)習(xí)工具應(yīng)具備學(xué)生可以和計(jì)算機(jī)進(jìn)行互動的功能，因?yàn)閷W(xué)生在互動體驗(yàn)的過程中，能有效提高學(xué)習(xí)漢語字母的積極性。

2015年1月，《漢語字母》學(xué)習(xí)工具終于初具雛形。在收集到我校部分教師的建議和學(xué)生的使用情況的反饋后，該作品經(jīng)過幾次較大的修正，終于有了較強(qiáng)的教育性和趣味性。

設(shè)計(jì)思路及內(nèi)容結(jié)構(gòu)

1.片頭

我在學(xué)習(xí)工具的初始界面上設(shè)計(jì)了一個(gè)生動有趣的片頭動畫（如圖1），點(diǎn)擊“開始”按鈕，跳過片頭可直接進(jìn)入主界面。

2.主界面

在主界面里，我結(jié)合學(xué)生的年齡特點(diǎn)和心理特征，參照人教版一年級語文教科書的要求，并結(jié)合學(xué)生的認(rèn)知規(guī)律，設(shè)計(jì)了三種完全不同風(fēng)格的練習(xí)模式（如圖2）。另外，為了激發(fā)學(xué)生通過本學(xué)習(xí)工具學(xué)習(xí)漢語字母的積極性，我利用學(xué)生好勝的心理，通過設(shè)置程序可以自動地將學(xué)生的練習(xí)情況轉(zhuǎn)換成有形的數(shù)據(jù)加以保存。

（1）“我的收獲”

點(diǎn)擊“我的收獲”按鈕，會有一棵很漂亮的樹呈現(xiàn)在學(xué)生面前，可惜的是樹上一個(gè)果實(shí)也沒有。學(xué)生通過使用學(xué)習(xí)工具的每個(gè)部分后，可以讓這棵樹在相應(yīng)的位置上結(jié)出一個(gè)果實(shí)（如下頁圖3）。

（2）“星星亮了”

學(xué)生點(diǎn)擊“星星亮了”并選擇“聲母”，點(diǎn)擊第一把鎖即可進(jìn)行練習(xí)（如圖4）。

這時(shí)學(xué)生要根據(jù)系統(tǒng)隨機(jī)朗讀的字母發(fā)音，在規(guī)定的時(shí)間內(nèi)，點(diǎn)擊屏幕中相應(yīng)的字母。屏幕上方左邊紅色的長條，是統(tǒng)計(jì)使用者已做對題的進(jìn)度。當(dāng)此紅色的長條走到右邊時(shí)，學(xué)生闖關(guān)成功，練習(xí)結(jié)束。屏幕上方中間藍(lán)色的長條，是統(tǒng)計(jì)學(xué)生單題所用的時(shí)間，當(dāng)此藍(lán)色的長條走到最左邊時(shí)，學(xué)生都還沒有作出正確判斷。學(xué)習(xí)工具將自動認(rèn)為學(xué)生不會解答。這時(shí)屏幕上方最右邊代表生命值的黃色五角星將自動減少一個(gè)。另外如果學(xué)生答錯(cuò)了，代表生命值的黃色五角星也將會自動減少一個(gè)。當(dāng)黃色五角星一個(gè)也沒有了的時(shí)候，就預(yù)示著學(xué)生本次闖關(guān)失敗，練習(xí)也會結(jié)束（如圖5）。

如果學(xué)生挑戰(zhàn)成功，學(xué)習(xí)工具會根據(jù)答題情況，分別給一顆星、二顆星、三顆星的獎勵(lì)，這也是這個(gè)練習(xí)環(huán)節(jié)為什么叫“星星亮了”的原因（如圖6）。

（3）“火車開啦”

點(diǎn)擊“火車開啦”選中“聲母”，就會有一列13節(jié)車廂的火車，逐漸出現(xiàn)在屏幕中，學(xué)生要迅速將車廂上是聲母的五角星，用鼠標(biāo)拖動的方式，放進(jìn)屏幕中央的桶中，如果學(xué)生所拖動的是聲母，那么桶將會變大一點(diǎn)（如圖7）。

當(dāng)桶占據(jù)大半個(gè)屏幕時(shí)，學(xué)生闖關(guān)成功，練習(xí)結(jié)束（如圖8）。

如果學(xué)生所拖動的不是聲母，五角星會自動彈回車廂。屏幕右上方表示生命值的紅色桶會自動減少一個(gè)。另外，如果放有聲母的五角星沒有被學(xué)生用鼠標(biāo)拖動的方式放進(jìn)桶中，而是被火車帶走，那么表示生命值的紅色桶也會自動減少一個(gè)。當(dāng)火車走過一個(gè)輪回后，紅色桶會自動增加一個(gè)。當(dāng)紅色桶一個(gè)也沒有了的時(shí)候，意味著學(xué)生此次闖關(guān)失敗，練習(xí)結(jié)束。

（4）“果子熟了”

點(diǎn)擊“果子熟了”選中“分字母”。進(jìn)入游戲后，屏幕中會出現(xiàn)一棵果樹，這棵果樹會依次結(jié)出一個(gè)帶有字母的果實(shí)。這時(shí)學(xué)生要根據(jù)果實(shí)上的字母，用鼠標(biāo)拖動的方式，將果實(shí)放進(jìn)相應(yīng)的籃子里（如圖9）。

如果學(xué)生放對了，屏幕右上角的果實(shí)會變大。當(dāng)屏幕右上角的果實(shí)占據(jù)屏幕大約五分之二左右時(shí)，學(xué)生闖關(guān)成功，練習(xí)結(jié)束（如圖10、圖11）。

反之，如果放錯(cuò)了，屏幕右上角的果實(shí)會變小。當(dāng)這個(gè)果實(shí)大約只有初始狀態(tài)的四分之一大小時(shí)，學(xué)生闖關(guān)失敗，練習(xí)結(jié)束。

注：在“我的收獲”里，學(xué)習(xí)工具會根據(jù)學(xué)生得星的多少，自動結(jié)出一個(gè)相應(yīng)大小的果實(shí)。得星越多，果實(shí)越大。學(xué)生在完成“火車開啦”“果子熟了”中的相應(yīng)練習(xí)后，學(xué)習(xí)工具也會自動根據(jù)學(xué)生練習(xí)的情況，結(jié)出一個(gè)相應(yīng)大小的果實(shí)（如圖12）。

另外，由于本作品所涉及的知識點(diǎn)很多，學(xué)生要經(jīng)過較長的時(shí)間才能完成所有的練習(xí)。所以本作品還特意設(shè)計(jì)了各種數(shù)據(jù)的保存功能。例如，在“星星亮了”模式下，學(xué)習(xí)工具會自動將學(xué)生在各部分取得的星星數(shù)量保存到計(jì)算機(jī)里。在“火車開啦”和“果子熟了”這兩個(gè)游戲中，學(xué)生可以隨時(shí)點(diǎn)擊“退出”按鈕，這時(shí)在彈出的選項(xiàng)中，學(xué)生可以很方便地保存游戲進(jìn)度（如圖13）。

藝術(shù)設(shè)計(jì)

本學(xué)習(xí)工具的學(xué)習(xí)內(nèi)容雖然分別采用了三種不同的學(xué)習(xí)方式，但我設(shè)計(jì)了貫穿于整個(gè)學(xué)習(xí)工具的一個(gè)可愛的卡通人物，以指導(dǎo)識字不多的學(xué)生如何正確使用學(xué)習(xí)工具。這樣不僅統(tǒng)一了學(xué)習(xí)工具的整體風(fēng)格，還增強(qiáng)了學(xué)習(xí)工具的親和力。在“我的收獲”里，集中用是否在樹枝上結(jié)果實(shí)的方式，來顯示學(xué)生是否進(jìn)行了相應(yīng)的學(xué)習(xí);用果實(shí)的大小來顯示學(xué)生掌握知識的熟練程度，這就把學(xué)習(xí)工具所設(shè)置的三種學(xué)習(xí)形式的結(jié)果完全融為一體。

關(guān)鍵技術(shù)處理

本學(xué)習(xí)工具的技術(shù)難點(diǎn)主要是程序設(shè)計(jì)，其中最難的程序當(dāng)屬“火車開了”這部分的代碼。為實(shí)現(xiàn)理想的效果，我從以下4個(gè)步驟進(jìn)行了設(shè)計(jì)。

第一步：把每個(gè)五星都設(shè)置成影片剪輯元件。這個(gè)影片剪輯元件里面共有63幀，分別存放b、p、m、f等聲母，a、o、e等韻母和ai、ei、ui等整體認(rèn)讀音節(jié)。在程序中，利用random（）語句隨機(jī)產(chǎn)1至63之間的自然數(shù)，接用gotoAndStop（）語句讓這個(gè)影片剪輯元件轉(zhuǎn)到相應(yīng)的幀上。這樣便實(shí)現(xiàn)了五星隨機(jī)出現(xiàn)不同的聲母、韻母和整體認(rèn)讀音節(jié)的效果（如圖14）。

第二步：把每一個(gè)五星分別利用on的release、press、rollOut、dragOut這4種事件，主要通過 startDrag（）和stopDrag（）語句，來設(shè)置各個(gè)五星在不同情況下是否能被鼠標(biāo)拖動（如圖15）。

第三步：將火車設(shè)置成影片剪輯元件，然后利用onClipEvent的load事件，存儲火車的_x、_y坐標(biāo)以及每個(gè)五星的_x、_y坐標(biāo)，從而計(jì)算出火車與每個(gè)五星的相對坐標(biāo)值并加以保存。當(dāng)學(xué)生學(xué)習(xí)時(shí)，用鼠標(biāo)拖動五星。如果答錯(cuò)，就載入這個(gè)相對坐標(biāo)值，通過一定的程序設(shè)計(jì)，就可以讓五星回到自己的初始位置（如圖16）。

同時(shí)還要設(shè)置火車影片剪輯元件的enterFrame事件，通過讓火車以及每個(gè)五星的_x不斷減少的方法，讓火車以及每個(gè)五星以一定的速度從屏幕的右邊不斷向左邊運(yùn)動（如下頁圖17）。

第四步：創(chuàng)建一個(gè)透明的影片剪輯元件，將它放置在桶口，利用onClipEvent的enterFrame事件，并通過hitTest（）語句不斷檢測，這個(gè)元件是否與五星發(fā)生了碰撞事件。在碰撞事件發(fā)生的前提下，看這個(gè)五星隨機(jī)出現(xiàn)的字母是否滿足程序設(shè)置的條件。如果滿足，則通過設(shè)置五星元件的_visible參數(shù)為falser的方式，讓五星自動消失。如果不滿足，則讓五星回到相對于火車的初始位置（如下頁圖18）。

通過以上4個(gè)步驟的程序設(shè)計(jì)，我成功地實(shí)現(xiàn)了“火車開了”這部分的練習(xí)效果。

評價(jià)與反思

《漢語字母》學(xué)習(xí)工具在如何實(shí)現(xiàn)與計(jì)算機(jī)互動體驗(yàn)的形式上，做了一些有益的探索。從師生的反饋情況來看，它能夠很好地輔助學(xué)生對漢語字母進(jìn)行學(xué)習(xí)。但其中也存在一些不足，如學(xué)生與計(jì)算機(jī)互動體驗(yàn)的形式還不夠豐富。

幕前幕后

在2009年，我第一次參加NOC活動的課件比賽。我的作品《快樂學(xué)口訣》，榮獲第七屆全國NOC活動課件賽項(xiàng)的一等獎。在那次比賽中，通過觀摩其他選手的作品，我受益匪淺。高興之余，在內(nèi)心深處我仍有一點(diǎn)點(diǎn)失落，那就是沒有能拿到恩歐希教育信息化發(fā)明創(chuàng)新獎！隨后幾年，我又制作了《小學(xué)生加減乘除練習(xí)學(xué)習(xí)工具》《小學(xué)生學(xué)習(xí)游戲系統(tǒng)》和《快樂學(xué)單詞》三個(gè)作品，但都只獲得了全國一等獎。

為什么總是與恩歐希教育信息化發(fā)明創(chuàng)新獎失之交臂，我百思不得其解。于是在賽場上，我觀看其他獲獎選手的優(yōu)秀作品，賽后看組委會刊發(fā)的NOC活動獲獎作品集。同時(shí)也反思自己的作品：究竟要朝什么方向制作，才能更好地輔助教學(xué)，得到師生的認(rèn)同，得到評委老師的認(rèn)同？

2013年，在徐州舉行的NOC活動的決賽現(xiàn)場，我才恍然大悟：以前我的作品雖然得到了評委的好評，但作品創(chuàng)新不足。

不錯(cuò)！就是“全國中小學(xué)信息技術(shù)創(chuàng)新與實(shí)踐活動”的“創(chuàng)新”二字。以前我的作品，只是簡單地將別人已做過的作品作為參考，把相關(guān)的功能做得更強(qiáng)大一些，或把畫面做得更漂亮一點(diǎn)。這樣的作品設(shè)計(jì)，不能算是“創(chuàng)新”，只能算是“更新”。因此，我向評委老師呈現(xiàn)的，只是自己的信息技術(shù)運(yùn)用能力。

數(shù)字化學(xué)習(xí)工具要拔得頭籌，不只是簡單地看誰的作品技術(shù)性強(qiáng)、功能多，而更多的是看誰的作品創(chuàng)新點(diǎn)多。這也是一些教師即使用PowerPoint這樣的軟件做課件，也能勝出的原因。

我現(xiàn)在對“創(chuàng)新”的理解是：在作品設(shè)計(jì)中，不僅要以能解決教學(xué)中的一些問題為前提，還要注重在設(shè)計(jì)理念上，做別人沒有做過，甚至想都沒有想到過的設(shè)計(jì)，只有這樣，作品才具有“創(chuàng)新性”。所以，在設(shè)計(jì)2015年的作品前，我頭腦中想得最多的問題，便是怎樣創(chuàng)新。

于是，便有了在“星星亮了”這一學(xué)習(xí)環(huán)節(jié)中，我用得星的多少來表示學(xué)生掌握的好壞;在“火車開啦”這一學(xué)習(xí)環(huán)節(jié)中，我用桶的大小來表示學(xué)習(xí)完成的進(jìn)度;特別是在“我的收獲”里，我用樹結(jié)果實(shí)的多少以及果實(shí)的大小的方式來統(tǒng)計(jì)學(xué)生學(xué)習(xí)的進(jìn)度和熟練程度等。

可惜的是，在這次比賽中，我沒能與評委老師做面對面交流，所以至今還不知道我的這一理解是否正確。

評委印象

《漢語字母》學(xué)習(xí)工具是由重慶市榮昌縣盤龍鎮(zhèn)中心小學(xué)的李勇老師，依據(jù)教育輕游戲的特點(diǎn)，利用Flash軟件制作完成的一款寓教于樂的數(shù)字化學(xué)習(xí)工具。

漢語字母是打開語文世界的一把鑰匙。但對于剛接觸漢語字母的孩子們來說，卻是一道較高的門檻，那么如何教學(xué)生完成正確認(rèn)知和熟練掌握漢語字母呢？《漢語字母》學(xué)習(xí)工具為我們提供了一種學(xué)習(xí)漢語字母的方式，即通過計(jì)算機(jī)游戲和梯度性教學(xué)，達(dá)到有效學(xué)習(xí)的目的?？傮w來說，該學(xué)習(xí)工具在內(nèi)容安排、界面設(shè)計(jì)以及技術(shù)實(shí)施等方面具有一定的新穎性和可借鑒性。

在內(nèi)容的安排上注重知識內(nèi)容的梯度性，通過三個(gè)游戲?qū)崿F(xiàn)了拼音認(rèn)知、拼音理解和拼音辨識等三個(gè)階段的學(xué)習(xí)。在拼音認(rèn)知階段，主要采用“星星亮了”的游戲?qū)W習(xí)方式，讓學(xué)生通過打開智慧鎖的方式認(rèn)讀聲母和韻母，并用得星的多少來表示孩子們的知識掌握程度;在拼音理解階段，采用“火車開啦”的游戲?qū)W習(xí)方式，小火車載運(yùn)聲母和韻母，小朋友利用鼠標(biāo)拖動的方式，來辨識聲母和韻母，小朋友在系統(tǒng)提示和交互中學(xué)習(xí)知識，并用桶的大小來表示孩子們學(xué)習(xí)完成的進(jìn)度，達(dá)到了趣味性和知識性相結(jié)合的目的;在拼音辨識階段，采用“果子熟了”的游戲?qū)W習(xí)方式，讓學(xué)生認(rèn)讀和摘取樹上的聲母或者韻母果子，并用樹上果實(shí)的多少以及果實(shí)的大小來分別統(tǒng)計(jì)他們學(xué)習(xí)的進(jìn)度和熟練程度。

該學(xué)習(xí)工具界面用可愛的卡通人物指導(dǎo)識字不多的孩子如何正確使用本軟件，并在“星星亮了”“火車開了”和“果子熟了”三個(gè)場景中采用了活潑可愛、適合學(xué)生認(rèn)知特點(diǎn)的顏色和游戲道具來吸引他們參與，利用游戲中的時(shí)間線、果實(shí)獲得多少和大小等規(guī)則強(qiáng)化學(xué)生不斷地完成任務(wù)。

《漢語字母》學(xué)習(xí)工具采用了Flash的AS2.0編程技術(shù)，大量使用剪輯元件、random（）語句、onClipEvent、startDrag（）和stopDrag（）等鼠標(biāo)事件對程序中的各種功能進(jìn)行設(shè)計(jì)。

總體來說，《漢語字母》學(xué)習(xí)工具在內(nèi)容安排、游戲布局和技術(shù)實(shí)現(xiàn)等方面都具有很大的優(yōu)勢。但是開發(fā)此類學(xué)習(xí)工具對設(shè)計(jì)者要求很高，花費(fèi)時(shí)間很長，且需要多人通力合作才可能完成，為此教師們在開發(fā)前一定要做好設(shè)計(jì)和預(yù)算，并明確其使用的效果。另外，該作品在各階段的設(shè)計(jì)中，對學(xué)生能力水平的區(qū)分度評價(jià)或者說在內(nèi)容安排上還需要多加推敲和設(shè)計(jì)。

（李志河 ?NOC活動評委/山西師范大學(xué)教育技術(shù)與傳媒學(xué)院）