Visit NTT InterCommunication Center

NTT InterCommunication Center(ICC)位於東京新宿,新宿交通非常發達,有JR山手線經過,於新宿轉搭京王電鐵於初台站下車,往東口出口移動即可到達東京新國立劇場,而ICC就位於東京新國立劇場四樓。

東京新國立劇場給人的印象還不錯,算是新落成建築,挑高、清爽、現代化,有著進步的象徵。在一個中庭裡,人們正在佈置著聖誕樹以迎接即將來臨的聖誕節,在日本,過聖誕節的氣氛似乎比台灣更深更濃。ICC的入口相當簡潔,大片的落地玻璃,一進門便是一個小小的咖啡廳,給人的感覺相當溫馨與舒服。由於ICC內部禁止攝影,因此沒能留下太多照片是比較遺憾的地方。

一進門便看到的是 ENDO Takumi+TOKUI Nao的“Project Phonethica Installation “Rondo”,由於沒有英文解釋,我不知道這樣解釋對不對。它是在一部觸控式螢幕的周圍上方架起一個圓形木頭軌道,有一個軌道車上面架有AP以及喇叭。當你接觸螢幕上的地球某地,喇叭就會轉到圓形軌道的相對位置,並試圖搜尋該地的網路電台,並且播出。滿有趣的,只是有點殘念,因為上面沒有台灣的電台。

上到五樓便是主要展廳,各種展品周遭都有解說員提供協助與說明,美中不足是解說員英文感覺都不太行,不過也都能夠勉強解釋啦。展場中的作品目前有 Scott Sona SNIBBE的“Boundary Functions”、 FUJIHATA Masaki的“Unreflective Mirror”、 KUWAKUBO Ryota的“loopScape”、 Christa Sommerer & Laurent Mignonneau的“A-Volve”、 Gregory BARSAMIAN的“Juggler”、 NTT Cyber Solutions Laboratories SUZUKI Yuriko+KOBAYASHI Minoru的“Air Jet Interface”等等。

其中我覺得比較有趣的是以下幾件:


圖:連結自ICC
“Boundary Functions”是在地上的一塊大白色板子,當人進入到此板的時候,天花板的攝影機跟電腦會隨著進入板子的人多寡去分割每個獨立個體的區域,人越多切越多,很有意思。


圖:連結自ICC
 “loopScape”則是一個吊高的環狀LED顯示幕,兩個觀眾可以利用周圍的無線手把控制出現在環狀LED螢幕的小飛機進行對打,由於不知道自己飛機在哪,因此兩個觀眾還得繞著LED周圍跑,相當好玩。


圖:連結自ICC 
“Juggler”。是ICC典藏展品,利用視覺暫留的原理,快速不斷打出如同閃電的閃光,而玻璃後的人偶便如同動畫般的動了起來,不過這展品不宜看太久,會暈!


圖:連結自ICC
“Air Jet Interface”是最有趣的作品,透過配戴錯視的紅藍眼鏡,桌面的投影會成為一個立體的方塊,而若是拿桌面實體的透明湯匙按壓那個方塊,則方塊會因壓縮而模擬出扭曲的形狀,桌面上的細孔也會噴出高壓空氣,給予湯匙適當的反作用力,就好像真的在壓某種大型布丁一般,非常好玩。

其實ICC剛好有個特展Connecting Worlds,實在是太晚去ICC了,等到想參觀時ICC都要關門了,這算是比較可惜的地方。整體而言,ICC給我的感覺相當愉快,很棒的展品、親切總是掛滿笑臉的解說員、舒適的接待大廳、簡潔的咖啡廳。拜訪東京一定來來看看ICC。

我在此感謝R提供這篇文章,另外,接著還有R的其他文章。

Related Link:
NTT InterCommunication Center [ICC]
IF- 遨遊寰宇‧東瀛見聞錄 (中) ─ 科技之旅(via ITRI Family)
(觀看全文…)

蕃薯藤執行長蕭景燈談Web 2.0

上週五上午,我們全部門一起去聽了蕃薯藤蕭執行長來我們院裡的演講,讓我對於Web 2.0搞清楚了一些和有些發想。

蕭執行長說了很多,我整理了一些大綱如下:
1、Web2.0不是一種新的技術或是產品,它是把既有技術作創意的運用。
2、Web2.0 is not a thing,it’s a state of mind.
3、Web2.0是新一代運用服務的代稱。
4、Web2.0和1.0的技術面是相同的。
5、這是一種不一樣的資訊流通方式。
6、不一樣的使用者介面以及經驗。
7、使用者參與。

我想,從以上七點可以大概知道Web2.0到底在搞什麼鬼,其中很特別且最重要的一點應該是第七點:使用者參與!Web2.0的很多網站都很著重在使用者貢獻以及分享的特點上,如Flickr、以及各式各樣的Blog等等,但是這些都不是新技術,包括現在看來很紅的Ajax都是,但是他們都是因為具有新穎且創意的使用方法,因此一炮而紅。

Tagging或是peer to peer也都是現在大家習以為常的東西,這東西我覺得相當有意思,他們其實是具有互動性質的東西,是不是可以應用在physical computing上面呢?我記得阿修有貼過一篇文章,裡面所介紹的What’s up網站大概就是利用RSS回傳的機制達到即時顯示的效果。另外Engadget有介紹過一個客製化的小玩偶,可以以USB接上電腦跟MSN並用,當平常玩偶指定的對象離線時,他就軟趴趴倒在地上,那人一上線,玩偶就立刻站起來。我想這種回饋或是反應的例子很多,端看創作者怎用。

演講結尾,蕭執行長建議我們可以在院內作些Web2.0的服務,像是共乘媒合系統之類的,這是什麼東西呢?逢年過節時,總會有同事要開車回家,但是車不一定坐得滿,因此有些同仁就會在公司留言板上詢問是否有願意共乘車回家分擔油錢的人,因此這種媒合系統相當符合需要。

我想,Web2.0是發揮大家創意產生新服務的代稱,2.0還會繼續升級,未來的確是個用腦的時代。

Related Link:
web 2.0…(via nmc.ima
What’s up(via 阿修的部落格

(觀看全文…)

技術研討會互動簡報

首先要跟丹尼爾說一聲!歹勢!又參考您的圖!

工研院資訊中心的技術研討會已經在六月初結束了,這次我們部門的簡報由我製作,我一直想在工作方面試試看我剛剛起步的互動裝置,於是便應用在這次的簡報當中。

其實說穿了,這個範例根本沒什麼,只是利用getpixel()的指令從webcam抓取影像以回饋程式,接著觸發動作而已。很單純的只有上一步跟下一步,原始碼跟之前的文章『Flash & Webcam互動裝置初上手』,差不多,都是利用顏色改變去觸發動作。

這個簡報是利用某一個點,藉著webcam偵測到的是原來的投影機的白色強光,如果講師用手通過那個點,webcam抓到的顏色會不一樣,於是便觸發了下一步,這裡是範例的實際錄影

關於這個簡報,雖然大家都覺得很稀奇(畢竟工研院搞互動設計的人看來還不多,當然我也還不是Professional),但是還是有一些缺點:
1.程式碼還是一樣愚蠢
雖然我曾聽過一個AS講師說管他程式碼好不好,反正會run就好,別人又看不見,是沒錯啦,但是我覺得比較高明的寫法還是有助於我這個程式判斷正確與否。
2.偵測觸發點過於遲鈍
由於我是抓觸發點的一個數值,當數值小於多少時,就產生下一個動作,這有很多問題,我必須在我的電腦寫好程式後,到了使用場地必須重新定位觸發點以及其數值,相當麻煩,而且由於我預設是近似於黑色才有觸發作用,當天使用時,師父先用手去試,都沒作用,後來發現要黑衣服去觸發才會動,真是嚇死我也。
另外,由於觸發點太小,位置也不好抓,其實講師不好運用,造成了有點像『為了互動而互動』的愚蠢境界。
3.只有下一頁功能
這也是愚蠢的要點之一,由於時間太趕,我來不及把程式寫完,或者說花太多時間在克服偵測pixel方面的問題,因此簡報運作機制只有下一頁,相當差勁,我只能另外找地方用按鍵去補強,使其能回到上一頁。

不過能把自己想做的東西,一起發揮在工作上,真的要感謝我老闆跟我師父,在此想向他們道謝,另外還有小乖的幫忙,在此一併致謝!
Related Link:
Interactive video with Flash8(via protozoo
用餐時刻 (2): 裝置架構(via Daniel
*[前po]Flash & Webcam互動裝置初上手
(觀看全文…)

為使用者設想 ~ 從MOD來看

今天師父給我看了一篇文章,這是一個資訊科技專欄作家所寫的評論,文字並不評論有關技術性的問題,只是單純就使用者經驗來討論。

文章大家可以透過連結去看看,我想作者最主要要強調的是MOD(or VOD)不單只是把視訊檔案做完上傳後就算了! 而應該是從拍攝開始到最後呈現給使用者的檔案都精心設計過。畢竟影片一開始拍攝得很差之後,再加上為了串流的壓縮處理,影片品質往往大打折扣。其後,再加上若沒有附上文字整理或是簡報、講義等等說明,其實很難讓使用者方便使用。還有就是切段的問題,一段影片往往過於冗長,有些使用者只是想看某些段落,切段也是必須考慮的地方。

以下是我整理出的製作隨選視訊時應該注意到哪些問題:
1.拍攝時力求影片明暗恰當,主體明確、音質清晰不爆音或過小聲,以便後製。
2.如不侵害著作權,可向主辦單位或主講者要簡報或是說明文宣、講稿等等。
3.影片後製時預先擬定每小段該有多長時間(例如半小時或是以重點主題來切段),後製時小心將多餘部份刪除,但注意不要斷章取義。
4.壓縮時要兼顧影像品質以及網路流量問題,妥善兼顧影像、音訊品質以及檔案大小之間的平衡問題。

文中另外有提到串流視訊或音訊檔案可以配合ppt檔做成同步簡報,其實類似的軟體我們部門就有,它叫做StreamAuther,就是做PowerDVD的訊連科技做的,StreamAuther可以讓設計者編輯時,精確地在影片的時間點與相關PowerPoint投影片做連結,當影片到了某個時間點時,軟體就會秀出該張簡報。

其實不管怎樣,我想在很多方面我們都需要以使用者的考量為出發點去設計,當然也有特殊的例子,不過這扯遠了,由於最近我們的MOD也在製作當中,因此我想我還會遇到更多問題等著去改進。

Related Link:
eLearning心法第95講:視訊隨選還有魅力嗎?(via eLearning 心法
串流大師StreamAuthor

Office Live – 天工開物2006互動裝置展

060420.jpg

真是太慚愧了,這展都看完一週了,還沒把報導跟感想貼上來,對於自己的累積,著實應該好好檢討。 上週三請了半天假,跟丹牛先生(我很想知道為何叫丹牛)一起去智邦藝術館朝聖,看看天工開物的最新展覽。展覽館感覺很不錯,雖然不大,但是也夠用了,很適合在竹科中,放點藝文氣息的展示。

060420-2.jpg

Office Live是以四張排成一列的辦公桌,利用彼此工作上的相互關聯,透過一連串的辦公週邊,引起一連串的互動,並最後回饋到原點,形成一個circle。

060420-3.jpg060420-4.jpg

整個裝置的觸發點是幾條魚(魚經理),魚經理在游泳時透過魚缸底下的電腦鍵盤螢幕打字之後(以攝影機回饋觸發),印表機定時將檔案列出,列出的只透過槓感觸發第二桌。

060420-5.jpg060420-6.jpg

第二桌應該是文案人員,觸發第二桌的電腦之後,第二桌滿桌的廢紙團會像跳舞一樣做出展現,就好像文案人員一直柔廢紙,最後腳邊的垃圾桶滿了,又觸發另一槓桿,以條碼觸發第三桌設計人員。 第三桌創意人員似乎是以預錄好的電腦操作畫面,用相當快的速度播放,好像說著設計人員一天的生活,最後光碟機退出光碟(應該是暗示作品燒好了),以觸發第四桌秘書。

060420-7.jpg

第四桌被觸發後,起初都沒啥反應,後來突然碰的一聲,由上往下打的投影片開始變化,害我跟丹兄都嚇一大跳(靠勒),第四桌的秘書連忙把雜誌收起來,開始工作,把創意人員做好的光碟拿去處理,最後賺了錢便大叫:『經理!便當來了!』,接著就觸發第四桌與第一桌相連的裝置 ~ 一顆鋼珠沿著透明管子開始移動,觸發魚經理的飼料盆,撒出飼料,魚就有得吃了。 這展覽著實讓現在的上班族會心一笑,到底那些高層主管們是怎樣的人呢?會不會只是隻金魚,亂敲出一些字,就讓下面的人作得要死,然後最後金魚亂敲一些字,還有東西吃!這的確是可以讓現代上班族好好思考的一個展覽。 看完之後,看著門口貼著天工開物互動裝置展,丹兄說:『應該叫做裝置藝術展』,的確,其實這個裝置並不需要手動即可自行展示,其實有點不是那麼的互動,也許他的互動在於『與觀看者心靈的互動』,試著把辦公室生態用裝置藝術的方式跟觀賞者起個共鳴,這樣子,在某些程度上,我想應該是互動吧?(但是我還是很好奇,與人有肢體上的互動才算是互動嘛?抑或是心靈也是?這樣似乎每件藝術品都可以與人互動了!XD)

Related Link:
天工開物集團
新竹互動之旅 (下):Office Live(via Daniel)
*[前po]舞蝶迷香徑 翩翩逐晚風
*[Flickr]Office Live

(觀看全文…)

Flash互動裝置初探

五月中整個工研院的資訊中心有技術研討會,這次的爐主竟然是我們部門!?師父和我討論了一下,我們需要一些有關於我們之前成果的呈現,想試試利用互動裝置的方式來呈現。嗯~太棒了,但是有點棘手。 就在我們沒什麼經驗的情形下,求助他人當然是最好的方法,特別是在昨天跟Daniel去看過天工開物Office Live互動裝置展之後,在我的心中,燃起了一把熊熊的火!經過虫虫學姐的引見,真的是很高興認識了乖兄。 和聊了一下,總算知道之前常常看到使用webcame回饋到Flash的機制,是利用getPixel()的指令,藉由像素顏色的改變,或是大小、形狀的變化來產生輸入。小乖另外也提供了一個自己製作的範例,玩玩真的很不賴(要有webcame及Flash Player 8),這樣的範例,就是利用像素顏色的改變作成的,底下還有參考的原網址『Protozoo.com』,這網站真的很不賴,雖然我還沒深究,但是也讓我對於互動領域的東西,了解上前進了一大步,在此衷心感謝小乖! 說實在話,這個範例的code我實在是看得有點吃力,自己在AS的功力尚須加強,希望在各位大大的幫助下,能夠順利跟師父把這裝置完成!

Related Link:
有沒有都無所謂
Protozoo.com – Interactive video with Flash8
台客KTV: a project for the workshop (via Daniel
改良版的吹泡泡遊戲(via 阿修

『插電,兔子窩』

圖:擷取自『插電,兔子窩』

自從年初三去當代藝術館撲了個空之後,我就一致處心積慮想到台北再去看看其他東西。Daniel一直在推薦童遊館 ~ 『插電,兔子窩』,所以就跟奈奈和Daniel一道去參觀了。 童遊館是一個給小朋友想像空間的地方,他用插畫去營造一個童話般的夢幻基地,再輔以互動的裝置去讓小朋友能夠和螢幕上可愛的動物接觸,在台灣,我倒覺得這樣的互動裝置應用在空間與幼教上,特別是幼教的學習環境,應該算是首見吧。 我仔細參觀了互動館跟音樂館,其中互動館算是已經完成了,在互動館前方的舞台上的牆面,裝置了sensor,可以讓小朋友藉著接觸投影燈打在牆面上的動畫,以觸發sensor去讓電腦作下一個動作,並由投影燈直接回饋給小朋友知道。由於插畫動畫精美,sensor也靈敏,算是不錯的互動裝置。另外,音樂館尚由Daniel製作當中,所以沒能看到整個呈現,算滿可惜的。 老闆是Art center mnd畢業的學生,老闆娘從事幼教,這樣的組合,我實在很期待童趣館的呈現,老闆又說,其實童趣館算是一個Show Room,把一些新的互動教具陸續展現出來,我想這點是相當必要的,畢竟如果互動教具不更新,天天來玩的小朋友也會有感到乏味的一天,不斷更新並融合新手法的童趣館,我想老闆hualin實在相當有遠見。 另外,值得一提的是,在童趣館晚上打烊之後,會在落地窗上打上投影的兔子剪影,就好像小朋友回家之後,兔子紛紛跑出來玩了,這實在是相當令我喜愛的地方!給小朋友的心中留下一個奇妙的想像空間。
 
Related Link:
[土包]年初三台北漫遊
『插電,兔子窩』
全國首座互動童遊館!(via Daniel)

本篇文章照片來自『插電,兔子窩』