多媒體演示創新系列(15) – HTML5文字雲:文章詞彙分析機

在這系列中,iGardener老師已介紹HTML5W圖解簡介,不如今次講應用吧,幾年前我從外國的教育網誌W見過製作文字雲(word cloudW)的網站,例如Wordle,當時網站是使用JavaW技術,和只支援英文字,試過將iGarden的RSSW輸入,得到下面的文字雲:

直到最近從本港博客石先生的blog看到這個「 HTML5 文字雲:文章詞彙分析機」,我也要試用。這文字雲系統採用 RSS Feed 閱讀機制,擷取iGarden blog近二十篇文章的內容作分析,效果如下:

我十分喜愛這文字雲,因為正中心剛好顯示iGardener老師最常用使用的字眼正是「教學」,其他如「學習」、「香港」、「Google」跟想像中的差不多,這文字雲顯示的其實與一個電腦科老師腦裡著緊的東西頗接近。

同學們也想試試嗎?

多媒體演示創新系列(14) – 園丁呈獻《iGarden版網上HTML編輯器》學習編寫網頁

學生在選修單元C「多媒體製作及網站建構」中,需要學習使用網頁編輯器,編寫多媒體網站,在學校多數會用AdobeWDreamweaverW,但學生在家或在外,很難找到合法的軟件。

所以iGardener老師找到一個不錯的網頁編輯器,並安裝在iGarden的網頁伺服器中,讓各位老師和同學生可以穩定地使用,我認為檢視HTML原始碼是最有用的功能。

有興趣可以按此連結或加入書籤:http://www.i-garden.org/htmledit

或可直接在以下的嵌入版試用:

[iframe http://www.i-garden.org/htmledit/_samples/index_lang.html 480 600]

多媒體演示創新系列(12) – 從《魚樂無窮》學習視頻特性

亞洲電視的經典節目不多,歷年以來,最叫人「難忘」的電視節目,非《魚樂無窮》莫屬,在深夜時段「直播」魚缸中的大小魚兒活動,不停播放魚缸影像就可以當「電視節目」,是窮出來的創意。

當年小兒Matthew仍是嬰孩的時候,每逢發燒不能入睡,多少晚上爸媽便與他一起看《魚樂無窮》。今天魚樂無窮回歸之時,兒子已是一個比自己高的中學生了!所以iGardener對這經典「電視節目」有特別的感情,2011年2月初起身,喜見亞視的《魚樂無窮》在早上 7:30am 復播了!

看看當年「聞名經典」的《魚樂無窮》Youtube吧:

強勢回歸的新版本《魚樂無窮》改用了數碼標清及採用 16:9 的比例播放,畫質比以前更清晰,比較下,同學可學習視頻的特性:

  • 模擬(analog)->數碼(digital)
  • 比例:4:3->16:9

同學別說它無聊,其實很多觀眾都愛看和懷念此「節目」的!

多媒體演示創新系列(11) – Old School MV “Take on me”

最近iGardener老師開始在中三及中五ICT課程中,教導多媒體W課題,參考維基百科W的定義:

多媒體(Multimedia),在計算機系統中,組合兩種或兩種以上媒體的一種人機互動式信息交流和傳播媒體。使用的媒體包括文字、圖片、照片、聲音 (包含音樂、語音旁白、特殊音效)、動畫和影片。

定義中著重多種媒體的揉合,只是iGardener老師不太同意只有電腦才能製作及展示到多媒體,此時腦裡記得很久很久前的一套經典1985年的MV,叫Take on meW,它的特色是非電腦製作的多媒體動畫:

謝謝YoutubeW記錄了這些老餅影片,讓數碼一代見識到到這MV內的多媒體特技,是純使用光學剪接,不愧是iGardener老師至今印象最深刻的動畫MV之一。

這亦是ICT課程多媒體中動畫W(animation)的完美教材,因為它包括以下與課程有關的元素及特點:

  • 非電腦製作的經典多媒體動畫
  • 影片以連續手繪素描組成
  • 主角從手繪素描伸手到影片,是打破多媒體元素的視覺局限

多媒體演示創新系列(10) – 經典互動式影片之獵人與熊(A Hunter shoots A Bear)

iGardener老師最近與學生核對MC答案時,其中一題的答案指出,視訊W視頻W(videoW)的播放是沒有互動W性的,兆倫同學對此有點質疑,我便建議他舉出一個實例去支持他的論點,他就鍵入了YoutubeW的一套影片,叫「獵人與熊(A Hunter shoots A Bear)」:

這是iGardener老師見過互聯網史上最強的互動影片,充分利用互動的回饋,吸引用家不停輸入動詞,嘗試觀看相應的影片。

當獵人從螢幕伸手出來抓改錯帶時,有沒有嚇一跳,以為是經典鬼片貞子?

有注意到是什麼產品的廣告嗎?是的,是一家歐洲知名的塗改液、塗改帶公司(Tipp-ExW)的廣告。

用家把好玩的單字或片語輸入,便會產生不同的片段。
例如輸入moonwalk,主角便會學Michael Jackson的跳舞。
例如輸入give me five,主角便會拍掌。

廣告公司的創意是令人讚嘆的,怪不得從2010年8月影片上傳到YouTubeW網站至今,已突破1,470萬的瀏覽人次!

這是ICT課程多媒體互動影片的完美教材,因為它包括以下與課程有關的元素及特點:

  • 影片以肢體動作為主,淺顯易懂
  • 主角從影片伸手到右邊的圖像拿塗改帶,是打破多媒體元素的視覺局限
  • 可輸入單詞變成動作,打破影片互動的有限性
  • 廣告不受地區性侷限,因為選擇放在宇宙最強的YouTube影片上分享,善用互聯網的優勢,是傳統傳媒廣告所不能及的
  • 善用盛行的Facebook、Twitter等web 2.0社群網站與微博推波助瀾之下,廣告效益之大,瞬間在全球各地擴散,令人大開眼界!

估一下廣告到底拍了多少段互動的影片?有甚麼動詞可用?答案在這裡找吧!

突然想到,英文科老師又可以用來做教材哩。

例如:

  • box (google, see, watch, watch TV With)
  • brush (clean, clear, wash)
  • call (chat, contact, phone, talk to, telephone, hat)
  • cook (barbeque, bbq, eat with, feed, picnic, stoned fries)
  • cut (mow)
  • dance (rock)
  • eat (eat by, dig)
  • fart (king, pass, rip
  • fish (catch, get, hook)
  • freeze (nothing)
  • give me five (cost)
  • jump (circus)
  • kick (wrestle)
  • kill (kill by, shoot)
  • like (together, cuddle)
  • love (hug, kiss, lick, marry)
  • moonwalk (Michael Jackson)
  • paint (draw)
  • pee (beer, drunk, piss, ko, toast)
  • picture (take a picture with, photo, film, propose to)
  • play (joy, game, guessing game with, paper, use)
  • ride (drive)
  • rnb (rap, hip hop, break dance)
  • shake (and, joke, laugh, lol, shake hands with, smile, trick)
  • sing (song, crop, harp, music, opera, record)
  • sleep (sleep with, nap)
  • sport (ball, football, basketball, naked, roll, soccer)
  • sweep (forest)
  • tickle (touch)
  • Tipp-Ex (erase, rewrite, write, white)
  • wrestle (fight, kick, vs)