Adobe RIA 大師聚會 – 雜記

In flex   October 2, 2008 - 1:07 am

今天放下手邊本來就趕不完的一堆專案跑去遠企參加了 Adobe 近年來少見的 RIA 大型說明會,主要原因是這次很有誠意的請來了 air/flex 界兩大天王 Mike Chambers 與 Ryan Stewart 連袂來台演出,如果我的記憶沒錯,這應該是 flex 問市以來除了 Max 2006 外最盛大的一場了吧 :D

下面是目前我還記得的一些心得、內幕與八卦速記,錯了絕對不負責,日後沒實現也絕不關我的事 XD

*flash player on iphone – yes, it’s very true.

如果你像我一樣每天早上起來會先看 techmeme, techcrunch, slashdot 的話(呃,其實還有其它幾十個 news feed,反正 google reader 很好很強大就儘量訂了),那你應該也耳聞了昨天在英國舉行的 FTOB 大會上,Adobe 宣佈了 flash player for iphone 已經完成,目前只待 Apple 點頭就可以放進去。

這件事當然是本日行程中的最重點,一進到會場看到 Mike 與 Ryan 兩位苦主已端坐檯前當然老實不客氣直接衝上去先拷問一番,問答如下:

1. 所以,這是真的嗎?flash player 真的要上 iphone 了?(呃,還是反過來?誰是受詞呢?)

Ryan 點點頭,然後準備說 but, 這時 Mike 在旁邊搭話:we’ve been talking about this for three months now, don’t know why it’s news now…

2. 那這是用什麼版本的 flash player 改寫的?

Ryan 答說是 based on flash player 9, with full actionscript 3 support。(聽完這句淚水差點奪眶而出想跳上去抱住 Ryan,可惜中間有桌子阻隔就算了饒他一命 Max 2008 美國見時再補給他,但不論如何回家後可以先把 xcode, interface builder 反安裝,programming for cocoa 也可以直接扔出窗外了)

3. 但 Jobs 不是說有 speed issue 嗎?怎麼突然間沒這問題了?

Ryan 回說,呃,speed is still an issue, so far we only have it ran in simulator, and we are working with apple now.

所以看來在模擬器裏跑是沒問題了,但能不能真的上到 iphone 則是另回事(實際上,這裏面要考量的恐怕不只是 technical issue, 還有 political issue 啊)

4. 那現行的 flash lite 該何去何從呢?(言下之意是它反正功能不強、跑的又慢且不支援 as3,那留這玩意要幹麻?)

沒想到 Ryan 答的更直接,it’s date is numbered.(活不長啦),主要原因是 Adobe 希望自此之後所有的 flash player 都儘量用同一個 code base,而當下最合理的選擇當然是 fp9/as3 的 code base 比較王道啊,所以,flash lite 請一路走好就不送了 XD

5. 呃,還有那個 android,你們有聽過吧?

Ryan 答說在 Open Screen 的大架構下,所有 mobile devices 都是支援的對象,包含 android (跟不怎麼夢幻的 Dream),但這些事大概要等 air 1.5 推出後才會進行。

前後不過十分鐘,所有我想知道的事都有答案了,接下來當然是轉身拿了包包就走…呃…是走回座位乖乖坐下等開講。

*thermo

今天展示的眾多玩意中,thermo 是當然的新焦點,這可是 Adobe 企圖大一統 designer/developer workflow 的處女作。

下面是一些心得

-基本上 thermo 是 based on eclipse,但擁有很 CS3 的 UI,所以用起來,呃,陌生中帶著點熟悉,就像多年前的初….ok, 回正題。

-也由於是 eclipse 為底,因此所有看的到的介面元素,全都是用 Java + SWT 刻出來的,而據不可靠消息來源透露,將來還會有跟 CS4 一樣的 UI widget (這代表著,有個苦主要想辦法用 SWT 照著 CS4 的介面刻一個出來,想必是歡樂無限啊)

-thermo 能夠整合 design 與 code 的關鍵因素,就在於它能用描述式語言,來處理圖型的部份,包含點陣與向量,這個格式就是 FXG (然後拜托不要再問為何不是 svg 了,有些事就像天要下雨娘要改嫁是由不得選的,詳情請看這裏)

-籍由 FXG,photoshop/illustrator/fireworks/flash 產生的圖檔,可以直接在 thermo 中開啟,也可以輕易的轉換成 skin elements,並加上 animation 與 effect,我知道這些事用文字寫起來可能沒什麼感覺,但讓我這樣講吧,如果考量進 Thermo, FXG 與背後其它 Flex 4, flash player 10 等一連串的改變,光是想到要完成這些事的規畫與執行,還有它所牽涉到的規模,我就可以說這件事真是它x的酷弊了,更何況它還真的 works

-根據 Ryan 的說法,Thermo 出現的主要目地是為了讓『設計師』在整個 RIA 專案進行扮演更主導的角色,希望讓設計師可以用熟悉的方式來掌控程式中的視覺部份(包含視覺設計、動畫、效果等)。

這句話乍聽之下挺有道理,但深思之後卻會想反問:讓『設計師』擔任更主導的角色,真的有比較好嗎?設計師們做好這層準備了嗎?或著,我們是在期盼設計師擔負他/她們一輩子也沒想過該承擔的角色與任務?

這個問題可以從幾個層面來思考與回答,但我希望這篇文章能控制在三千字內,所以下略五千字。

總之就是設計師要加油啦,設計包含的層面很廣,如果到現在還不會拼 user experience 與 usability 這兩個字,那就代表準備還不夠囉。

*技術方面

接著是一些關於技術方面的速記,很 rough,因為 90% 我幾個月前就聽過了,這段時間基本上是在喝冷掉的咖啡跟想偷吃桌上的蛋塔…

-今天主要講的內容包含 Thermo, FXG, Gumbo, Flash Player 10, 一點點 CS4 與 air 1.5

光看這個 listing 就覺得很刺激吧?想想看工程師要會這麼多卻只能領三萬出頭還被 A 七億,為啥還沒鬧革命啊 XD

-flash player 10 裏面全新的 text engine 是由 InDesign 的工程師親手打造,基本上這就代表著 Adobe 過去幾十年的造字工藝一夕間全注入了 flash player。

但,也由於功力太深厚,player 底層的 text api 其實很難懂也很不好用,預估這個世界上大概只有 5% 的人會需要親自跟它打交道,其它的善良百姓則可以選擇今年稍後要放出的文字元件 – vellum(呃,其實它已經又改名了,過陣子就會揭露)。

基本上 vellum 是一個包裝的很善良的 text api,提供了一系列像是 left to right 之類的選項,這個元件將來會搭在 Flash CS4 裏(還有一個可愛的面板) 跟 Flex 4,想嚐鮮的人現在就可以去 labs.adobe.com 下載 gumbo 的 sdk,裏面有附完整 source code(hint: 趁還有的時後,快抓)。

-vector 是新出現的 typed array, 搭配 drawPath(), drawTriangles() 威力非常強大,不過這些都是半年前的舊聞了,如果現在還不知道,代表,呃,總之現在知道了。

—– 分隔線 —–

好,以上正事報告完畢,接下來是八卦的部份。

*geeks love mac

首先,Mike 與 Ryan 分別帶了自已的 mac book pro 來,再次驗証了 geeks love mac 的事實(不,用偽麥客的不算 – 對,大能貓,就是在講你)

IMAG0504.jpg

(左邊是 Mike 的 15″ mbp,最右邊開幕致辭中的是 Adobe HK 的 marketing director)

IMAG0509.jpg

(右邊是 Ryan 的 15″ mbp, Adobe 該不會一次買了三千台給工程師吧?)

而且,他們的 mac 上還貼了滿滿的 stickers。

IMAG0508.jpg

我最想要的是這張 Picture 1.png (thermo的 logo),它的特別之處在於,Ryan 將它中間挖空,然後貼在 apple 那個會發光的蘋果位置,因此夜晚一開機,陣陣的鬼火就忽隱忽現,實在是非常有 fu 啊,程式寫不好,用 logo 嚇嚇人也挺不賴。

另外,這兩位不約而同也都是 iphone 的愛好著,而且老美不來包膜包套這些玩意,拿出來就是往桌上一扔。

總之,由此我們可以得出一個鐵的結論: geek = mbp + iphone (大誤~)

*mike’s white hair

另一件困擾我很久的事,就是 Mike 頭上左邊儿的那撮空隙,原本想說都是兩個孩子的爸了,應該不會這麼前衛還故意削個角吧?結果今天同乘電梯時詸底終於揭曉,噹噹,那個空隙,是撮染白的頭髮啊~只是因為白人皮膚顏色淡所以遠看還以為少了撮頭髮哩~

Picture 2.png

(頭髮還在,只是染白了一小撮)

*eboy’s t-shirt and other gifts

今天另一個意外的收穫就是拿到由 eboy 設計的 pixel-style air t-shirt,而且,參加晚場的朋友們還可以多拿一件綠色小號女生版,帶回家果然反應良好不虛此行啊…:P

Picture 3.png

其它拿到的東西包含幾張 air sticker,跟一本實體印刷版的 actionscript reference,有紙本如廁時卡好用啦~

*adobe office

也由於參加了晚上七點的 user group 聚會,因此有機會去 Adobe Taiwan 位於19樓的新辦公室逛逛,果然是寬敞明亮,美崙美煥啊(看來這下子要多賣幾套 CS4 才能跟上面交待了…XD)

正式開始前 Adobe 貼心的提供了豐盛的食物,包含當前最火的知名品牌 pizza,看著 Mike 與 Ryan 開心的吃著,不禁開始想,呃,真正是能吃就是福啊…不過後來出現的中式餐點也很無敵非常美味就是了,加上喝不完的飲料基本上是無可挑愓了。

吃飽喝足想說沒事去上個廁所順便四處晃晃,只要是沒上鎖且門開著的,就大方給它走進去瞧瞧,結果赫然發現有間 phone room 裏面擺的是一張要價近四萬的 Aaron chair,看來福利挺不錯吶,可惜主要的辦公室門關著,不知道裏面是不是也一人一張如此高檔享受啊…

Aaron-Chair.jpg

(上面的圖是 google 隨便找來的同款椅子,不是現場拍的)

*總結

總之今日行程收獲頗豐,當面確認了幾件消息並且把來龍去脈摸個清楚,大樂。

同時,因為整個活動進行的方式很輕鬆休閒,因此有機會抓著兩人問些比較深入的技術問題,這可是飛去美國也不見得有的待遇(因為大家都有一狗票問題想抓著他們問啊)。

另外今天也見著了一票熟面孔,大抵就是北台灣有在接觸 flex/air/ria 的一掛人(所以圈子真正是小到一個新極限了啊),像是 atom, 邦邦, ticore, willy 跟減掉神奇30kg 的 Ben ,我真的不知道玩 wii fit 可得如此神效啊…

當然也很感謝 Adobe Taiwan 費心辦這樣一場活動,安排場地、食宿、行程、報名等想必是累壞了,但做的非常不錯,如果以後能 每。個。月。辦。一。場。就。更。好。了。啊 (逃~)

最後同場加映 Picture 4.png XD

comments(21) | 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

SquirrelFish vs. Tamarin

In flex   August 12, 2008 - 9:09 pm

今天看到一篇有趣的文章,介紹了 webkit 的新 javascript engine – SquirrelFish,從文章中看來是用了最新的 VM 技術,所以跑起來神奇的快,甚至比 Tamarin 還快,非常有趣吶。

文章中指出,目前 squirrelFish 還沒完全最佳化,而且 benchmark 時計入了編譯時間( Tamarin 的數據則不含編譯,因為一定要事先將 javascript 編譯成 actionscript bytecode),即使在這種條件下,squirrelFish 還是比 tamarin 快了 1.8 倍。

這件事對我們有什麼影響呢?嗯,別忘了,air 裏面用的就是 webkit…now go figure :D

comments(6) | 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

Next Posts Previous Posts

mobile phone