2010年7月28日 星期三

利用 Scratch 進行 CSCL 教學

本文作者 Mitchel Resnick 教授從 1985 年開始在 Lego 團隊中幫忙,後來他的團隊另外創造出 Scratch 這個程式語言,做為學習的一種媒介。

他認為理想中的學習方式應該像幼稚園一樣。

幼稚園學生會先天馬行空的想像一番,然後開始依據想像去畫圖、堆積木,再把自己的想像內容與完成結果與其他同學分享並獲得回饋。

幼稚園學生的學習方式與現代社會所需要的能力是相符的。因此 Mitchel Resnick 教授認為我們應該把這一種學習方式拓展到其他各個階段的學習中。

為了讓這樣的學習方式能在各個年齡層中被應用,他們開發 Scratch 語言來達成這個目的,文中提到 13 歲的小女生 BalaBethany 藉由 Scratch 與其他網友的互動真實展現幼稚園學習方式在其他年齡層也可以進行

前一篇文章提到 CSCL 的學習模式,我想 Mitchel Resnick 教授這一篇文章就是 CSCL 教學應用的一個範例。

參考來源:

"Underlying traditional kindergarten activities is a spiraling learning process in which children imagine what they want to do, create a project based on their ideas (using blocks, finger paint, or other materials), play with their creations, share their ideas and creations with others, and reflect on their experiences -- all of which leads them to imagine new ideas and new projects. This iterative learning process is ideal preparation for today's fast-changing society, in which people must continually come up with innovative solutions to unexpected situations in their lives.

If this approach is so well aligned with current societal needs, why do we so rarely support it in classrooms? One reason is that our society and our educational system don't place enough value on creative thinking.

Another reason is a lack of appropriate media and technologies: Wooden blocks and finger paint are great for learning kindergarten concepts (such as numbers, shapes, sizes, and colors). But as children get older, they want and need to work on more advanced projects and learn more advanced concepts. To do that, they need different types of tools, media, and materials.

This is where I believe digital technologies can play their most important role."
- Kindergarten Is the Model for Lifelong Learning | Edutopia (在「Google 網頁註解」中檢視)

Technorati : , , , , , , ,

CSCL 電腦支援的協作學習是個不錯的教學方式

早期的電腦輔助教學,我認為最大的困難點在於互動性不足。不論是史金納的編序教學,或是電腦 CAI,永遠就是那麼幾個獎勵的圖片與音效,多聽幾次後就煩厭了,這對於學生而言就少了一些繼續學習的誘因。

但 CSCL 的教學方式,學生彼此協作,彼此協商、討論,這個過程不斷的有互動產生,若教師能給予適當的教學設計及引導,讓學生之間在教學設計下不斷有新的互動產生,則對於學生而言,永遠有新的變化,比較不會感到無聊。

參考來源:

"在維基百科可以看到CSCL(Computer-supported collaborative learning) 的定義與發展介紹,而這篇『電腦支援的協作學習:一個歷史脈絡的觀點 』則提供一個全觀探討與研究理路開展。 此外,『International Journal of Computer-Supported Collaborative Learning 』期刊可以全文閱覽喔!從2006年開始出刊,還不到20集,決定認真k一番,整個八月來掃讀一趟!"
- 電腦支援的協作學習(Computer-supported collaborative learning)與期刊 - 研究苑 - 大學塾 (在「Google 網頁註解」中檢視)

Technorati : , , , , , ,

2010年7月22日 星期四

[Scratch 導演夢] -- Scratch 簡介

導演好威風

你可能看過一些描述影片拍攝現場的畫面 -- 比方說吳念真導演的廣告,在這類的畫面中常會有個人拿一個板子(那叫場記板),敲一下板子,喊一聲:『開麥啦!』就開始拍攝影片!

看到這樣的畫面,總覺得當導演的好像很威風,每個人都得聽從他的指示,真希望有朝一日也能體會一下這樣的感覺。

拍戲用的場記板
圖、拍戲用的場記板

還好這個夢想並不難達成,麻省理工學院 (MIT) 的開放原始碼程式 Scratch 就可以達成我們的願望,讓我們過過當導演的癮。

Scratch 程式資訊

名稱:Scratch
下載一:MIT 原始網站下載
下載二:PStart 軟體包內含 Scratch

以 Scratch 滿足導演夢

Scratch 可以讓我們一圓導演夢。它提供各式各樣的場景,以及許多的演員供我們使喚,這些演員完全聽命於導演,你說一,他們不敢說二,完全依照我們的指示行動。

不過在 Scratch 之中我們用的不是場記板,取而代之的是,我們搖一支綠色小旗子,看到綠色小旗子搖動了,演員們就依照我們的指示開始演戲。

搖搖綠色小旗子?嗯,就像在賽車時有人會用力揮動一支旗子,所有的車看到旗子揮動就開始往前衝一樣,Scratch 中的演員看到綠色小旗子就開始依照我們的命令開始演起來了。


圖片取自:http://pic.nipic.com/2008-01-06/200816155556656_2.jpg

雖然說使用小綠旗可能不像用場記板感覺那麼爽快,但是想像自己是在賽車場上揮舞旗子,其實也是不錯的啦!

讓演員開始演戲的小綠旗
圖、讓演員開始演戲的小綠旗

忠實但不聰明的演員

打開 Scratch 時看到的第一個演員是隻小貓咪,不過 Scratch 中其實有各式各樣的的演員,如果你覺得不滿意,也可以用小畫家之類的繪圖軟體量身訂做一個新的演員。

這些演員們外貌互異,可能是一條火龍,可能是一個小黑點,但無論他們的長相如何,他們都有一個共通點,那就是對於導演說的話是言聽計從,完全依照我們的命令來演戲。但是反過來說,你沒有下的指令,他們也不會自己去猜想。

除了不會自己思考之外,這些演員還不太聰明。他們祇懂得幾個單字。所以我們得利用他們懂的這些單字來指揮他們演戲,否則用了他們不懂的單字下指令會讓他們聽不懂指示。

演員們懂的單字可以粗分為八大類:

類別 範例
動作類(藍色) 走、面向某個方向
控制類(橘色) 當綠旗被點一下、當空白鍵被按一下
外觀類(紫色) 改變造型、改變大小
聲音類(紫紅) 播放聲音、音量改變
畫筆類(藍綠) 清除畫面筆跡、下筆、停筆
偵測類(水藍) 當碰到某某顏色、當按下滑鼠
運算類(草綠) 加減乘除
變數類(橘紅) 由使用者自行設定來貯存資料的東西

你可能擔心自己記不住這些單字,放心吧,Scratch 滿貼心的把演員們懂的所有單字都已經列出清單了,我們要叫他們演戲時,祇需要從這些清單中找出適當的單字,並將找到的單字加入指示欄即可。

Scratch 介面介紹

Scratch 中演員能懂的字彙列表
圖、Scratch 中演員能懂的字彙列表

在 Scratch 中,為了讓導演,你,可以快速辨別單字的種類,所以每種單字都以特別的顏色做為區分,將同一類的單字都用同一種顏色標示。所以之後祇要一眼瞄到某種顏色的單字,即便還沒看到內容,但是就知道那是哪一類的單字。比方說上圖呈現的是動作類的單字,這些單字都是以藍色做標示的。

當我們要指示演員開始演戲時,我們祇需將這些單字拉到導演指示區排列好,演員們就會乖乖的動起來。

Scratch 的導演指示區
圖、Scratch 的導演指示區

以上圖來說,我們就是告訴演員看到綠色小旗子搖動後就往前走十步。祇需要這麼簡單的指示,然後搖搖綠旗演員就會往前走十步。

好的,你,一個新科導演,到目前為止已經指示演員做了一個簡單的演出,下次我們就要學習如何讓演員演出比較複雜的戲劇。

Technorati : , , , , , , ,

2010年7月17日 星期六

趙育興老師提供的一些創意教學點子

前天惠文高中的趙育興老師傳訊息問我 16 日(就是昨天)下午四點有空嗎?回覆他後,他昨天下午就直接殺到我們學校來了。

他來了之後聊了很多,提到他正在進行的一些工作,也提到他在學校裡面辦過的一些活動。聽他講了一個半小時,我的眼睛睜的超大,學習到好多東西,原來教學是可以這樣做的啊?所以把他的教學點子記錄下來分享給大家。

趙育興老師小傳

服務學校:臺中市立惠文高中
任教科目:生物科
學  歷:中興大學植病系、植病所
經  歷:教育部自然科中央輔導團團員
相關報導:趙育興老師

趙老師提到,為什麼要來找我呢?其實是因為我們在鄰近的學校裡服務,大家可以合作做一些事。我很喜歡這種感覺,雖說我們學校之間是有競爭壓力的,但是大家良性競爭,這樣學生都可以有更好的選擇。

競爭帶來進步

每次與崇倫國中的林麗萍主任聊天時也都會浮現這種感覺。我們幾所學校距離很近,學區彼此重疊,在這個少子化的時代,其實學校間的競爭壓力還不小。每次跟麗萍主任聊天,聽她講她們的教學活動都覺得真是太棒了,我們也要趕緊跟上,要不然哪天就要被人家追過去了。


圖、鄰近學校位置圖

有競爭壓力其實是好的,這可以讓我們看到別人的優點,反思自己的缺點。以前有不少學生從崇倫國中的學區來到我們向上國中就讀,但是現在崇倫國中辦學績效很好,吸引不少學生回流、就近就讀,我們的學生人數就隨之下降。

我們之間彼此競爭,但是也彼此合作,分享大家的教學創思,提昇學校的辦學績效,讓學生擁有更多的選擇。如果今天共同學區的家長將孩子送來向上,那要謝謝家長的肯定,但是也不能因此停滯,因為隨時可能被追過去;如果家長選擇了大業、惠文、崇倫,那就代表我們做的不夠好,要再多努力。

這讓我想到江明勳老師的提議,他說想辦個研習,同一場次裡面有好幾個主講者,每個人佔據一個角落辦演講 (或實作工作坊),同場較勁,看看哪個主講人比較能吸引聽眾駐足 (再加個 50 萬獎金就可以當電視冠軍賽了)。很殘忍,但是也很刺激,如果比輸了,鼻子摸一摸承認自己的失敗,回家繼續努力開發更有趣的講演內容。

前幾天蔡志浩老師在一則 twitter 中提到:

台灣的觀光產業基本上還是以「從遊客身上賺最多錢」為中心,而不是以「帶給遊客最佳體驗」為中心。服務是共創價值的過程,你先給遊客好的服務體驗,他們就會讓你有錢可賺。可惜台灣人的眼光永遠看不了那麼遠。(原文見此)

衷心期盼我們幾個學校的良性競爭可以讓學校帶給學生最佳的體驗。

言歸正傳,那麼昨天趙育興老師分享了哪些教學點子呢?其實他講了很多很多 (一個半小時夠他講的了),但是我祇寫幾個記憶比較深刻、完整的點子。但其實這些點子是具共通主題的,就是要學生解決生活中的一些問題,從而學習科學,講的學術一點,就是 PBL (Problem-Based Learning) 問題導向學習。

(志開國小的夏如春主任與國外學者有在合作進行 PBL 教學,但他們的 PBL 是 Project Based Learning 專案式學習,與這邊說的 PBL 並不相同。)

單兵注意 前方亟需救援

任務:近來氣候變化劇烈,大雨一下,造成許多地區土石坍塌。一些山地部落因對外聯絡道路阻斷,物資缺乏,因此需要外界運送救援物資至該地區抒困。但因為道路已經中斷,短期之內必需先架起纜繩,以流籠輸送物資。


圖、流籠 (自由時報記者蔡宗勳攝)

方式:班上同學分為數組,每一組裡有工兵、通訊兵等不同職務。

活動一:工兵注意,請在兩座山之間架起纜繩。

讓學生想辦法在兩棟教學大樓間拉繩架起聯繫。學生必須運用綜合課學到的打繩結方式將繩子串接、固定。

活動二:運輸兵注意,請將救援物資送至災區。

準備幾包乖乖、旺旺仙貝,讓學生利用滑輪、纜繩,把這些物資從一棟大樓運送至另一棟大樓。學生必須想辦法讓滑輪能在纜繩上穩定滑動,所以如何保持物資 & 滑輪的平衡就很重要。降低重心?保持對稱?學生必須運用國小、國中學習到的物理知識來解決這個困難。

運送完成後,乖乖 & 旺旺仙貝就成了學生的點心,大家都開心。

活動三:通訊兵注意,請建立起兩端的聯絡方式。

趙育興老師說他提出這要求後,學生開始想一些聯絡方法,有的提議用旗語 (啊你懂旗語嗎?不懂!所以放棄。)、有的提議用摩斯電碼 (一樣不懂,所以放棄)。

(我說:『打手機啊』。趙育興老師:『不行,不能打手機,手機基地台沖毀、不見了。』)

最後他的學生靠著纜繩,把小時候玩的傳聲筒送到另一棟大樓,兩端就靠著這個小時候玩的傳聲筒建立起聯絡,運用的是聲波在不同介質中傳遞速度不同,以及在固體介質中傳遞時聲波消減的比較慢,因此可以傳遞較遠的概念,讓原本無法溝通的兩處建立起聯繫。

整個活動過程,趙育興老師不斷用攝影機錄影,採訪學生目前的想法,以及嘗試的結果,整個就像電視冠軍賽一樣。電視冠軍賽這類的節目也是活動中不停的採訪比賽者目前的想法、評估競爭對手做法良窳。在活動中讓學生這樣發表,一方面讓他去觀察他人的做法,一方面讓學生放聲思考,澄清自己的思路,很棒的嘗試。

火箭昇空失事 如何改進?

趙育興老師在學校辦水火箭比賽。一般的比賽可能大家組隊過來,比看看誰的水火箭飛的比較遠,比完後就頒獎、結束,但趙育興老師認為這樣還留下許多問題沒有澄清,學生少了學習的機會。

所以他把學生拉到攝影機前,請學生先講一講他們的火箭設計方法,然後就去試飛。飛完後再把學生拉到攝影機前來:『你們覺得自己隊伍的火箭飛的好不好?好?好在哪裡?』學生不知道該怎麼回答。『要不然,你們告訴我,火箭怎麼樣飛是你覺得不好的飛法?』

這樣學生就可以回答了:飛到一半解體、飛歪了、火箭在空中旋轉起來……。

飛到一半解體這比較容易解決,粘的緊密一點就是了。那你覺得飛歪了該怎麼解決?『嗯,飛歪了代表方向控制系統出問題,下一步就是要解決方向系統的錯誤』;『火箭在空中旋轉,可能是推進系統有問題,要檢查一下這個部份那裡出錯。』

就這樣,趙育興老師讓學生澄清自己隊伍的問題,然後針對問題思考解決方式,這樣辦水火箭比賽才有教育意義,否則比一比就結束實在是太可惜了。

不過我覺得有趣的一點是,負面表列的教學方式竟然能運用的這麼好。我教學生寫選擇題時,嗯,最不可能的答案刪除後,留下的就是可能的答案了。什麼是飛的好?學生回答不出來,那麼把『飛的不好』的情況剔除,留下的就是飛的好的火箭,這樣的方法實在很棒。:)

這樣負面表列的教學方式他似乎很常用,他分享生物消長的教學時,也是用負面表列方式進行。

生物的消長

平常生物講到生物消長時,就拿一張植物在空地上生長的變化圖,從雜草,慢慢出現灌木,後來出現喬木,這樣來講解環境中的生物組成會隨著時間改變而有所不同,這就叫做消長。

趙育興老師不滿意這樣的方法,所以他把學生帶去山上,讓他們實際觀察生物的消長。


圖、岩石上的地衣 (圖片來源)

從上面這張圖可以發現,岩石上原本長著橘色的地衣,後來漸漸的被白色地衣給覆蓋,圖片中下地方還可以發現有青苔長出來,這就是消長。

如果覺得上圖還不夠明顯,那麼看看底下這張岩石上地衣與青苔的分布圖,就可以更明白的看到生物的消長。


圖、岩石上的地衣與青苔 (圖片來源)

很明顯吧?岩石的上半部祇有地衣存在 (白白的那些東西),岩石的下半部有青苔生長,而且漸漸的往上方、原本祇有地衣生長的地方入侵,這就是消長。顯然地衣生長後改變了某些因素,讓這個環境變得適合青苔生長,因此青苔就長進來了。

但是問題來了 ( <== 這是我上課時要挑戰學生的發語詞!:p ),到底是什麼原因讓地衣生長的地方開始變得適合青苔生長?

學生答不出來,趙育興老師提醒他們:『生物生存需要的四大物質是哪四個?陽光、水、空氣、養份。好,在你們看到的這個石頭上,地衣、青苔的消長最不可能由哪些因素影響?(負面表列)』

學生思考後,嗯,陽光應該沒有影響、空氣應該也沒影響,因為都在同一塊石頭上,這個應該不會差異太大。水分有可能影響,因為地衣生長的比較厚後,可能會影響水分聚積;養份也可能影響,因為地衣生長後,可能會有一些養份物質卡在上面累積下來。

所以藉由觀察,學生發現了問題,也提出了假說:『可能是水分、養份等環境因子改變,使得青苔得以生長。』再來,學生就要蒐集在不同地點生長的地衣 & 青苔,對比其中的差異,來驗證他們自己提出來的假說並形成結論。

聽到這邊我就真的傻眼了,原來消長這個單元還能這樣教?結合第一冊第一章的科學方法,讓學生真正去解決問題,這種教學法實在太棒了!!

趙育興老師後來趕著回家,他在臨行前講:『你看,這樣子教學我根本不用花太多時間備課啊,都放給學生自己去發現問題、解決問題就好了!學生開心,我也輕鬆!!』

我聽他這樣講,是很想回說:『最好老師輕鬆啦!要想到這些教學方式,應該想破頭了吧?哪裡輕鬆?XD 』但是這真的是可以嘗試的教學方式啊!

感謝趙育興大神指點,希望下次有空你再來我們學校顯靈一下,我們受用不盡啊!!

Technorati : , , , , ,

2010年7月14日 星期三

有利學習的輔助軟體

今天下午花了一點時間介紹幾套有助於學習的軟體給實習老師,希望對於他們準備教甄能有一些幫助。

現在的教師甄試缺額越來越少,競爭壓力越來越大,所以讀書時一定要有一套方法,最好還能善用資訊科技來輔助學習,剛好我知道幾個方法可以有效輔助學習,所以就介紹給實習老師們。

Tony Buzan 的心智圖法

1970年代,英國人東尼‧博贊 (Tony Buzan) 為了提昇思考能力,想出了一種利用圖形來輔助思考的方法,他提出的這個輔助工具就是『心智圖』。

比起單純的使用文字,利用圖形輔助思考有時更加直覺。心智圖可以利用不同顏色的線條及各式各樣的圖案加深整體印象。也有人說,因為心智圖是一種圖像,我們要辨識心智圖時會用到平常較少使用的右腦,等於是在平常使用的左腦之外再加上右腦的輔助,所以對於記憶有莫大的幫助。

雖然很多人心智圖是用紙本繪製的,但我認為要真正的應用心智圖,應該是用電腦軟體來繪製會比較好。利用電腦繪製心智圖日後要修改與查詢都很容易,這是紙本繪製的心智圖所不能及的。

目前用過的幾套電腦心智圖軟體中,我比較推薦 XMind。XMind 可以免費使用,功能強大且繪製出來的心智圖挺美觀,因此推薦使用。

關於心智圖與 XMind 的使用,可以參考底下幾篇文章:

  1. 何謂心智圖?
  2. 心智圖軟體 XMind 安裝與設定
  3. 以 XMind 心智圖整理重點並匯至 Word 運用

瞭解了心智圖與 XMind,最重要的就是要來試著繪製一個心智圖,從做中學總是學得比較快。請你翻開張春興的教育心理學第五章:『認知心理學』,將這一章整理為一個心智圖。

為什麼要整理『認知心理學』這一章的內容呢?其實整本教育心理學的無非就是希望學生能學得快、記得久,那麼,這不是與準備教甄的需求很像嗎?準備教甄時也希望自己能比別人記得快、記得久,這樣考試時才能脫穎而出。

既然教育心理學能應用於現場教學,那麼應該也可以應用在自我學習吧?熟讀哪些因素會影響認知、記憶,真正的把這些方法運用在教甄準備上,這樣可以使你準備教甄時比別人有效率得多。

以網頁註解 (Sidewiki) 收集網頁訊息

我們逛網頁時常會看到一些不錯的內容,比方說看到某個網頁講到教學心得;看到另一個網頁提到與家長的溝通方式,這些內容對我們的教學都有幫助,所以想為這些網頁寫些註解、眉批並保留下來,Google 提供的網頁註解 (Sidewiki) 服務就可以完成這樣的需求。

為什麼不把這些網頁資料存成一個 Word 檔案就好了呢?因為 Word 要檢索資料並不方便,但是利用 Sidewiki 服務你可以全文檢索,日後忘記心得是寫在哪一篇文章中,祇需要用幾個關鍵字去搜尋,一下子就可以把相關的文章都找出來,但是這在 Word 並不容易達成,你可能要一個個 Word 打開,再一個個搜尋,效率就差很多了。

那麼可不可以把想要保留下來的網頁用 XMind 整理為心智圖?當然可以,這是一個好方法,不過用 Sidewiki 有另一個優勢,就是它可以幫我們把註解發布成為部落格文章。如果你都針對某個主題去閱讀網頁,並將閱讀心得利用 Sidewiki 記錄下來,當你閱讀的相關網頁數量多時,你的部落格也就隨之成為這個主題的專業網站了。

比方說你都閱讀教育相關的網頁,然後將閱讀的心得利用 Sidewiki 整理起來,等到你收集了 20 ~ 30 篇心得時,你已經擁有一個教育專業部落格了。這個部落格的內容平時自己就可以參考,增進教學專業;如果學校要求你要有個人的教學部落格,OK,你也已經建立好等著了,完全不用擔心內容要寫些什麼的問題。

閱讀網頁 ==> 撰寫個幾行的心得 ==> 發布為部落格文章,一氣呵成,非常的方便,一定要使用這個好用的服務!你可以參考底下的文章開始使用 Sidewiki:

你可以參考我用 Sidewiki 建立的心得收集網站:無責任網評 ,看一下大概就可以知道 Sidewiki 的優勢何在。

訂閱優質部落格文章

以前看到喜歡的網站,我們都習慣將它加入『我的最愛』之中,然後每隔幾天就連上這些網站看看是不是有新的文章出現。

現在資訊科技的發達讓我們不需要自己去檢查是否有新文章出現,我們可以直接訂閱這些網站,該網站內容一更新,數分鐘之內你就可以看到它的最新文章。這個新的資訊科技稱為 RSS (其實它也出來好幾年了,不是那麼新了啦!),比較大的部落格系統,如無名、Xuite、Blogger 等都有提供 RSS 的訂閱功能。

RSS 訂閱功能很類似訂閱電子報,每有新文章就自動通知。但比電子報好的地方是,你不需要把自己的 Email 提供給對方,對方也不會知道有誰訂閱了他的部落格,這樣對個人的資訊安全是比較有保障的!至少,你不會收到亂七八糟的一堆廣告信!而訂閱電子報就常有垃圾信件大增的副作用。

因為有電子報的方便,又沒有電子報的危險,所以 RSS 訂閱功能成為許多人新知的主要來源。祇要訂閱幾個優質的網站,你就可以享受秀才不出門能知天下事的方便性。

如果你想知道如何利用 RSS 訂閱部落格文章,請參考:

如果你打算開始訂閱部落格 RSS, 歡迎訂閱我的部落格:http://feeds2.feedburner.com/edu/meme ,一起討論學習方法、教學理念,彼此琢磨吧!:)

其他軟體

除了使用 XMind、Sidewiki & RSS 之外,你還可以考慮使用 Audacity 這一套錄音軟體,讀書時將內容讀出來,用 Audacity 錄音下來並存成 MP3,之後將檔案複製到 MP3 隨身聽,你就可以在等公車、跑步運動的時候一面聽自己錄下來的學習內容,把握每分每秒進行學習。

我收集 PStart 軟體包裡面已經包含有 XMind、Audacity,當中的瀏覽器 Firefox 也已裝好 Sidewiki 工具列,你可以下載這個軟體包,就可以直接應用這些軟體來輔助學習了唷!

希望這些軟體能幫助你學習,讓你在準備教甄時更有競爭力。

Technorati : , , , , , , , , , , , ,

2010年7月10日 星期六

[Scratch 導演夢] -- 前言

我家買的第一部電腦是 80286 電腦。現在想想那個年代我爸買的那台電腦好像沒辦法做什麼事,沒有 Word (祇有 PE2)、沒有滑鼠 (祇有鍵盤),更重要的是也沒有網路。

所以,這台電腦最常扮演的角色就祇是當作昂貴的電動玩具使用。然後為了要破關,就都會買電腦遊戲雜誌參考裡面的攻略,依照攻略來玩遊戲、逐一破關。

在那個電腦遊戲雜誌的美好年代,RPG (角色扮演) 遊戲的攻略長得與現在是非常不相同的。現在的遊戲攻略可能是這樣子的:

走到洛瓦城,跟一個叫默西的商人講話,對話順序 3→2→3→1→2,之後他會給你一個風之水晶,對魔王使用這個水晶就可以過關。

那個時代的遊戲攻略比較像是故事書。前面那一小段過程,攻略的作者可以寫成一大篇來騙稿費:

……於是我們被打得潰不成軍,現在最重要的是想辦法保住每一位伙伴的性命,不要在這裡白白的犧牲。所以我們祇能承認我們失敗了,倉遑的逃離了魔王殿。

從魔王殿逃出來後,我們垂頭喪氣的回到艾爾城。在艾爾城的酒館中打聽到,原來魔王身邊有隱形的魔法氣旋保護,難怪我們怎麼攻擊都無法給予魔王任何傷害。這祇能怪我們之前探聽的不夠詳實,計畫不夠周延,這一次的失敗對我們真是一個最好的教訓,我看到伙伴萊爾在他的旅遊者日誌上面大大的寫著:『謀定而後動』,想必這次的失敗也給他成長了許多。

回到艾爾城後我們晚上住在酒館的樓上好好休生養息,白天就四處探聽魔王相關的消息。前幾天聽到的都是魔王如何不敗之類令人喪氣的耳語,第八天,萊爾終於在街上探聽到位於艾爾城西方的洛瓦城裡有個商人能夠破解魔王的隱形魔法陣。聽到這個讓人振奮的消息,我們一行人馬上打包向西邊的洛瓦城出發。

經過了幾天的趕路,我們終於來到洛瓦城,並向城裡的人們打聽到那位能夠破解魔法陣的商人叫默西,他在洛瓦城南商店街中開了一家魔法商店。進入商店後,一眼就望見身材矮胖的默西店長站在櫃台邊忙著招呼其他客人。他穿著白上衣,下身圍著藍色粗布圍裙,福態的臉帶著滿滿的笑意,和藹的模樣實在讓人很難想像他是一個『能破解魔王魔法陣』的人。

但是當我們說明來意後,默西的表情就整個變了,他眼神銳利、表情嚴肅的仔細的打量我們一行人,十分謹慎的問:『你們從哪裡聽到我這裡有破解魔王魔法陣的方法的?』

面對默西的質問,我心想:『誠實是最好的策略』,因此將我們前一次的失敗、倉遑逃離魔王殿、在艾爾城打聽消息的過程一五一十的對默西說了一次。聽了我們的故事,默西問了幾個諸如魔王殿設置、魔王用來攻擊我們的魔法,以及我們從哪條路逃亡出來之類比較詳細問題。我們一一回答後,他的表情緩和下來,點點頭,並起身到商店後方的小房間裡拿出一個深紅色的木盒子。

他將木盒子交給我,點頭示意我打開盒子,我依著他的要求將盒子打開,裡面放著的是一顆鴿子蛋大小、冰藍色的水晶。

『這是風之水晶,裝備它可以讓你召喚翼龍來施展風系最高級魔法:龍翼狂襲。你們見到魔王前先將水晶裝備起來,一見到他就先施展龍翼狂襲。魔王身邊的魔法氣旋在翼龍的面前祇是一股微風,輕輕鬆鬆就吹散了。沒有魔法氣旋的保護,你們才能傷害到魔王的本體,你們就帶著這個水晶去魔王殿吧!』

聽完默西的話我們面面相覷,我鼓起勇氣問他:『就這樣?你就這樣把這個水晶交給我們?你不怕我們是魔王派來的嗎?』

默西哈哈大笑:『我剛剛跟你們對談時感受到你們的熱情了,所以可以放心的把水晶交給你們。我年輕的時候也是冒險者啊,所以可以確實感受到你們的熱情!要不然你們以為這風之水晶怎麼來的?這是我們當年潛進魔王殿時搶回來的寶物啊。當年我們四個人進入魔王殿,在魔王的攻擊下祇有我一個人生還。

我在逃亡時從魔王的身邊搶到這一顆水晶,逃出魔王殿後我不斷研究這顆水晶,知道它擁有克制魔王的強大法力。也就是因為這個水晶有這麼大的法力,所以魔王才把它搶來放在自己的身邊。雖然這幾年的研究讓我知道這顆水晶的魔力,但我老了,不再能挑戰魔王了,所以我把它交付給你們,希望你們能接續完成我們年輕時未能成功的討伐事業!』

……糟糕,我編故事編上癮了,編了上千字的故事還沒編到打魔王的部份 (可是這樣編故事又沒人付我稿費!XD )

言歸正傳,那個年代的遊戲攻略可看性比現在高的多,許多遊戲也在攻略撰寫者的生花妙筆下顯得樂趣橫生,至今都讓人回味不已。

現在,我們準備讓學生上六個小時的 Scratch 課程,回想以前的遊戲攻略引人入勝,所以我寫 Scratch 教材時不想要祇有簡單的操作指引,而希望能加入一點故事性在教材中。希望能讓學生感到有趣一些。

當然,這樣的教材寫法,寫了老半天,可能上課時祇講個十分鐘就沒了,不過,我還是希望讓教材有趣一些。但是我祇能在每天排完課後就寫個幾行教材,但還是嘗試看看吧,看我能不能將六小時的教材完整寫完!

希望能有時間寫完啦!:)

Technorati : , , , , , , ,

2010年7月1日 星期四

以 XMind 心智圖整理重點並匯至 Word 運用

以前用過一套很簡陋的心智圖軟體,因為太簡陋用沒多久就砍掉它,時隔久遠我已經完全忘記它的名字了,祇記得它的每個節點都是立體浮動的,可以轉來轉去,而且每個節點都可以寫註解。最重要的是這個註解就顯示在側邊欄,非常的方便。

後來改用 Freemind / XMind 時就覺得它們沒有這個註解欄真是太遺憾了。Freemind 是完全沒有註解功能,所以你看到很多人用 Freemind 時,都會寫很長很長的文字來當作註解(包含它自己的說明檔),結果畫面變的很亂很不容易閱讀。

使用 XMind 的備註功能

XMind 好一點,可以按 F4 加註解。我就以前幾天為暑輔的資訊課程編寫的一個簡單 Scratch 心智圖做例子好了。在第一節課時,我想要先介紹一下 Scratch 是什麼,所以稍微想了幾個可以介紹給學生的點。

一個介紹 Scratch 的心智圖
圖、一個介紹 Scratch 的心智圖

第一個項目我寫了『導演好威風』,但我怕我過幾天就忘了當時為什麼要這樣寫:『Scratch 與導演有什麼關係呢?我當時在想什麼啊?』所以希望能有個備註讓我加一些說明進去。

OK,這是可以達成的,祇要點選一下『導演好威風』這個項目,再按一下工具列上的備註按鈕 (或是 F4),就可以叫出備註框來加註解了。

工具列上的備註按鈕
圖、工具列上的備註按鈕

備註框出現後,在裡面加上我個人的想法,提醒自己寫下『導演好威風』這個關鍵字詞的原因是在於我們可以指揮裡面的角色動來動去,就像導演一樣,所以可以用這樣子的梗來讓學生感到有趣。

在備註框內加入備註
圖、在備註框內加入備註

加入備註後,在心智圖上點一下,這個備註框框就會關閉,祇在『導演好威風』這個項目上留下一個黃色的便條紙圖示,提醒我們這個項目有加過備註。要看備註時就再按一次工具列上的按鈕,叫出備註框就可以看得到。

有備註的項目上多了一個黃色便條紙圖示
圖、有備註的項目上多了一個黃色便條紙圖示

這也是我覺得 XMind 很不方便的地方!

為什麼不能像我記憶中的那個軟體一樣,就直接把備註顯示在側邊欄呢?那不是方便得多嗎?每次還要點選工具列才能再叫出備註框,很麻煩的耶!!

好,後來我發現我自己是白痴,人家有這個功能!是我誤會 XMind 了。

固定 XMind 備註欄的位置

在前面備註框的畫面中,你可以看到備註框底下還有一行小字:『按 F4 來編輯備註文字內容』,我原本想說我都知道按 F4 可以叫出備註框了,幹嘛還在這邊提醒一次?不過後來有天手癢,再多按一下 F4,發現這樣可以叫出固定式的備註欄,這正是我要的功能啊!

固定式的備註欄
圖、固定式的備註欄

所以,直接快按兩下 F4 就可以叫出固定式的備註欄了,它再也不會消失掉,我們要觀察備註時就方便的多。不用一個個項目點選,再按 F4;再選下一個項目,再按 F4……真是省事非常多。

如果不喜歡備註框在下方,也可以將它拉動到左右邊,方便提醒我們。

將備註框拉至右邊固定
圖、將備註框拉至右邊固定

這個固定式的備註欄還有個好處,就是可以選字型並插入圖片。原本浮動式的備註框祇能加入簡單的文字,固定式的備註欄則多了字型與圖片選項,所以可以撰寫的備註就更豐富了。

在備註中加入圖片
圖、在備註中加入圖片

為現在寫心智圖,為未來寫備註

你可能會有疑問:『幹嘛用備註啊?就加一些子項目就好了啊,把想要記的東西都直接寫在心智圖上不是更快?用備註,要看的時候還得打開備註欄才看得到,多麻煩?』

不要忘了,心智圖的作用除了要用圖像思考,另一方面,我們撰寫心智圖還希望用最少的文字來提綱挈領,用少少幾個字就能記住大意,所以在看心智圖時如果項目少一點,文字少一點,對於我們要記住內容是比較容易的。

但怕就怕在現在記住了,過了幾個月、幾年,再看到這個心智圖卻忘了自己當初為什麼要這樣寫,所以才額外加備註。心智圖的部份保持乾淨、簡潔,有需要時才打開備註欄觀看,這樣就不會讓多餘的文字、圖片干擾我們的思考。

就這樣,我一面為現在的我撰寫心智圖,讓我能記得幾個大綱就上台表演 45 分鐘;一方面為幾年後的我撰寫詳細的備註,讓我在看不懂心智圖時,還有小抄可以觀看一下。我的心智圖內容越來越多,而且每個項目都有了備註。

XMind 中密密麻麻的備註小抄
圖、XMind 中密密麻麻的備註小抄

XMind 與 Word 的合體技

撰寫的差不多後,我們可以把心智圖從 XMind 中匯出,到別的程式中繼續使用我們的心智圖。

將心智圖匯出
圖、將心智圖匯出

要匯出至哪邊呢?我們選擇 Word 好了,將心智圖的這些資料做成一個 Word 檔案。

設定匯出為 Word 格式檔案
圖、設定匯出為 Word 格式檔案

設定將所有的內容都匯至 Word 檔去。填寫『至檔案』那一格時要特別注意,必須連 .doc 都手動加進去,否則匯出的檔案可能沒辦法自動開啟。

設定要匯出的項目及存檔的檔名
圖、設定要匯出的項目及存檔的檔名

然後你就會看到,在 XMind 心智圖中的項目轉到 Word 時都變成了大綱,備註的部份則成為了內文。

心智圖從 XMind 匯至 Word 後的模樣
圖、心智圖從 XMind 匯至 Word 後的模樣

看一頁不過癮,讓我們再看一下第二頁。

心智圖從 XMind 匯至 Word 後的模樣
圖、心智圖從 XMind 匯至 Word 後的模樣 (第二頁)

完全就是一個完整的 Word 檔案了嘛!!祇要再調整一下段落格式、套用現存的樣式檔,就可以印出來給學生當講義了。

所以,祇要我們在 XMind 中好好撰寫備註,其實等於也同時寫好 Word 檔案了,反正祇要從 XMind 中匯出就一切完工,因此我很愛使用 XMind。利用 XMind 畫心智圖時,每次看到的內容是簡單的概要,讓我抓得住整個重點;但是又可以加上備註非常方便。

你可能會說:『Word 中有文件導覽模式啊,也是類似的功能。』

是沒錯,但是文件導覽模式的操作沒有 XMind 這類心智圖軟體容易,要移動項目順序、要加子項目都比 XMind 麻煩,而且也不像 XMind 是以圖像呈現內容,所以整體的運用上還是 XMind 更勝一籌。

XMind 免費版也可以將資料匯至 Word

不過,輸出 Word 檔是商業版才有的功能 (每年 49 美元),如果你不想花錢買,又想要輸出那怎麼辦呢?沒關係,匯出時選擇匯出 HTML 格式,然後再到 Word 中去開啟匯出的 HTML 檔案即可,一樣可以達到目的。

輸出 HTML 網頁檔案
圖、輸出 HTML 網頁檔案

進入下一步後,一樣勾選所有的內容,並給予要輸出的檔案名稱。為了保險起見,自己手動加上副檔名吧。看是要加 .htm 或是 .html 都可以。

設定輸出的 HTML 檔案名稱
圖、設定輸出的 HTML 檔案名稱

最後,再進到 Word 中,開啟剛剛的 HTML 檔案就可以了,你也可以把它另存新的 Word 檔,以後要繼續編輯會更方便。

從 Word 中開啟 HTML 網頁檔案
圖、從 Word 中開啟 HTML 網頁檔案

所以,即使你用的是免費版本的 XMind,一樣可以使用這個方便的功能喔!

XMind 在作文教學上的運用

既然 XMind 這麼好用,我就想,如果老師可以教學生使用 XMind 來畫心智圖,再教他們善用備註功能,學生就可以利用 XMind 來寫作文。

我們寫作文時總是拿起紙筆就開始寫了,但這樣子未經規畫就直接上的結果很容易寫一寫後面完全不知道要怎麼接下去,如果能用心智圖做個簡單的規畫,再於備註中填寫一些文字,匯出後就是一篇結構完整的作文了。

想像起來是很棒啦!但問題就是:『哪有那麼多電腦讓學生上機寫作文?』遇到這個問題就無解了,祇能說教給學生這樣子的運用方式,看他們願不願意在家運用 XMind 心智圖軟體來寫作文了。

以 XMind 整理閱讀資料

要讓學生以 XMind 來寫作文可能有實際上的困難,但是如果要運用在自己的生活上那倒是沒問題。我們在網路上閱讀文章時,就可以一面畫心智圖,並把文章重點寫入備註中,日後要做成書面報告時祇要匯出,再稍微修改一下就變成一篇完整的報告了。

所以 XMind 的心智圖軟體對於資料的整理有很大的幫助。

XMind 的不足之處

雖然 XMind 非常方便,但其實它的功能比起其他商業心智圖軟體而言還是有所不足,我覺得最大的缺憾在於 XMind 的備註沒辦法加入表格。表格是一個很重要的功能,可以用來對照不同資料的異同、可以做資料摘要、可以用來定位,所以 XMind 少了表格真的讓我覺得很失落。

目前我知道 Mind Manager 的備註具有表格功能,而且 Mind Manager 匯出 Word 時可以選擇樣式檔,這也比 XMind 方便。不像 XMind 匯出後,還要在 Word 中使用樣式組合管理的功能才能調整樣式,Mind Manager 直接選樣式檔方便多了。

不過 Mind Manager 一套要 NT13,278,校園版也要 NT 5,669,所以用不到表格、樣式的人,其實繼續使用 XMind 免費版就可以了!:) 用得到的人再考慮跳槽吧!或是一人一信請 XMind 的開發人員將這個功能加進去也行!:D

Technorati : , , , , , , , ,