多媒體演示創新系列(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)

多媒體演示創新系列(9) – W3C推出HTML5的標誌

經過大半年的報導,HTML5W似乎已經成為互聯網W技術的常用名詞,在GoogleW的支持以及開發者們的熱情追捧下,HTML5W似乎已經成為了解決網站開發中任何問題的良藥。無論新高中ICT的課程中學資訊及通訊科技科常用英漢及漢英辭彙是否包含這詞,同學們亦要認識它。

W3CW(World-Wide Web Consortium,萬維網聯盟)在今年一月發表了HTML5W的官方新Logo,並對這的網絡開發技術做出了新的解釋:

HTML5的八大技術特點

[資料來源:cnbeta]

1. 語義學

作為HTML5的前端和中心,語義學能夠賦予框架結構以意義。更詳盡的標簽組合以及資源描述框架,微型數據和微型格式將為你和你的用戶打造一套數據驅動的網絡。

2. 本機存儲

在應用緩存,本機存儲,索引數據庫和文件應用程序接口的幫助下,HTML5應用甚至能在沒有網絡連接的情況下工作。

3. 設備訪問

地理定位只是一個開始,HTML5能夠讓應用程序訪問連結到你電腦上的任何設備。

4. 連結性

更有效率的連結性將能帶來更實時的聊天,更快的游戲速度以及更好的溝通交流。服務器與客戶端之間的網絡套接字和郵件攝像頭將比以往更加便捷。

5. 多媒體

音頻和視頻可是HTML5世界的一等公民,他們將與你的應用程序和網站和睦共處。燈光,攝影,開始!

6. 平面和三維效果

在SVG, Canvas, WebGL和CSS3 3D效果這些特性之間,你一定能找到讓你的用戶眼花繚亂,美不勝收的創意。

7. 性能和集成

使你的應用程序和網絡在大量諸如Web Workers和XML HttpRequest 2這樣的技術下更加快速。沒有人願意停下了等你跟進的。

8. CSS3

在不犧牲你的講義結構和性能的情況下,CSS3提供了大量的樣式效果和加強你的網絡應用。另外WOFF(Web Open Font Format)提供了前所未有的印刷靈活性控制。

BBC虛擬革命 (The Virtual Revolution)教學系列(7) – 第四集 <人類網路> Homo Interneticus

BBC虛擬革命 (The Virtual Revolution)

Programme 4: 【人類網路】Homo Interneticus內容簡介

Dr. Aleks Krotoski concludes her investigation of how the World Wide Web is transforming almost every aspect of our lives. Joined by Facebook founder Mark Zuckerberg, Bill Gates, Al Gore and the neuroscientist Susan Greenfield, Aleks examines the popularity of social networks such as Facebook and asks how they are changing our relationships. And, in a ground-breaking test at University College London, Aleks investigates how the Web may be distracting and overloading our brains.

Youtube版本

Part 9 私密資料

  • 免費的代價
  • Google 每月搜尋 760 億次 (2009.12)
  • 價值觀
  • 西點軍校納入網路課程
  • 木馬程式之危害
  • 網路資源真的免費嗎? Google 微調搜尋結果置入廣告
  • flickr 放廣告
  • 個人資訊交換免費網路資源
  • 1994 美國國會解除網路商務禁令
  • 1994 Pizza Hut 開始網路商務
  • Amazon
  • 網路新世界==印鈔機?

Part 10 2000 年 NASDAQ .com 狂潮

  • 金融浩劫
  • Google 從無害且免費的資源搜尋變身成為印鈔機
  • 搖錢樹
  • 人的好奇心變成金礦
  • Google 每天超過20億次搜尋, Youtube 每天10億次瀏覽, Google Earth, Chrome Browser, Chrome OS…全部免費 (Google Data Center 畫面)
  • Google 2009 年淨利 65 億美金
  • Google 並未壟斷搜尋 but 壟斷網路廣告業
  • 訪問 Page & Brim 指導教授
  • Google 搜尋演算法
  • Google 早期相信廣告造成不單純的動機
  • 而學術界需要透明的搜尋引擎–>用搜尋改善廣告
  • 關鍵字廣告 …

BBC虛擬革命 (The Virtual Revolution)教學系列(6) – 第三集 <免費的代價> The Cost of Free

BBC虛擬革命 (The Virtual Revolution)

Programme 3: 【免費的代價】The Cost of Free內容簡介

In the third programme of the series, Aleks gives the lowdown on how, for better and for worse, commerce has colonised the web – and reveals how web users are paying for what appear to be ‘free’ sites and services in hidden ways.

Joined by some of the most influential business leaders of today’s web, including Jeff Bezos (CEO of Amazon), Eric Schmidt (CEO of Google), Chad Hurley (CEO of YouTube), Bill Gates, Martha Lane Fox and Reed Hastings (CEO of Netflix), Aleks traces how business, with varying degrees of success, has attempted to make money on the web. She tells the inside story of the gold rush years of the dotcom bubble and reveals how retailers such as Amazon learned the lessons. She also charts how, out of the ashes, Google forged the business model that has come to dominate today’s web, offering a plethora of highly attractive, overtly free web services, including search, maps and video, that are in fact funded through a sophisticated and highly lucrative advertising system which trades on what we users look for. Aleks explores how web advertising is evolving further to become more targeted and relevant to individual consumers.

Recommendation engines, pioneered by retailers such as Amazon, are also breaking down the barriers between commerce and consumer by marketing future purchases to us based on our previous choices. On the surface, the web appears to have brought about a revolution in convenience. But, as companies start to build up databases on our online habits and preferences, Aleks questions what this may mean for our notions of privacy and personal space in the 21st century.

Youtube版本

Part 9 私密資料

  • 免費的代價
  • Google 每月搜尋 760 億次 (2009.12)
  • 價值觀
  • 西點軍校納入網路課程
  • 木馬程式之危害
  • 網路資源真的免費嗎? Google 微調搜尋結果置入廣告
  • flickr 放廣告
  • 個人資訊交換免費網路資源
  • 1994 美國國會解除網路商務禁令
  • 1994 Pizza Hut 開始網路商務
  • Amazon
  • 網路新世界==印鈔機?

Part 10 2000 年 NASDAQ .com 狂潮

  • 金融浩劫
  • Google 從無害且免費的資源搜尋變身成為印鈔機
  • 搖錢樹
  • 人的好奇心變成金礦
  • Google 每天超過20億次搜尋, Youtube 每天10億次瀏覽, Google Earth, Chrome Browser, Chrome OS…全部免費 (Google Data Center 畫面)
  • Google 2009 年淨利 65 億美金
  • Google 並未壟斷搜尋 but 壟斷網路廣告業
  • 訪問 Page & Brim 指導教授
  • Google 搜尋演算法
  • Google 早期相信廣告造成不單純的動機
  • 而學術界需要透明的搜尋引擎–>用搜尋改善廣告
  • 關鍵字廣告 …