Build Now,Scale Later:Getting Real

原文:FaceBook CookBook (Chapter 4.3)
Build Now,Scale Later:Getting Real
馬上作,晚點擴展: 回到現實世界吧

問題
聽說過好多傳聞,關於開發者因為一開始沒有考慮到規模擴張的問題
等到有了25萬用戶時手忙腳亂的嘗試擴張應用程式
我想要一開始就建立好正確的規模
有沒有聰明一點的方法

解決:
想像一下Ilike 當初在Bay Area,開著租來的車
(http://www.ilike.com/ 一個音樂社群網站 最近被Myspace收購)
四處籌錢買了150台Server 完成安裝到他們的data center,只花了48小時
正當匆忙準備這些server時,他們已經有6百萬用戶

這個故事的告訴我們,
只要你肯丟錢買server
你永遠可以之後在擴展你的規模.

如果一開始,為了那小貓兩三隻的用戶
你就要建構一個完整load balance,n-tier架構,
你必須再多花半年時間
而此時你的對手早已經完成品上線了

再看看另一個故事,
Twitter CEO Evan Williams
在成立Twitter之前,跟他的夥伴成立了Pyra Labs
建立了Blogger平台然後賣給了Google

Evan Williamsc.後來成立一家新公司Odeo
一個員工叫Jack Dorsey貢獻了一個在腦中盤旋了6個月的點子
在2006年10月,他們把Jack作的ProtoType公布
叫作"Twttr" (不是Twitter喔)

到了2008年5月它們改名Twitter
Twitter有1百70幾萬用戶每天送出3百萬post
然後 他們遇到了規模擴張的問題

在一次訪談中Evan Williamsc.提到
他們的問題不在於金錢,或使用Ruby on Rails,或是Server,
而是整個架構的問題

當它們建立Twitter平台時
根本沒想到會變得大受歡迎,超過Jack作的ProtoType所能負荷
所以也沒有考慮擴張性的問題
他提到,通常擴張性不值得去考慮
因為一般產品永遠達不到那個規模

然而看看Facebook上的App
過去一年前10名App的用戶幾乎都是在一夕之間一飛衝天
似乎證明
如果你是開發一個超棒的app
就算一開始就建構最棒最完整的架構也並非不切實際的

結論是,你應該把目標放在中度規模
介於比工程師的prototype大
比擔心每天3百萬訊息量小
(介於Twttr,與Twitter之間)

Twttr=============你============== Twitter

Build Now,Scale Later:Getting Real

原文:FaceBook CookBook (Chapter 4.3)
Build Now,Scale Later:Getting Real
馬上作,晚點擴展: 回到現實世界吧

問題
聽說過好多傳聞,關於開發者因為一開始沒有考慮到規模擴張的問題
等到有了25萬用戶時手忙腳亂的嘗試擴張應用程式
我想要一開始就建立好正確的規模
有沒有聰明一點的方法

解決:
想像一下Ilike 當初在Bay Area,開著租來的車
(http://www.ilike.com/ 一個音樂社群網站 最近被Myspace收購)
四處籌錢買了150台Server 完成安裝到他們的data center,只花了48小時
正當匆忙準備這些server時,他們已經有6百萬用戶

這個故事的告訴我們,
只要你肯丟錢買server
你永遠可以之後在擴展你的規模.

如果一開始,為了那小貓兩三隻的用戶
你就要建構一個完整load balance,n-tier架構,
你必須再多花半年時間
而此時你的對手早已經完成品上線了

再看看另一個故事,
Twitter CEO Evan Williams
在成立Twitter之前,跟他的夥伴成立了Pyra Labs
建立了Blogger平台然後賣給了Google

Evan Williamsc.後來成立一家新公司Odeo
一個員工叫Jack Dorsey貢獻了一個在腦中盤旋了6個月的點子
在2006年10月,他們把Jack作的ProtoType公布
叫作"Twttr" (不是Twitter喔)

到了2008年5月它們改名Twitter
Twitter有1百70幾萬用戶每天送出3百萬post
然後 他們遇到了規模擴張的問題

在一次訪談中Evan Williamsc.提到
他們的問題不在於金錢,或使用Ruby on Rails,或是Server,
而是整個架構的問題

當它們建立Twitter平台時
根本沒想到會變得大受歡迎,超過Jack作的ProtoType所能負荷
所以也沒有考慮擴張性的問題
他提到,通常擴張性不值得去考慮
因為一般產品永遠達不到那個規模

然而看看Facebook上的App
過去一年前10名App的用戶幾乎都是在一夕之間一飛衝天
似乎證明
如果你是開發一個超棒的app
就算一開始就建構最棒最完整的架構也並非不切實際的

結論是,你應該把目標放在中度規模
介於比工程師的prototype大
比擔心每天3百萬訊息量小
(介於Twttr,與Twitter之間)

Twttr=============你============== Twitter

Facebook的規範

Stream story的標題與文字不可預先填好
必須由使用者自行填入:
以下都是不被允許的
1.混合使用者資料與app的預設文字:例如Melissa 喜歡本app
2.用CheckBox提供預設文字讓使用者選擇
3.預先填入可編輯的app的預設文字
4.用Dropdown選單提供預設文字讓使用者選擇

不可利用Stream story作為邀請朋友加入的手段
例如: Melissa 邀請你參加

不可大量發出Stream


不可使用「呼喚行動」行銷手法（Call to Action）
例如:
1.你能挑戰成功嗎
2.快來看看更多Mellisa的創作

不可使用特殊文字破壞Facebook原有的排版
例如:@@@@@@@@@ Happy APP @@@@@@@@@@

更多內容請看
http://wiki.developers.facebook.com/index.php/Policy_Examples_and_Explanations

但是似乎常常看到不符合規定的情形
僅供參考

Google Analytics for Native iPhone Applications

http://labs.blitzagency.com/?p=624

Designing with Psychology in Mind

View more documents from Joshua Porter.

介紹 Iphone App 的網站

http://dailyappshow.com/

http://iphone4.tw/

ps:網頁縮圖是用這個作的 http://webthumb.bluga.net/home

SyntaxHighlighter 測試

測試

  public function Example(  ) {
            _video = new Video(160, 120);
            _playbackTime = new TextField(  );
            _playbackTime.autoSize = TextFieldAutoSize.LEFT;
            _playbackTime.y = 120;
            _playbackTime.text = "test";
            _duration = 0;
            var connection:NetConnection = new NetConnection(  );
            connection.connect(null);
            _stream = new NetStream(connection);
            _stream.play("video.flv");
            var client:Object = new Object(  );
            client.onMetaData = onMetaData;
            _stream.client = client;
            _video.attachNetStream(_stream);
            addChild(_video);
            addChild(_playbackTime);
            addEventListener(Event.ENTER_FRAME, onEnterFrame);
        }

Adobe Applications_for_iPhone

http://labs.adobe.com/wiki/index.php/Applications_for_iPhone
http://www.adobe.com/devnet/logged_in/abansod_iphone.html
http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/
----------


Can applications dynamically load SWFs at runtime?

Yes, although any ActionScript in the SWF will be ignored (as there is no virtual machine to interpret the code).
Which native iPhone APIs and functionality are supported when using Flash tooling?

The following native device APIs and functionality are supported:

* MultiTouch
* Screen Orientation
* Saving images to Photo Library
* Accelerometer
* Geo-location
* Cut / Copy / Paste

Can applications take advantage of hardware acceleration?

Yes. In some cases, the rendering of Flash content will be hardware accelerated.

We will publish more information on this when we release the public beta.
Can I play H.264 Video from Flash content on the iPhone?

Yes. You can play H.264 video from Flash content by launching the content in the native iPhone video player. You cannot play back H.264 content directly within the application.
Can I use the Flex Framework to create content for the iPhone?

While it is possible to create iPhone content using the desktop Flex Framework, we do not recommend it. The Flex framework is currently optimized for execution in a desktop environment. The performance, UI, and interaction models have not been optimized for mobile devices.

Adobe is working on a mobile Flex Framework, which should be better suited for iPhone development. You can find the latest information on the mobile Flex Framework at:

http://labs.adobe.com/technologies/flex/mobile/
Which fonts should I use when developing content for the iPhone?

A good baseline font to use is Helvetica at 14pts.

You can also specify the following font types, which will map to the fonts specified:

* _sans : Helvetica
* _serif : Times New Roman
* _typewriter : Courier New

The following device fonts are also available within your content:

* Sans-serif : Helvetica, Arial, Verdana, Trebuchet, Tahoma
* Serif : Times New Roman, Georgia
* Fixed-width : Courier New, Courier

Can I run content created with Flash in the iPhone simulator on Mac?

No. Flash content created for the iPhone will not run within the iPhone simulator on Mac.
Can I use native iPhone OS Controls in my Flash based iPhone content?

No.
What size should my Flash content be when targeting the iPhone?

In fullscreen mode, the screen size is 320 x 480 (480 x 320 in landscape mode). With the status bar showing, the screen size is 320 x 460 (300 x 480 in landscape mode).
Are there any general guidelines I should consider when developing content for the iPhone?

Yes. In general, your content should adhere to the Apple iPhone Human Interface Guidelines.

It is also important to thoroughly test content on all targeted devices as performance and capabilities can vary greatly between different device versions.

20 Excellent of Free Flash Photo Galleries For Design Inspiration

Might be a good reference for slideshow project:
http://visionwidget.com/inspiration/web/359-ree-flash-photo-galleries.html

FLARToolKit:Augmented Reality+Papervision

This toolkit seems cool:
http://www.insideria.com/2009/05/flarvision-augmented-reality-a.html
Lead Flash Developer at Radical Media, Jesse Freeman, will be talking about AR at Max 2009:
http://www.insideria.com/2009/05/flarvision-augmented-reality-a.html

More on Finding Memory Leaks

似乎大家都遇到這個問題了
http://blogs.adobe.com/aharui/2009/05/more_on_finding_memory_leaks.html
文中提到css style可以用css module解決?

FlexMonkey

FlexMonkey is a testing framework for Flex apps that provides for the capture, replay and verification of Flex UI functionality. FlexMonkey can record and playback Flex UI interactions, and generates ActionScript-based testing scripts that can easily be included within a continuous integration process. It uses the Flex Automation API and was created by extending Adobe's sample automation adapter, AutoQuick.

原始連結

Performance 秘技再一發

通常用 viewStack 或 TabNavigator 的時候, 為了趕進度, 我們會把他的 creationPolicy 設成 all, 因為這樣我們就不會遇到 reference 到 null 的 runtime error. 可是當要跑在 Netbook 那種機器時, 就會遇到 memory 用太多, 一開始跑起來不順的問題. 最好的方式是將 viewStack or TabNavigator 的 creationPolicy 設成 queued, 然後在 viewStack裡的 container (例如HBox) 再加 creationComplete event handler. 在 creationComplete event handler 呼叫的 function 裡(例如 creationComplete="created()" 的那個 created function), 再用 callLater, 這樣應該就可以避掉 reference 到 null 的問題了~ 這也就是阿多比建議的 Deferring Instantiation.

降 CPU 和 Memory 的快速解法

每天為了降 CPU 和 Memory 而奮戰, 你累了嗎 ~"~.
服下這四帖藥方, 保證你早上10點半來上班, 下午六點就下班~XD
(雖然是說給AIR App用的, 但網路版依然適用)

1. Use the lowest framerate possible (有人建議從 7 個 fps 開始...會不會降太大..=.=)
2. Dynamically change the framerate to fit your application needs
3. Only use Event.ENTER_FRAME handlers when necessary
4. Have as few Event.ENTER_FRAME handlers and Timers as possible

就降, 簡單ㄅ~~
是說奇怪ㄋㄟ, 以前版本用一卡車Enter Frame 好像也沒怎樣或太大問題, 還是說以前我們也沒太注意這方面的問題ㄋ??

原文:
http://www.webkitchen.be/2009/06/04/building-cpu-efficient-adobe-air-apps/
http://arno.org/arnotify/2009/05/writing-well-behaved-efficient-air-applications/

ProgressBar該怎麼設計

http://ka-yue.com/blog/the-effect-of-the-progress-bar

可以線上pdf轉成翻頁特效的網站

http://www.pagegangster.com/

Flash CS3如何使用gaforflash

google官方教學
http://code.google.com/apis/analytics/docs/flashTrackingIntro.html
gaforflash是用來 track Flash的librqry+component

優點:不需要變更htm頁面程式碼,原始的方式是要崁入一段javascript
缺點:swf檔會增加40-50k,只支援AS3

-----------------------------------------------

1.先去下載gaforflash


2.把這2個檔analytics.swc,analytics_flash.swc複製
放到CS3安裝路徑下Components的目錄





D:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Components
這裡我建了一個google目錄






3.打開Flash CS3,注意新增檔案必須是as3檔案





4.在component面板就會生出一個google目錄跟2個icon





-----------------------------------------------
使用方式有2種,一種用component
把Analytics從library中拖到場景中
取個名字,我這裡用tracker

1.Account填入你的google analytic的帳號
2.mode填入'AS3'說明請看官方的教學
3.visualDebug是否要顯示debug訊息
填好之後就可以利用他把資料傳給google analytics

 tracker.trackPageview(s); 

-------------------------
另一種方法是用library,把AnalyticsLibrary拖到場景
其實是一模一樣
只是要多寫一些code,但是整個swf的size也沒比較少

import com.google.analytics.AnalyticsTracker; 
import com.google.analytics.GATracker; 
var tracker:AnalyticsTracker = 
new GATracker( this,"UA-6035939-6", "AS3", false); 

tracker.trackPageview(s); 

BumpTop 3D Desktop

BumpTop 是一个可使你的桌面变为极酷3D桌面的软件，是多伦多大学 CS 的毕业生 Anand Agarawala的作品，不过该软件至今还未正式对外发布，依然处于Beta内测阶段

source:http://riku.me/2008/12/10/bumptop.html

hfcd Flex Compiler

這個東西或許可以縮短 30% Flex 在 build 的時間... 密技步驟條列如下:
1. 到 Y:\CyberlinkLive\fromHongYi 裡面有一個 folder "hfcd_3.0.0.477", copy 整個 folder 到 C:\Program Files\Adobe\Flex Builder 3\sdks.

2. 接著就到這位 Adobe 前員工的網頁: http://stopcoding.wordpress.com/2008/06/17/hellfire_compiler/, 依照 "Installation"的步驟即可(請從 "Now, we configure FB3 to use the RPC version of flex-compiler-oem.jar." 這行之後的步驟 1 開始).

3. 一切就緒之後, 請記得啟動 hfcd server, 就是在指令集裡面, 把目錄設到: C:\Program Files\Adobe\Flex Builder 3\sdks\hfcd_3.0.0.477\server\bin, 然後執行 hfcd .


例外處理
如果你跟我一樣在啟動 hfcd 時遇到 Error:could not find a JVM, 這個時候就要改 jvm.config 了...
這個檔案位於兩個地方:
1. C:\Program Files\Adobe\Flex Builder 3\sdks\hfcd_3.0.0.477\server\bin
2. C:\Program Files\Adobe\Flex Builder 3\sdks\hfcd_3.0.0.477\client\bin
把裡面的 java.home= 指到你的 Java 目錄. 我的例子的話 , 是這樣寫的:
java.home=D:\JDK

你也可以 copy 我那包 JDK, 它位於: Y:\CyberlinkLive\fromHongYi 裡面的一個 folder 叫 "JDK".

這樣應該就可以了~

幾個跟ui相關的投影片

這三篇不錯可以翻翻
http://www.slideshare.net/createwithcontext/how-people-really-use-the-iphone-presentation
(這個應該我們有機會會用到)
http://www.slideshare.net/garrettdimon/application-interface-design
http://www.slideshare.net/darmano/micro-interactions

用Flash作 MultiTouch UI ?

http://www.adobe.com/devnet/edu/articles/manvesh-vyas.html


we make use of flosc (Flash OSC), which is a small Java server that converts OSC into a TCP-based XML socket, which can be read easily by the XMLSocket class in Flash. If this doesn't make much sense to you, just remember that you need to run Flash OSC to make sure your applications can use the multi-touch events being pushed by the Computer Vision Engine

CoCoa Touch

CoCoa Touch, a API for building software programs to run on the iPhone and iPod touch from Apple, is fucking similar to ActionScript:
http://www.insideria.com/2008/12/actionscript-to-cocoa---protot.html

Thermo 正式產品名Adobe® Flash® Catalyst

http://labs.adobe.com/technologies/flashcatalyst/

問題是Art會學這個嗎
大概還是作psd檔
然後給我們作吧><

Fit Client

除了網頁 RIA, Fit Client 應該也會越來越紅.
http://www.insideria.com/2008/11/silverlight-3-the-next-fit-cli.html

免費的虛擬桌面

http://www.dexpot.de/index.php?id=download

James 介紹的喔

The Astonishing Tribe(TAT)－手機人機介面設計的魔法師

 不錯的介紹
----
http://digital.pala88.com/the_astonishing_tribe

隨著手機螢幕從單色LCD螢幕一直進步至目前的全彩LCD螢幕，手機人機介面（編按：所謂人機介面簡單的說就是操作資訊科技相關產品時所看到 的畫面，如視窗畫面亦是人機介面的一種）也一直不斷地推層出新，從傳統以按鍵式的手機介面，一直到目前智慧型手機以單點或多點觸控的手機介面。不斷地更新 之中，也讓手機的使用者享受了不同的介面感受。其中比較出名的應該算是Apple iphone的多點觸控式人機介面（編按：所謂多點觸控是指可以用兩隻以上的手指在同一時間中用不同的方向操控介面，一般來說傳統的單點觸控介面只能用一 隻手指做一個方向的操作）。

原來SWFObject 是google工程師寫的

*SWFObject is managed by several Google employees and is the defacto way YouTube embeds Flash files on its site.

*It is also the first embedding technique to work with google's crawler to allow your SWF files to be indexed correctly.

*is now the default in all of Adobe Creative Suite CS4.

難怪那麼利害

http://www.onflex.org/

Flash UI in Game

http://www.scaleform.com/products_gfx
Gaming industry might really need Flashers in the near future.

Flex Memory Optimizations

後期可能會用到~
先記一下
http://www.cynergysystems.com/blogs/page/andrewtrice?entry=flex_memory_optimizations
http://www.insideria.com/2008/03/flex-performance-memory-manage.html

flex 3 裡有趣的資料轉型規則

http://livedocs.adobe.com/flex/3/html/help.html?content=03_Language_and_Syntax_12.html

Type conversions

有興趣的自己看，為什麼說有趣呢...主要是int與boolean部份

全都記起來後，寫程式會更加簡潔快速


1. boolean 轉 int

var myBoolean:Boolean = true;
var myUINT:uint = uint(myBoolean);
var myINT:int = int(myBoolean);
var myNum:Number = Number(myBoolean);
trace(myUINT, myINT, myNum); // 1 1 1
myBoolean = false;
myUINT = uint(myBoolean);
myINT = int(myBoolean);
myNum = Number(myBoolean);
trace(myUINT, myINT, myNum); // 0 0 0

非常有趣，也非常貼心的轉法，迎合false為0，true為1的預期心裡


2.The output from the example shows that, of the three numbers, only 0 returns a value of false:

Boolean(-1) is true
Boolean(0) is false
Boolean(1) is true

不同的是，這裡只有0才回傳false，負數一樣回傳1喔

3.Casting to Boolean from a String value returns false if the string is either null or an empty string (""). Otherwise, it returns true.

var str1:String; // Uninitialized string is null.
trace(Boolean(str1));// false

var str2:String = "";// empty string
trace(Boolean(str2));// false

var str3:String = " "; // white space only
trace(Boolean(str3));// true

有趣吧，Boolean類別會自動幫你判斷，如果是空字串或是null，自動傳回0，有值或是空白字元都是傳回1，如果空白字元也想傳回0，就要善用 Trim 方法了


廢話這麼多之後，為什麼說寫程式會更加簡潔呢?

//obj.val可能是我們從server端吃下來的資料，有時是空值null有時是空字串""
//用 if(obj.val.toString()=="" || obj.val.toString()==null) 這種寫法就落伍摟
//請看這句
if(Boolean(String(obj.var1)))
trace("there's something")
else
trace("there's nothing")

//接下來，引入在C#中特殊的if else寫法進來
trace(Boolean(obj.var1)?"there's something":"there's nothing";

還可以這樣用喔
var description:String = Boolean(obj.var1)?String(obj.var1):"please enter description"
也就是當obj.var1有值時，就塞給 description
為null時，就塞"please enter description" 這段文字給 description

就醬

Google APIs 實現 Google Suggestion 功能

http://ysl-paradise.blogspot.com/2008/07/android-google-apis-google-suggestion.html
(sample是用android手機就是了)
弄ria 有機會會用到 之後一些攔位可能user需要auto fill

DataGrid设置背景色

http://bufanliu.javaeye.com/blog/197513

BitmapText 程式(旋轉字for 9.0)

http://ticore.blogspot.com/2008/07/as3-bitmaptext.html
研究研究Ticore's Blog 寫的
直的tab bar應該可以用

flex mockup

以後就老闆先用這先畫好ui
我們再作
http://www.balsamiq.com/products/mockups#

Sony也來玩虛擬社群了!!!

當我們準備要為三爽oem時...
索尼也進入虛擬社群的世界
是我們資訊落後沒看到而已嗎? 一直覺得日本3D很強但怎麼都沒走上網路...
很像線上版的模擬市民也像second life
好像要用ps3玩就是了...(不過有預感也會走入電腦端...)

http://www.jp.playstation.com/ps3/home/
http://gnn.gamer.com.tw/0/29680.html
http://game.sina.com.hk/cgi-bin/nw.cgi?action=view&d=2007-03-08&id=8598

Continuous Integration with Flex, FlexUnit, and Ant

Continuous Integration with Flex, FlexUnit, and Ant

Flex Ant Task的使用方法

Juking AIR 桌面點歌機

http://playpcesor.blogspot.com/2008/07/juking-air.html

支援中文、日文、英文歌手／樂團的搜尋

有空玩玩吧，真的很棒

推薦 搜尋 katie manula 唱的很棒喔 :)

弄介面概念的好工具

應該有很多機會可以用到
http://blog.pixnet.net/Nelson/post/20592714

openflux

OpenFlux is an open-source component framework for Flex which makes radically custom component development fast and easy.
http://code.google.com/p/openflux/

介紹
http://www.insideria.com/2008/06/getting-started-with-openflux.html

Top 10 Concepts That Every Software Engineer Should Know

是篇好文章, 提到一些新東西, 包括新的 protocol： OAuth, 以及我們現在 3.0 用到的 caching. 對於 caching, 文章裡提到 ： "No modern web system runs without a cache, which is an in-memory store that holds a subset of information typically stored in the database." "The need for cache comes from the fact that generating results based on the database is costly."
致於什麼時候應該清 cache, 也有一套標準程續: "Caching comes with a cost. Only some subsets of information can be stored in memory. The most common data pruning strategy is to evict items that are least recently used (LRU). The prunning needs to be efficient, not to slow down the application."
看來我們的方向是對的, 只是可能沒時間做到那麼細. 要做這麼細的話, 又要被質疑一堆ㄅ ~
眼睛看不到的功能, 似乎就不會被認為是一種功能. 通常這種功能只有內家心法高深的人才看得出來ㄅ. 不過話說回來, Client side 的功夫, 實在博大精深阿~

http://www.readwriteweb.com/archives/top_10_concepts_that_every_software_engineer_should_know.php

Anyway, be the first to know~

gettyimages 依心情播放照片，聲音，還有影片的網站

http://moodstream.gettyimages.com/usa/?isource=direct-entry_mood_usa

so nice :)

作這種工作一定很enjoy...

而且我們的技術能力也能作 ( 前提是mp3 & flv )

兩篇近期用到的東西

Things You Must Do Before Unloading a SWF File....
(之前放介紹影片時碰到)
http://www.moock.org/blog/archives/000279.html
convert xml tags to lowercase....
(之後support各家的tag時)
http://www.moock.org/blog/archives/000278.html

FotoViewer

http://www.fotoviewr.com/index_b.html





有3d的照片牆，蠻順的:)

Application 如何呼叫module裡面的funcion

Application 如何呼叫module裡面的funcion
(moduloader.child as ChildModule1).method()

Rich Internet application predictions from the experts

http://blogs.zdnet.com/Stewart/?p=719

Rich Internet application predictions for 2008
http://blogs.zdnet.com/Stewart/?p=699

一些用途跟concept可以省思一下

ganttproject 專案管理軟體

http://ganttproject.biz/


甘特圖式專案管理軟體 - GanttProject，可以匯出/匯入與微軟 Project 相容的格式

components

來源: AdvancED Flex Application Development: Building Rich Media X

Other components include
the scrollbar, the combo box (or drop-down list), text fields, and text areas;
they represent the fundamental information interactions that have evolved over 30+ years of GUI computing.
...............

You may be surprised to discover that fewer than two dozen such components comprise the vast
majority of web-based experiences; these components form the basis of the language of each and
every Internet application, and as I say, are readily understood by an increasing majority of web users.

我也是這麼的覺得
創新ui不是不好
但是要能夠超越以上這些原有的優點

The next version of Flex

http://flexorg.wip3.adobe.com/gumbo/gumboplan.htm

預計2009

Web Application Design相關文章

http://ka-yue.com/blog/ebook-from-lukew

誰念一念整理個talk吧

網頁應用程式 Usability 筆記

介面的準則~寫得還OK可以念一下
http://www.javaworld.com.tw/roller/ingramchen/entry/2007_11_18_WebAppUsabilityNotes