General > 裏所有文章列表

air 也能玩 multi-touch ?

In General   January 13, 2009 - 1:55 pm

Picture 1.png

上面這段影片是 Ryan Stewart 在 Adobe Max 義大利會場內拍回來的 demo 影片,主要是法國一家叫 Intuiface 的小公司用 air 做了個 multi-touch 的產品,而被大家驚為天人。(點上圖可看影片,brightcove 的 player 真威…)

這個 demo 有趣的地方在於:眾所週知的,air 並沒有 native support for multi-touch, 因此他們是怎麼做到的?

在影片的最後有回答這個問題,基本上一切都是自已來,從硬體(想必是塊多點觸控的面板),軟體(包含多點觸控 library & sdk) 與表現層(在這個例子裏是用 air client)。

看完影片後好奇去了該公司網站多瞄了兩眼,下面是他們的技術細節:

The IntuiFace platform comprises:

1. A large multitouch screen through which one or more users can interact simultaneously with their fingers, integrated into a variable-sized and custom-design furniture along with strong processing power, and many networking capabilities. Two levels of design and performance are currently offered (IntuiFace 1G and 2G).

2. A software middleware – the Multitouch Gesture Recognition Engine – that translates the multiple and simultaneous users’ touches into interaction gestures meaningful to the application. The Multitouch Gesture Recognition Engine also has the ability to connect with any existing application (such as GoogleEarth) by emulating the mouse and the keyboard.

3. A set of software components which provides a rich set of predefined capabilities for
building truly multitouch, highly interactive and communicating applications using the Adobe’s AIR, Microsoft’s Windows Presentation Foundation or IntuiLab’s IntuiKit frameworks.

Examples of such components are: a virtual keyboard and touchpad, picture and video handling, office document manipulation, 2D/3D map and terrain navigation, etc. These components are highly customizable, in particular their graphical skins that can be tuned using products such as Adobe Illustrator or Microsoft Expression.

所以果然是三層式架構,只是其中所有苦力都要自已來,尤其是那個關鍵的多點觸控辨識器,但一旦這一層解決,下面的 air 表現層就容易了,大抵是乖乖接收各種事件然後做出反應,當然,多點觸控的操作模式下整體的介面設計、使用者經驗又是大不同,或許想成是一個 42″ 的超大 iphone 躺在前面,而且有 4-core cpu 外加超強 multi-tasking,這樣就很接近了 XD

另外目前硬體有兩種,如下圖(好奇的是,台灣眾多代工廠何時能量產這玩意?還是已經有了?價格如何?):

Picture 2.png

影片最後他也提到這套系統不是只能在 windows 上跑,將來也可以在 netbook 與手機上執行,因此,理論上,像 iphone, palm pre 這樣的多點觸控介面日後一般人也可以自已來,我覺得台灣一票 netbook 廠商既然現在已經想再朝 tablet 方向發展一次,不如就直接整合多點觸控,然後好好搭配軟、硬體弄出一套方便的 solution,不論是要看電子書、上網、簡報等,應該可以玩出不同的格局,不然 netbook 這波的趨勢看來很快又要搞成價格戰,最後不但沒人獲利,還打到自家 laptop 銷量,得不償失呀…

btw, 最後我也跑去看了一下 microsoft surface,但目前似乎也沒什麼動靜,到底還有沒有在發展啊?

附帶一提,這篇文章是在 wordpress 2.7 裏編輯的,新版介面真正是越改越難用,很不容易的成就吶 -_-b

comments(3) | by admin

新玩具 – 10吋 1kg 之超迷你 mac laptop…

In General   September 24, 2008 - 11:16 pm

想像一下,如果有台筆記型電腦,大小只有 10″, 重量 1kg,電池一顆可用 6 小時,跑的是 mac os x 10.5 leopard, 而且價錢只要兩萬有找,你會想要嗎?

我會。

所以不知怎的桌上就突然出現下面這個新玩具。

IMAG0468.jpg
使用 mac 10年來從沒敢肖想過的 ultra mini macbook 啊(嗯,對,那張貼紙是買 mbp 時送的)~

IMAG0469.jpg
手機照的不太清楚,但上面是寫 1.6ghz, 2gb ram….XD

IMAG0470.jpg

裝好第一件事當然就是試試吃飯的傢伙能不能跑,結論是:跑的可快的很吶…

好吧,其實這是台灣徵星(MSI) 生產的 sub-notebook – u100,基本上跟 EeePC 是同一掛產品,但基於某些神奇的因素,它特別的 mac-friendly,友善到只要把光碟放進去,不用一小時,就會出現上面的畫面。

就我個人記憶所及,在 Apple 過去的產品線中,唯一比較接近這個 size 的東西只有短命的 Newton pda,其它 laptop 系列的產品,包含去年問市的 macbook air,不論在體積、重量與價格上,都跟這玩意沒的比。

至於為何會需要這樣一台 mini macbook ? 原因很簡單,why NOT ?

想想看有多少次在往旅館、機場、會場移動時,會希望能將背上的 macbook pro 拆成兩片擇一攜之?對 mac 的重度使用者來說,這件事本來是 all or nothing 的選擇,要嘛就認了背上三公斤的大包包練鐵人,要嘛就心一橫不帶電腦(然後肯定馬上會後悔,例如就正好遇上重要的客戶要臨時 demo…)。

像這樣一個 10″ / 1kg / 6hrs 又能跑 mac 而且速度還挺快的超小型電腦,真的只能說是美夢成真此生足矣夫復何求啊~

用到目前為止的感覺

1、鍵盤大小接近 full size, 間距約為 18mm,打起字來手感接近一般 keyboard;當然力回饋跟手指觸感就不用太要求,跟 mbp 比當然是被巴好玩的。

2、touch pad 比較不優,一來面積太小,二來垂直捲動不甚靈敏,當然更別肖想 two-finger scrolling,不過這點可以用外接 mighty mouse 解決(而且還能橫向捲動)

3、雖然 cpu 只是 Intel Atom 1.6ghz, 但一般常用程式跑起來都非常順( safari, firefox 就不用說了,我連 flex builder / eclipse 這種大怪物都能用,明天還想試試剛出來的 CS4 看看用 photoshop 修圖會發生什麼事…)

4、用 vlc 聽 mp3, 看 mov, avi, rmvb, mkv 等一票影片皆很順,而且可以外接到大螢幕或電視上,所以也很適合放客廳當電影機(專看 emule/bt 台?XD)

5、目前已知的缺點是 WLAN 卡與 mic/headphone jack 沒辦法使用,前者可以更換相容的 pci-e 卡解決,後者則是買個幾百元的 usb 音效卡即可。

6、安裝好後如果處理得宜,可以透過 darwin boot loader 做到 xp/mac 雙重開機,enjoys the best of two worlds ! (ok, the other one ain’t as good I have to admit)

簡單來說,這次真的被微星的表現嚇到,感覺很像是一個 3A 的投手有天突然連續三振18 個打者,或是有新手騎著單速買菜車就不落地直上武嶺一般,雖然不可思議,至它真的做到了,一家以往被認為是 laptop 中非主流等級的廠家,居然成功的在 sub-notebook 的市場打了支全壘打。(在真正下手前,當然有認真比較過 EeePC, Acer, HP, 工人舍等各種能取得的同類型產品,但套句老話,各有不同的爛法所以一一淘汰)

當然我可能永遠無法確認這種高度相容性是碰巧或是刻意的結果,但就實用層面來看,這個產品真正有擊中一塊十幾年來都未曾被滿足的蜜點啊,或許 Apple 該仔細考慮在 ipod/iphone 之外,也回頭來收割一下既存的市場…

side note 1:
特別感謝北京的大能貓同學在背後下指導棋,讓一切進展順利,咻咻咻就處理好了 XD

side note….
最近經常被問到為何很久沒更新文章,請放心,只是單純的非常忙錄,手邊有些東西要在年底前完成,等十二月後就會恢復正常了。

comments(12) | by admin

Zend framework 將支援 amf

In General, flex   August 1, 2008 - 9:40 am

Zend_Amf Component Proposal

雖然我已經很久沒寫 php 了(在可見的將來機會也日漸減小),但這真是很殺的 news 啊。

Zend framework 將有 native module 直接支援 AMF (both 0 and 3),因此將來再也不用裝 amfphp 或 weborb for php 之類的外掛。

有趣的是 Adobe 以官方的身份參與了這個計畫,同時這個 module 的主持人 Wade Arnold 目前也是 amfphp 的主導者,也難怪很久沒看到他對 amfphp 有什麼貢獻(原來時間都花在這上面了,畢竟能玩 native module 時誰想寫外掛呢?),現在只期盼他能同時做一個 native-c version直接掛在 php 上,這樣 de/serialization 的速度會無敵快,用起來爽度可能會更高一點。

相關報導 1

相關報導 2

sidenote: 看來 zend framework 是目前 php 界的當紅炸子雞啊,這下有了 adobe 加持 amf 模組,可能會更 flash/flex friendly 一點,所以接下來是 zend framework 與 RoR 大車拼了嗎?XD

好啦,其實我的重點是,通常對 flex app 而言,後台只是支援的角色,MVC 裏大概只有 m 這塊放在 server 上,所以不論一個 web framework 有提供什麼 controller, ajax, view template 大概都沒啥用,最後就是乖乖接 request 然後返還資料就好,當然如果能有某種程度的 db abstraction 也是不錯的,但這部份就要小心挑了。

1 comment | by admin

Adobe Lightroom v2 & Apple Aperture v2.1.1 updated

In General, flex   July 31, 2008 - 2:18 pm

今天要用 aperture 時才發現原來已經偷偷發佈了更新,隨手查了一下發現原來 Lightroom 也推出 2.0 了,就把兩個都升級了一下,目前看來都只是功能方面的增加,UI 部份沒有太令人驚豔的進展。

*Adobe Lightroom v2

新功能列表

Picture 3.png

lightroom 的功能仍然是分為下列幾個大項

Picture 2.png

但值得觀察的是它的整體介面配置與 CS4 非常不一樣,簡單來說,這是一個 ready-for-web 的 layout。

*Apple Aperture v2.1.1

100個新功能列表

Picture 1.png

Aperture 比較令人好奇的就是下面這個 UI control

Picture 4.png

這個東西看起來是 Panel 的變型,其實說難也不太難,但做起來要弄的好(有效率、可彈性config)也不是件容易的事,有興趣的人可以在 flex 裏試試,而我完全無法想像在 cocoa 裏要做這件事是多麼大的功夫啊…
整體來說,aperture 是走很傳統的 desktop app 路線,整個的介面與操作模式都依循同樣的 mindset,但它 UI 的精緻度與對細節的關注實在是高到一個不可思議的境界,如果再考量 cocoa/objective-c programming 本身的複雜度,要做出一支這麼美的程式實在是值得鼓勵。
*後話

撇開 app 本身不談,如果光比較兩個產品的『新功能列表』網頁,仍然可以看出一些有趣的事(鏈結前面有寫,可以分別打開來看一下)。

看完有感覺到什麼不同嗎?哪個產品會讓你覺得比較吸引人?

從『把話講清楚』這個簡單的原則來看,aperture 的頁面可說是大獲全勝,它有著一種隱而不顯的大氣風格,一種把故事說的好聽的 magic。

而相對之下,lightroom 的版本,就很像是一般商業軟體的行銷頁面,用條列的方式把新功能冷冰冰的寫出來,並且沒有提供每一個項目更深入的資訊(progressive disclosure),白白喪失了提供更多購買誘因的機會。(lightroom 另外有一個 features 頁面,可以自行比較看看優劣)

我們來看個例子,例如在 aperture 的 new features 頁面裏看到 Advanced RAW processing 新功能,好奇或有需要的讀者會希望能多知道一些細節,這時就可按下 “using RAW Fine Tuning” 看到更多的資訊

Picture 5.png

按下後會跳到滿滿一整頁關於 RAW 操作的介紹,不但圖文並茂,而且還有一堆 video 教學。

zzzz.png

這樣一個頁面,不但可吸引還未購買的人,經由深入瞭解產品的細節以供評估是否符合自身所需,進而誘發購買的動機,對已擁有這個產品的人來說,也是一個學習的資訊來源,而對做網站的人來說,同一份內容可滿足多種不同的對象與需求(no need for re-purposing),更是何樂而不為啊!

我相信這後面有著很精準的規畫與設計,也是傑出 information architecture 的極緻表現,再加上一流的視覺設計,最終才能呈現出如此美好的 user experience。

更深入來看,從這些小細節也可以看出 Apple 背後的公司文化與相應而生的特色+風格,他們或許產品不太多(相較於 Adobe 數十種產品線),但每一樣都著力甚深,而在整體呈現手法上,似乎就是那麼略勝一籌,它並沒有要特意顯的 hip or cool,但特殊的質感不經意就流露出來,或許也可以把這個視為 reality distortion field 的 extended version 吧?:)

當然另一方面來看,或許 lightroom 並不是 Adobe 現下最重視的消費性明星產品(那個位置可能是由 photoshop, flash, acrobat 等獨佔),因此分到的寵愛眼光自然少了許多,這也是完全可以理解的。

1 comment | by admin

Randy Pausch, 1961-2008

In General   July 27, 2008 - 11:31 am

Randy Pausch 於 July 25, 2008 因胰臟癌併發症過世,享年 47 歲。

news-graphics-2007-_652838a.jpg

Randy 網站

最後演講中文翻譯 (by 朱學恆)

Last lecture English transcription (中文翻譯大約有 80% 精準度,但如果想看原汁原味,英文版比較好)

Be prepared. Luck is truly where preparation meets opportunity.

Add comment | by admin

Next Posts Previous Posts

mobile phone