Interactive with Youtube

一般人對於影片的認識,大多都停留在線性的播放,從早期的膠捲到現在的 DVD ,在 DVD 裡面的互動,是利用像 CD Title 的軟體來製作,概念如下

但是在影片播放中,就無法有其他的互動。

在 2009 年,有些廠商已利用 Mpeg-4 的格式,製作出一些互動影片的應用,例如

envivio 例用了 Mpeg-4 的物件模式,開發出了線上影片觀看及購買機制,也作出類似串流教材的互動方式。但就技術及成品,可能不是一般學校及中小企業可以負擔的。

在去年底(剛好是31-Dec-2009,還真的有夠底的) iThome Online 報導了 Google 取得「以數位影片為基礎的新一代互動遊戲web-based系統」（WEB-BASED SYSTEM FOR GENERATION OF INTERACTIVE GAMES BASED ON DIGITAL VIDEOS）的專利。

 

我記得在兩年前在 Youtube 上有看過類似的實驗,例用我們小時候的遊戲「紙上尋寶」的概念,將各種不同的結局展開,而每個使用者最終會得到不同的結果。

看過這張圖的朋友…那..您有一點年紀了 :p

我們會將上圖捲成一個小紙捲,讓朋友一起玩。

而 Youtube ,結合了 Flash Video 的優勢,可以在影片上加入超鏈結,所作出來的成品,就可以作出基本的互動,最近很有名的「宅男最後的120小時」是個很完整的結構展示。

這個作品,以一個宅男當作第一人稱,在聖誕節時的一個互動的經歷。

重點在下圖的 A,B 兩個選項

點了之後,就會另跳不同的影片結果。

第二部很經典的是「Interactive card trick 」

這支影片,是例用花色來擾亂觀者的一種魔術手法,在觀看過程中,可以讓使用者選牌。

因為已被原作者停用嵌入的語法,所以各位可以點選圖片連到 Youtube 觀看。

昨天,在 today and tomorrow 看到一個應用的最得體的, 「Play the Piano on YouTube」

黑鍵與白鍵的交替..可以用 Youtube 鋼琴哦

有了這個互動方式, Social Media Learning 會變得更有趣。

科技的演進,確實會帶來不同的應用,但是應用到最佳地方,那才是對科技的尊重。

雙手不只萬能,還可以

WOW!!!! MANOS (excelente!!!)

View more presentations from kutzunyo.

Street View Plus

在 2007 年的一個熱門的影片”Google Street View的介紹中文版”

Goolge 公佈了 Google Maps Street View 這個偉大的計畫,在那個時候,大部份的人都在想,可能只有在美國才會作,但是到了現在, Google Maps Street View 的範圍已經遍佈三大洋五大洲(好古老的形容詞)

(擷取日期：22,Mar,2009)

哈…看起來我言過其實,不過,我相信總有一天藍色的部份會遍佈全球的

在 Google Maps 上除了 Street View 之外,還有相片、維基百科等,但我今天還是要來說明 Street View。

有使用過的人,第一眼應該會為他的擬真感到佩服,但是在找到自己喜歡的地方逛了幾下之後,總是會昏頭轉向,這時就有人發揮了 Mashup 的功力,建立了 Dual Maps 的觀看模式,Street View & Bird's Eye View

(我還是喜歡用舊金山的金門大橋作例子,很喜歡舊金山)

這三個象現就很一目瞭然了,左上方的是實景,左下方是電子地圖,右方是俯視圖。在不移動的狀況,可能會覺得三個內容很多餘,但是只要一移動,就會知道這三個內容的同步,會有助於在使用 Street View 不會找不到方向。

美國時代廣場附近……看起來好像台北街頭

有了 Dual Maps 的加持,對於 Street View 的應用就更人性化了。

The JAG_Studio線上模擬攝影棚

開發數位教材的過程中,我們常常在思考教材呈現的種類,就「攝影」這門學問,大家覺得可以怎麼呈現? 講述式? 案例說明? 對比? 就以攝影作品來說,要拍好一個作品必需具備技術、構圖、美感。尤其有些場合沒有時間讓你慢慢思考,美的一瞬間真的如同曇花一現。

回到教材開發的話題,技術、構圖、美感的課題現在要來開發,可以大量搜集優良的作品

Eye Caching Photos

View more presentations from dreikback.

,加上輔助的說明,開發類似的內容並不會太難。

但是就”美的一瞬間”這個與時間比賽的即興攝影,可能就會覺得,這個應該就用實體的方式來上課,嗯,看起來好像是,至少看到這裡是。

The JAG_Studio,是一個突破虛擬環境的限制所製作出來的大作。在這裡你可以學到

• 與時間賽跑的取景靈感
• 補捉 Model 眼神最性感的一刻
• 人像拍攝的重點
• Model 雜誌的製作
• 最重要的一點,想拍幾次就拍幾次

因為運用了很視覺化媒體,所以一開始看到黑畫面,別以為你當機了。(請耐心的等待,這是個非常值得你等待的好站)

 

在這裡,有兩位 Model 讓你選擇,一是 Will ,一是 Marian,兩位都是身高超180,九頭身的專業 Model。

 

在選好 Model 後,就會出現操作說明,若是使用 MAC 環境的,可以參考右邊的鍵盤操作,在有限的時間內,你可以按下七十次快門。然後,請先深呼吸,因為接下來就要跟時間賽跑了,按下 start !!!

 

按下 start 之後,所有事情就像真實的情境一樣,沒有等一下,沒有重來,就是抓住時間一直拍
滑鼠變成了取景範圍,拍好的內容,可以直接在下方看到,不過,應該沒時間去看,但要注意所剩快門數及時間

拍攝過程中,還會換不同的場景, Model 也不斷的會更換姿勢

 

拍完後,你所照的照片會全部被列出來,接下來,就是來選照片,然後排版,若不夠,或是想作成男女一起的,可以按下”shoot more images”

 

在排版的過程,也可以檢視一下自己取景的好與壞,也要對每個角度、姿勢作描述,這是走攝影之路必經的過程

 

最後,你就擁有一本自己的攝影作品囉,與你的朋友分享吧

 

這個網站就技術上不難想,但就構思上花了非常大的功夫設計,以影片媒體加上觸發式的擷取,到最後的出版,這一氣呵成的流暢性,絕對是個值得一看的好網站。

Google Maps Mashup 應用

Mashup 的應用我自稱為 Web 2.0 的再進化,運用現有的內容開發額外的應用程式,今天在癮科技看到的”癮科學：原爆點”看到了這個有趣的例子。

這個實驗室,結合 Google Maps 的地圖,說明各種武器所造成的爆炸傷害,非常的驚人。癮科技的內容也將各種不同的武器影片集結在”癮科學：原爆點”,建議各位可以去看看。另外,想試試各種武器的功力,就請試試下面的  Ground Zero

2009年數位學習趨勢

文章出處: 12 eLearning Predictions for 2009 , Author：Tony Karrer

#1 - "Self-Directed Learning" Increases(內需式學習的演化)

在全球經濟風暴的壟罩下，企業主對於訓練的經費大為縮減。而員工在這風暴下也警覺，公司很有可能會再裁員，為求自保，員工從以往以被動式由企業要求受訓的情況，改為以自省的角度觀看自我，如何增加自己在公司的重要性而不被列為下一波裁員的名單。

#2 - eLearning 2.0 Grows - But Creating "eLearning 2.0 Strategy" Fails(數位學習 2.0 持續成長，但出現了許多對內(企業)建置的錯誤機制)

Web 2.0 對於內需式學習是一個非常經濟的環境，學習者可以依自己的需求在網路上找到各式各樣學習的模式。因為如此，eLearning 2.0 也是持續的在成長。近年來，我們也發現越來越多人在演講的時候，會引用 Wiki 維基百科的內容。另外，使用社群討論或是非正式學習的方式也逐漸在增加。
但是在同時，許多企業也希望建立內部的一個 eLernaing 2.0 的學習環境機制，不過建置的速度遠比使用者直接使用外部的還要慢得多，最主要的原因在於使用者介面上出了問題。一個越強、功能越多的環境，往往帶來更多使用上的不便利。

#3 - Increase in Consumer/Education Social Learning Solutions will Increase Pressure for Social Learning Solutions in Corporate Learning(外部非正學習的學習模式將改變內部學習模式)

2008 年有許多非正式學習型態的產生，提供了社會人士(也包含學生)另類的學習管道。(其實在學生時代 BBS 就已經是一個非常好的非正式學習平台了)以台灣最有名的就是 Yahoo知識+、國外的有 Answers.com 、HowStuffWorks、Cramster、CampusBug, Grockit, TutorVista, EduFire, English Cafe 這些服務仍不斷持續的在成長。
當一個企業的中堅幹部在帶領新進同仁或剛畢業的學生，往往在許多專業的領域的回答上，這些幹部會遭受到同仁在外部學習上的一些衝擊。而內部學習的模式也慢慢隨之改變。正所謂「使用者領導學習模式，而學習模式領導著企業學習的發展」。

#4 - Quick Wins & Toolkits(快速獲利訓練模式)

在經濟壓力的影響下，每個人都想快速獲利。

試問：你如何以最低的成本來快速增加自己(員工)的價值？

目前，大多數的組織都直接運用許多職場/經濟方法論(或是SOP)來取代一般傳統的訓練。在想要快速獲利之下，與其花多餘的溝通成本，倒不如直接給員工軍事化指令及更多的樣版，這是經過經濟風暴下所衍生的訓練方式。當然也有些企業會直接採用現成的外購教材。

#5 - Virtual Classroom Tipping Point(線上同步指導成熟)

雖然有些訓練還是需要以面對面的方式教導會比較有成效，但是在 2009 年線上同步學習(指導)的趨勢將因應技術的成熟以及成本的降低而普及。

#6 - Greater Domination by Leading Tool Vendors - Captivate, Articulate, Lectora, Camtasia(快速製作工具、技術已成熟)

Rapid eLearning Authoring Tools 發展至今已同時兼顧製作的簡易性及專業領域的發展。Captivate 以模擬為發展的強項，Articulate 在講述式內容勝出，Lectora 在整合教學媒體上彈性最好，Camtasia 則在螢幕錄製上表現最出色。雖然現在相關的工具都有免費的工具，但就企業上的採用上可能還是以最佳效能上為選擇的著眼點。

#7 - Niche Tools Emerge and Get Traction in Niches(快速製作工具發展的利基)

乎應上一點(快速製作工具、技術已成熟)，這些軟體的發展將會隨著使用者的需求演化的更強大，因為是隨著使用者的反應而演化，未來的產品將同時兼顧 user friendly 及功能。現在比較成熟的產品如下：

1. LearningWare
2. Flash Quiz Tools
3. Articulate's Community Interactions

#8 - More Wiki Pages - Same Authored Minutes - Less Classroom Minutes( 維基編輯環境於教學上的應用)

在維基編輯的特有環境下，老師在準備教材的時間雖然跟之前沒什麼兩樣，但是在同樣課程的運用，是會減少重覆準備的時間。而在課程進行中慢慢的也會以線上準備的”教具”來當作上課的素材。

#9 - Knowledge Worker Skills(知識工作者的撰寫技巧)

隨著 Web 2.0 的發展，帶動非正式學習環境的型成，許多的使用者是藉由網際網路取得知識或資訊。所以線上撰寫文字的能力慢慢被重視。在線上的環境不如實體，有問題或看不懂時可以直接的反應，所以，身為一名線上知識的工作者(提供者)內容撰寫的完整是非常重要的。作者 Tony Karrer 就提供了 Work Literacy Skills Workshop 的服務。

#10 - Mobile Learning Niche Growth(行動學習利基成長)

在 iPhone 強力切入行動市場， Eeepc 帶給行動上更便利的體積，加上各國皆花重金在無線通訊技術及硬體上的發展 (例：3.5G) ，整個大環境的成熟，將為行動學習帶來以下的機會：

1. 線上即時投票： Poll Everywhere 允許使用者利用手機來投票，這樣能讓使用者參與實際活動的同時，也可以進行線上的投票活動。
2. 即時工作上的協助：數位內容未來將會有約 30% 會被問到是否能在 iPhone 中播放。即時工作上的協助以復興航空在2005年執行行動學習為實際案例。
3. 行動媒體播放：使用者可以利用手機來播放影音多媒體。

#11 - Micro Virtual Conferences(小型虛擬會議)

在線上同步學習慢慢被接受，運用線上同步環境來開會也逐漸被企業體採用。今年許多實體的研討會也會結合線上同步環境來進行，以吸收那些因為旅途上的問題而無法來參與的使用者。但是就技術需求及使用者的習慣，能習慣線上同步會議的使用者畢竟是少之又少，加上實體的研討會通常時間都比較長。所以在實際運用上，會將實體的研討會設計成許多小時段，以方便線上同步的參與。

#12 - Data Driven(以數據為學習驅動力)

就企業推動學習風氣或是帶動上，有的會結合平衡計分卡或是獎懲的結合來推動。企業也慢慢的結合同仁工作表現上的數據來當作學習的驅動力。

Learning Technologies 2009

Exhibition overview
The Learning Technologies exhibition, now in its tenth year, is Europe’sleading showcase of organisational learning and the technology used to support learning at work, and will take place on January 28-29th 2009 at Olympia 2, London.
Download 2009 Conference brochure

Learning Technologies 2009 可說是今年第一場大型的數位學習研討會,1月28,29兩天,約有120個廠場參加,各自展現自己心目中數位學習的模樣

 

在這次研討會中， 3D learning 技術，依然是被討論的主題之一，我對第一天下午的第一場很有興趣

這個主題的內容如下：

Jane Hart 這次也有一場

 

回到 3D 學習的範圍，在這次的研討會中，參展的廠商 3D 表現比較突出的，就算是 Caspian Learning 了

Caspian Learning 運用 3D 技術製作教育、訓練相關的內容，比較特別的地方，Caspian Learning 的內容會以成人學習比較多，Caspian 現在擁有 50 個以上高互動性的教材，主要的開發技術是以 Adobe Shockwave 為主，這點讓我很驚訝，因為 Shockwave 的媒體內容比較適合開發成 CAI 光碟式的，因為檔案比較大的關係，不適合運用在 Internet 上面，不過，就 Sockwave 3D 的模組確實很不錯。

Caspian 還有一個特別的環境，就是 Thinking Worlds™ ，這是搭配 Caspian 教材的平台，因為 Caspian 的內容是有結合 SCORM 的規範，所以有個搭配的平台來支持 SCORM 的開發，會是一個比較好專心開發內容的策略。

Caspian Learning 線上 Demo 的課程還滿多的,有興趣，可以挑選看看。

3D 的技術運用得很好，只不過在看到課程前需要花點時間下載。

Jackson Pollock 生日快樂

今天一開 Google ,一看”咦,怎麼原本還是牛年快樂的圖示,變成了好像是 Jackson 畫風的圖”,(右邊為滑鼠移上去之後,跳出的延伸訊息)

原來今天是 Jackson Pollock 的生日。所以首先呢,我們先認識一下他：

 

杰克逊·波洛克

维基百科，自由的百科全书

杰克逊·波洛克（Jackson Pollock，1912年1月28日~1956年8月11日）是一位有影响力的美国艺术家以及抽象表现主义（abstract expressionism）运动的主要力量。又译做杰克森·波拉克。

他生于怀俄明州的Cody，后来于1929年移居纽约，在托马斯·哈特·本顿（Thomas Hart Benton）门下学习。他从象征艺术上转移，并发展了一个在帆布上喷涂和滴颜料的绘画技术。在发展出他特有的技术前，因为过于专注于创作却没有突破，作品销售不佳，加上个性怪辟、神经质的性格而无法靠兼差谋生，而一度必须靠家弟及后来成为其妻的女友Lee Krasner接济度日。

1938年到1942年间，他为联邦艺术工程工作；1950年代到1960年代，他通过“文化自由议会”（Congress for Cultural Freedom）受到中央情报局的支持。

波洛克在1956年8月11日晚上因为行车超速，发生交通事故而丧生，使其大器晚成的创作生涯也因而告一段落。( from zh.wikipedia.org )

會認識他的人,絕大多數都是唸過藝術相關科系的人會知道,而我咧…也是

之前在舊金山藝術學院修 3D Master 時,有一週的作業就是”畫出Jackson Pollock的自由創作”,后….那時就在想”3D 跟這個有什麼關係”,不過,還好不是使用任何 3D 軟體來作畫,而是可以使用廣告顏料來創作,好家在。

那時在看到 Jackson 的作品時,心裡想著”應該很簡單吧…”,不過,真的畫下去,還真的不好畫。就他作畫的技巧,他自稱為”Drip”,使用油漆顏料黏稠流動的特性來創作,而細節呢…就很難描述了,藝術這東西是很難描述的

“
My painting does not come from the easel. I prefer to tack the unstretched canvas to the hard wall or the floor. I need the resistance of a hard surface. On the floor I am more at ease. I feel nearer, more part of the painting, since this way I can walk around it, work from the four sides and literally be in the painting.
”

“
I continue to get further away from the usual painter's tools such as easel, palette, brushes, etc. I prefer sticks, trowels, knives and dripping fluid paint or a heavy impasto with sand, broken glass or other foreign matter added.
”

“
When I am in my painting, I'm not aware of what I'm doing. It is only after a sort of 'get acquainted' period that I see what I have been about. I have no fear of making changes, destroying the image, etc., because the painting has a life of its own. I try to let it come through. It is only when I lose contact with the painting that the result is a mess. Otherwise there is pure harmony, an easy give and take, and the painting comes out well.

Pollock's One: Number 31, 1950 occupies an entire wall by itself at the Museum of Modern Art, New York City

Number 31, 1950 by Jackson Pollock

在美國有不少的美術館有收藏他的畫作,現在看起來,還是有一種說不出的感動(因為,老是畫不出來)

接下來,請看…

酷吧,但這不是我當年的作品,而是我早上的作品,看得出來是什麼嗎?就是…自己猜

拜現代科技所賜,要作出 Jackson 風格的畫,不用再準備瓶瓶罐罐的油漆了,只要到 http://www.jacksonpollock.org/ 的網站,就可以動動你的滑鼠來作畫了,試試看吧。

最後,祝 jackson Pollock 生日快樂

Adobe Captivate 4 – The future of elearning is here!

前一陣子,在 Adobe 的官方網站看到 Captivate 4 的消息,今天終算等到了
在全世界一片無薪假或是”薪餉四成”的環境下, Adobe 還是很努力的為數位學習工具注入了一股新勢力。看到他的 Title “ The furure of eleanring is here! “口氣真的不小,以下是 Preran Kurnool 在 Adobe Blog 發表的內容

Bring out the bugles, trumpets, trombones, the drums, and the congas! Adobe Captivate 4 is here, and how! The latest avatar of Captivate 4, the grandest yet, comes with a set of useful features that you been asking for, and more! With this version, Adobe Captivate breaks free, and comes into its own. It is now a complete elearning tool by itself, relying minimally on third-party software for support.

Apart from these new features themselves, we are sure you will enjoy the improved performance, and enhancements to some of your favorite features. And did I mention the improved help system with much much better content?

 

1.課程外觀改變

當然,我還是想親眼看一下 Captivate 4 的新風貌,如果使用過 Captivate 的人就知道,雖然以它的能力,既能製作類似像簡報講述式的課程,也可製作軟體的模擬操作,但是,大部份的人都還是以後者(模擬操作)為使用 Captivate 的依據,其中的原因一是有其他的工具可以作講述,最重要的原因是,在 Captivate 3 之前,所作的講述課程都沒有樹狀圖,看起來有時會不方便。 Captivate 4 最大的改變,可以從他的外觀看起。

從這裡來看,左方出現了一般講述式課程的樹狀結構,閱讀起來就比較方便,各位可以看這門課程,可能是受到 Articulate 2009 Earthquake 課程的挑戰下,這個 Demo 課程也使用了大量的影片及動畫媒體。

2.使用者能在教材內留下自己的心得或筆記

這個設計,有點像是 Web 2.0 概念中”資訊的提供者”一樣,我想應該可以利用課程進行時的一些想法,讓使用者留下紀錄,結合至課程討論區,那就太正點了。

3.支援 Adobe Photoshop Layer

這個消息也是令人大呼一聲”爽呆了”, Captivate 4.0 支援 Photoshop 的 .PSD格式,就像是 Premiere or After Effect 對於視覺效果的控制,能更得心應手。

4.客製化的 Widgets

看到 Widgets ,對於常使用 Blog 外掛的人,應該很容易瞭解,現在網路上能找到的 Widget 實在多到不行,而 Captivate 4 能支援 Widgets 能讓教材製作時,有種 Live 或是”課程會呼吸”的感覺。(註:課程會呼吸….指的就是這課程的內容,會跟著時事,或是 widget 服務改變時,跟著改變,讓教材好像是活的一樣)

5.大量的課程呈現樣版

Adobe 為了讓 Captivate 更為普遍,作了這個決定應該是對的
大部份的使用者,在看別人製作教材時,都很輕易的能指出方那裡要改,要怎麼搭配,但往往自己作的時候,腦袋中就一片空白,有課程基本的樣版,我想大家一定都很熟,但是真的要下去作的時候,若有個參考內容,也是不錯的。

就整體而言, Captivate 4 新增了許多有用的功能,能讓教材在開發時,更有彈性,不過,更高的彈性,是不是離 Rapid Elearning 的地方遠了點呢?光看 PSD 和 Widgets ,一般使用者就有可能不熟悉,還是使用者的基本功力要提昇呢?看時間來證明吧。

以上所有功能,可以參考 Adobe Captivate 4 官方說明,有興趣的人,也可以看一下 Captivate 的族譜比較。

Earthquake Preparedness

在使用過市面上各種 Rapid E-Learning Tool 之後,教材的開發雖然變得比較容易,但是,總是覺得用類似的工具開發出來的東西總是一個樣。不過,在看過Articulate原廠所提供的Demo之後,各位可能會耳目一新。

Articulate 自從同名產品 Articulate 成名之後,陸續推出了許多相關的協力工具,更在去年10月推出了Articulate Studio 2009 ,另外,我覺得 Articulate 也是眾多快速製作工具廠商中最會推銷自己產品的公司。在推出Articulate Studio 2009之後,找到了一間美國製作數位教材的公司 e-Mersion

這間公司運用了 Articulate 的產品組合,加上自有的創意及 Flash / Flash Video技術,作出了Earthquake Preparedness 這個數位教材。這門教材媒體組合如下：

• Flash 動畫原件 (.SWF and .FLV)
• Articulate Presenter 2009
• Articulate Engage 2009
• Articulate Quizmaker 2009

 Earthquake Preparedness Demo

整個內容像是電視台播報地震的內容,從發生地震開始→地震時要怎麼作→地震後的處理,都一一的說明。主要的結構還是以情境的方式表達,同時也運用了許多的實際圖片,這樣可以提高教材的真實性,也不需花費太多Art的重製的時間。

Earthquuake Glossary 在右上方的Earthquake Glossary ,運用了 Articulate Engage 作為課程關鍵字的呈現,滿令人耳目一新的

Articulate Engage Content

課程進行中也運用了 Articulate Engage 的模版,加上影片的方式呈現,是利用三個步驟強化使用者最準確及重點的提醒

Earthquake Simulateion

地震時的模擬,現在只要一講到”模擬”,很多人就會聯想到另一個字”成本”,其實,模擬的內容不一定需要高成本,運用”好萊塢”等及的製作效果,才算是模擬,從這個內容看來,這樣的模擬方式花了很多”心思”在內容的設計,而並非媒體。

總結來說這門教材發揮了創意,就媒體的製作並不太過於花俏,重點也為了 Articulate 的產品打了個大廣告,不過呢…就 Rapid 的精神而言,這不是一般企業能作出來的內容,應該是內容廠商要達到差異化的基本條件。

最後, eMersion 還很貼心的提供這門教材製作的說明文件,請參考The Making of the Earthquake Demo。