多媒體演示創新系列(24) – 《Marvel隊長》90年代風網站勾起那些年上網之回憶

iGardener老師一向不算是 MarvelW 迷,個人對 DC漫畫W 的英雄更有感覺,一向以為,MarvelW 不少的電影都是把時間線設在未來,不過最近在香港上映的 Captain MarvelW《Marvel隊長》是把故事設在1990年代。

1. Marvel 電影時間軸 (MCU Timeline):

  • Captain America: The First Avenger
  • Captain Marvel
  • Iron Man
  • The Incredible Hulk
  • Iron Man II
  • Thor
  • The Avengers I
  • Iron Man III
  • Thor The Dark World
  • Captain America: The Winter Soldier
  • Guardians of the Galaxy
  • Avengers: Age of Ultron
  • Ant-Man
  • Captain America: Civil War
  • Black Panther
  • Spiderman – Homecoming
  • Dr. Strange
  • Thor Ragnarok
  • Avengers: Infinity War
  • Avengers: Infinity War Il (or whatever it will be called)

莫說同學,相信年青的ICT老師也未必經歷過90年代的互聯網科技是怎樣。

2. Captain Marvel 網站90年代經典風格逐個數

很欣賞 Marvel 的心思,製作了一個90年代經典風格的 Captain Marvel 網站,入面都有不少電影資料和小玩意,有興趣可以玩下。

https://www.marvel.com/captainmarvel/

有興趣的,可以按此處去相關網站,MarvelW 的設計師聲稱這網站是用經典的FrontPageW 製作,我感覺非常符合 HTML 語法,真的信不信由你。

與其說這網站是FrontPageW 製作,iGardener老師反覺得是很 Geocities,當中充滿了90年代我們喜歡的東西,例如:

  • 動畫 GIFW
  • Comics Sans
  • 文字藝術師 (Word Art)
  • 點擊計數器 (hit counter)
  • 小遊戲
  • 彈出窗口 (pop-up windows)
  • 破碎的圖像

這網站對電影的時間設置來說,是一個非常有力及有趣的點子,至少吸引到我留意這電影嘛;

而對於我們這些在互聯網早期長大的老師(你認唔認都好啦)來說,這網站的簡直是一個漂亮的經典回歸,網頁設計讓你感覺到,

你真的老了!

3. iGardener 老師那些年,初上網回顧

3.1 硬件 – U.S. Robotics 28.8 kbps 內置 MODEM

90年代的某年暑假,iGardener 老師花了 HKD2,300 ,在高登買了一塊 U.S. Robotics 28.8 kbps 內置 MODEM,

3.2 ISP – HKNet 撥號上網服務

免PNET 費,謝謝當年在 HKNet 服務的 莫乃光W Charles Mok ,以相宜的上網月費讓不少老師踏上互聯網的大道。

3.3 ISP – HKCampus 免費老師撥號上網服務

ISP – HKCampus 免費老師撥號上網服務,謝謝當年香港中文大學的 黃寶財W 教授的統籌,該計劃讓全港學校踏上互聯網的大道,更提供全校師生電郵及網頁寄存服務,令第一代 iGarden 網站提供寄存的地方。

3.4 網頁編寫 – Microsoft FrontPage

當年未有 blogW 的概念,iGardener 是使用 Microsoft FrontPage 網頁編寫軟件,一步一腳印, 一頁一HTML檔, 逐頁寫成第一代的 iGarden 網站

最後,為曾經撥號連線互聯網的朋友,送上溫暖的聲音。

https://soundcloud.com/windytan-1/dial-up-modem-noises

電腦輸入設備演變教學系列 (Computer Input Devices Evolution) (17) – [50週年]「滑鼠之父」與 「演示之母」,影響個人電腦科技比 Steve Jobs 更深遠

平時的星期天,iGardener老師一般會輕鬆一點,

閑寫一篇又懶又爛 gag 的小品,美其名集合稱為 ICT教學開懷篇

今天我捱夜也要額外要多寫一篇,因為 2018年12月9日是值得記念 Douglas Engelbart 的一天。

1. 誰是 Douglas Engelbart?

Douglas Carl EngelbartW (1925 – 2013) 是美國工程師及發明家,

一般電腦科教科書最認識 Engelbart 的,是他發明了滑鼠,在 60 年代初,在參加一個會議時,隨手掏出了筆記簿,畫了一種在底部使用兩個互相垂直的輪子滾動,用來追蹤動作的設備草圖,這便是滑鼠的概念圖。

1964 年,Engelbart 改善這種設備的構思,並動手製作出了原型,這是世界上第一支滑鼠。

2. 滑鼠之父而已?

很多 ICT師生只認識 Douglas Engelbart 是發明滑鼠的工程師,

等如認識畫家 梵高W Vincent van GoghW 只有一幅驚世鉅作 The Starry NightW  一樣膚淺,

滑鼠只是 Engelbart 發明的其中一件工具,目的是體現「人機互動」的先驅構思,他開發了:

  • 超文本系統 hypertext
  • 網絡電腦 network computers
  • 圖形用戶界面 Graphical User Interface (GUI)

他在個人電腦革命中角色實在顯赫,他的研究革新了人機介面,

對後世科技界包括 Steve Jobs 影響深遠。

3. 五十年前的今天發生甚麼大事?

五十年前的今天,即1968年12月9日,在2000多名目瞪口呆的電腦工程師面前,

Engelbart 坐在舞台上的電腦桌前,桌上只有電腦顯示器、鍵盤、滑鼠與 keyset 終端機,電腦則遠在五十公里外的史丹佛研究中心。

顯示器亮了起來,舞台上的大銀幕同步秀出畫面,上面分割出左右兩個視窗,左側是一份空白文件,右側則是遠方同事的即時影像。

Engelbart 輕聲細語的指、點擊、拖曳、墜,介紹超媒體、超連結、跨文件編輯、協作軟件、短信、實時視頻會議,

以及首次面世的 mouse,這些都是我們覺得理所當然的圖形用戶界面(GUI)基本要素,竟然在第一台個人電腦面世前15年已經一一示範。

Engelbart 繼而仔細講解整個系統架構,包括硬件、軟件與網路,

以及未來建構 ARPANET(Internet 前身)的計劃,

全場 2000 觀眾早已為之 「O 嘴」,演示結束後,會場爆出如雷掌聲,久久不息。

 

這個 90分鐘的演示比2007 年Steve Jobs 的 iPhone 發佈會更為震憾,

因為 Engelbart 展示了現代個人計算的幾乎所有基本要素,

後世科技學者稱此次 Engelbart 的驚世演講為 「演示之母」(The Mother of All Demos)。

 

4. The Mother of All Demos 各影片版本

足本 Full version (1小時40分):

 

分段版本 (第1節):

分段版本 (第2節):

分段版本 (第3節):

互動版本:

http://www.dougengelbart.org/content/view/374/464/

精選 playlist 版本:

5. 對互聯網有何影響?

Engelbart 的 NLS 是由國防部高級研究計劃局(ARPA)開發的分散式互聯電腦網絡的第一個主機,

1969年10月29日,Engelbart 的實驗室就是透過 ARPANET傳送第一個訊息的接收端,

這正正是催生互聯網的前身。

6. 對 Steve Jobs、Apple 個人電腦有何影響?

1970年,新成立的 Xerox PARCW(Palo Alto研究中心)招募了大約十幾名 Engelbart 的 SRI 成員,

這些成員受到 Engelbart啟發開發了 Xerox AltoW – 第一台配備 GUI 和滑鼠的個人電腦。

1979年12月,Alto 被來參觀的 Steve Jobs 和其他 Apple 工程師看到,啟發他們為蘋果電腦 Apple LISAWMacintoshW 加入GUI,WYSIWYGW 和滑鼠元素。

繼而,Macintosh 隨後啟發了 Bill GatesW 開發 WindowsW 操作系統。

如今每個操作系統都充滿了 Engelbart 的人機互動概念。

 

總結 – 另一位電腦界的無名英雄

現代電腦人常以「滑鼠之父」稱呼 Engelbart,但他的影響與貢獻豈僅止於滑鼠?無知不能體現代科技的脈絡。

正如蘋果電腦的共同創辦人 Steve WozniakW 對他的稱頌:

「我們現在在電腦上所有的一切都可以追溯到他的構想。對我而言,他就是個神。」

Doug Engelbart 絕對是電腦世界中的無名英雄,雖然他於2013年7月2日去世,

但他的啟迪仍然存在於我們的每一個點擊聲中。

多媒體演示創新系列(23) – 使您的課堂更多姿多采的185段影片

最近在facebook看到這幅黑白相片,年齡測試又來了……

記得小學時全校只有兩部流動「教育電視W車」,見到校役叔叔推「教育電視W車」入課室時,好比在街上見到富x雪糕車般興奮,因為那時沒有多媒體W教學,亦不是個個學生家裡有彩色電視W,看教育電視W是一件大事 (Watching ETV is something)。

時至今日,這是一個影片W (video) 為主導的年代,在課室使用影片W已証實(見圖)有其益處,無論是教學上或其他方面:

在外國有位老師 Paul Bogush 分享了他的影片庫,這些影片都曾經為他的課堂帶來不少姿采,他更將影片分了類,針對課堂的不同需要:

  1. 啟發思考的影片 Videos that make us think
  2. 激勵人心的影片 Videos that inspire us
  3. 目瞪口呆的影片 Videos that amaze us
  4. 引發問題的影片 Videos that make us ask questions
  5. 開懷大笑的影片 Videos that get us to laugh together

雖然影片大部份是英語,相信學生仍可明白大部份內容的。

1. 啟發思考的影片 Videos that make us think:

Mankind is no Island 
Kiwi  
Meditation 

Brown Eyes/Blue Eyes 
Did you Know?
Piano Stairs 
Dove Evolution 
Kaplan U Desks 
Do Schools Kill Creativity? 
Just One Girl 
Micheal Jordon-Failure
The Deepest Garbage Can
The Years are Short 
Stuck on an Elevator
The Money Tree
Dear 16 Year Old me
Staring Contest
Power of Words
Be a Follower
Water
Instant Face Maker
Girl and the Fox
Butterfly Circus  (特別推薦…)
I Can’t Read… 
Knock Knock
Dear 16 Year Old Me 
Why I Hate School but Love Education 
Touchscreen 
I will not let an exam determine my fate

2. 激勵人心的影片 Videos that inspire us:

I Love Living Life 
Try to Do 
Be the Change You Want to See in the World 
Together We Can Change the World 
Blind Painter 
Free Hugs Sour
Dustin carter
Pep Talk from Kid President to You
Caines Arcade
K id Speech
Think Different
Everyone needs to wear sunscreen
I Hope You See This
Human Shadows
Huck
Cascada

3. 目瞪口呆的影片 Videos that amaze us:

LED Sheep Herding Time Warp 
Paul the Opera Singer
Breaking Wine Glass 
Boyanka Angelova 
One in Million Chance 
Human Shadow Puppets 
Giant Water Slide 
OK Go 
Dominoes in the Kitchen 
Greatest Car Advertisement Ever 
Test Your Awareness 1 
Test Your Awareness 2 
Test Your Awareness 3 
Test Your Awareness 4 
Bruce Lee Table Tennis
Golf Ball Reaches Terminal Velocity `
Optical Illusion Dance
Tractor Trailer Mishap 
Largest Glacier Calving Ever
Grinding the Crack
Biggest Surf Wave Ever
Dubstep Beatboxer
Parkour
Ball Camera
Stop Motion
Top Secret Drum Corp
Drumbone 
One Man Band
VW Factory
Hearing for the First Time
Coke and Mentos Car
Time Warp Balloon 
Breaking a wineglass 
Inspired Bicycles
Cougar
Free Style Football
Wolf’s Law
60 Seconds in a Skate Park
Chalk Art 
Mind Blowing Dance 
Painting Reality
Animation on a Bike
Evolution of Music
Sand Art
Google Street View Hyperlapse
View from ISS at night
Dream Music
Moon Walk
Quik
Tony vs Paul 
Stop Motion
On Top of the Hood 
I believe I can Fly 
Experience Human Flight 
Experience Scootering 
I Believe I Can Fly 2
Gulp
Live Augmented Reality

4. 引發問題的影片 Videos that make us ask questions:

Steven Levitt: Why do crack dealers still live with their moms? 
Spin
Gever Tulley: 5 dangerous things you should let your kids do 
Built to Last 
What teachers make 
Lost Generation 
Don’t Eat the Marshmallow Yet 
Vision of Students Today 
Vision of K-12 Students Today 
The Kid No One Wanted
Power of Simple Words
Behind the scenes at McDonalds Photo Shoot 
Surprising Truth About What Motivates Us
Transformation
Why you need to fail
The Majestic Plastic bag 
Take My Ball and Go Home
Pretty

5. 開懷大笑的影片 Videos that get us to laugh together:

Cat Herding Octapodi 
Life after Death by Powerpoint 

Food Fight 

The Invisible Rope 
Thou Shalt Laugh 
Trouble in Paradise 
Ron Lucas and Big Dummy 
Electric face Stimulus 
Basset Hound Beat Box 
Martians Meet a Clock 
Everything is Amazing and Nobodys Happy
Mr. Bean-Pool 
Bill Cosby-Dentists 
Five Minute University 
Barking Fish 
Football vs Baseball 
Charlie the Unicorn 
Chainsaw 
Rabbit
We’re Sinking Sneak Thief 
Why you should think before you text Pigeon Impossible
Entr Kazoo Man
Introducing the Book
Stupid Terrorist
Slinky on Treadmill 
Dramatic Surprise 1 
Dramatic Surprise 2
Evian Babies
Bulldog Snorting
Ojai Taxidermy 
Lighthouse vs Ship
Gotta Share the Musical
Bagman
Invisible Drumkit
Flying Fish
Marcel the Shell with shoes on
Worst Ice Skater
Funny Animals
Frozen Grand Central
Spy vs Guy
Kiss Cam 
Safer in Groups
Inflated Animals
Baby and Me
Duck Heart
Mouth Open 
Marcel with Shoes on Two
Fluffy McCloud
Ormie 
Cumulus and Nimbus
Give it a ponder 1 Give it a ponder 2 
Give it a ponder 3 
Give it a ponder 4 Dogboarding
Parallel Parking
Bless You

希望我們華人同工們,也可以一起建立中文或設中文字幕的教學影片庫吧!

來源:http://blogush.edublogs.org/2013/05/25/186-videos-that-will-make-you-go-huh-whoa-wow-ahhh-and-ha-ha/

TED教育啟迪系列(6) – 解構精彩「TED 演講」的黃金比例

同學們,有否夢想過有一天你會站在TED大會W的台上,發表演講?如果有,恭喜你!因為我知道你是dream big的年青人。

你們知道嗎?在世界各地有不少領袖視TEDW演講為人生一大成就,被邀請到TEDW發表演說,即代表示你已經成為某個範疇的專家,而且到了把你的獨特的想法告訴全世界的時刻!

年青人,dream big 是需要行動和準備的,現在iGardener老師給你做一份功課,就是研究一下歷年來最受歡迎的十幾場TED演說,其實暗藏著一條方程式……

就是江湖(其實是Wired)所說的「TED經典演講的黃金比例」!

♦1% 簡潔精美的視覺設計
TED的D(Design,設計)大概是說最精采的演說,都有演示軟件的輔助。記著好的視覺效果帶你步向成功;那不好的呢?「衰過無」。

♦5% 首60秒開場笑話
還記得iGardener早前的文章《多媒體演示創新系列(21) – 開始一個吸引人的演講之5個好點嗎?成也60,敗也60!那麼記得那個1990年代到非洲賣鞋子銷售員嗎?這正是指揮家Benjamin Zander 在TED的開場白,也讓他的演說,成為受眾心目中的TED演講經典。

♦5% 輕鬆地讓臨場觀眾給反應
別準備過頭,放鬆一點,你絕對有能力抓住眼前觀眾的心!

♦5% 準備好你有120%把握的內容
記著,人們長途跋涉來聽你的演說,是想聽見對他們問題的「答案」,就給他們想要的!

♦12% 明快的節奏
你可以自創一個金句,然後時不停地重複數遍(洗腦?)。

♦23% 別將自己神話化
讓受眾知道,你也有失敗的時候。

♦49% 打破甚至顛覆傳統的見解
Wired說「TED是讓傳統智慧終結的地方」,只有顛覆觀眾既有印象的內容,才能讓他們眼睛一亮!

[ted id=286 lang=zh-tw]

早日參透了這黃金比例吧!讓你成為下一個TED史上的經典講者!

來源: http://wired.tw/2013/05/23/tedtalk/index.html

多媒體演示創新系列(22) – [定格動畫示範] 子非書,焉知書之樂?

將死物賦予生命(擬人法W?),是歷世文學W漫畫W其中一個最受歡迎的題材。

由學生時喜歡看的印刷版 Calvin and Hobbes ……

 

電腦動畫W版的 Toy StoryW :

靜如書本,配合定格動畫W,也可以讓讀者感受到書本的快樂。

The Joy of Books (書本的喜悅):

Organizing the Bookcase (執書櫃):