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

增加 compile速度

http://www.rogue-development.com/blog2/2007/11/slow-flex-builder-compile-and-refresh-solution-modules/So if you have a hundred or so of these:

mx:Button icon=”@Embed(…)

You’ll be in a world of pain. The easiest solution is to move those embed calls into your style sheet and then compile your style sheet as a module.

cs3去call外部的exe

在cs3去call外部的exe檔

http://www.northcode.com/blog.php/2007/08/14/FSCommand-EXEC-is-Broken-in-Flash-CS3
http://www.northcode.com/blog.php/2007/08/07/Conquering-FSCommand-EXEC-Part-1-Proxy

或許之後offline版會用到

出處
http://twg.idv.tw/dispbbs_36_82488.html

連猴子都會用的3D軟體，google sketchup

sketchup官方網站：有較多教學
http://www.sketchup.com/

google sketchup官方下載網站
http://sketchup.google.com/download.html


Create cool stuff with Google SketchUp
http://tw.youtube.com/watch?v=5PLSlHbQ-bc


應該可以建lively的model吧...不能輸給猴子 晚點來玩玩看

或許有些idea

日本電信公司 NTT DoCoMo Vision 2010

http://blog.yam.com/leo2016/article/16150134

一些不可能的現在都有可能了
介面的部份參考and OPEN MIND

Google Lively & Flex??

最近google的新玩意
http://blog.pixnet.net/zusocfc/post/19756497

如果這謠言是真的
http://www.riapedia.com/2008/07/09/google_uses_flex_lively_ui

我們上層又八了自己一巴掌

Flash 作的音樂編輯軟體

http://www.digimix.com/alpha/
類似簡易版的Sonar,cubase
而且還有,delay,Reverb等effect
只是處理時間比較慢
但做到這樣也非常厲害了

Be a part of Flex development

要幫 Flex debug 嗎?
解 3 隻以上的 bug 就有獎喔~
http://opensource.adobe.com/wiki/display/flexsdk/Flex+3+Contributions

或許以後去 Adobe 當 QA 也不錯.
至少不會每天都聽到有人說 Flash 是沒用的技術之類的話.

關於embed wmp

現在還要找這些文件真的很無言
http://www.geekpedia.com/tutorial152_Embedding-Windows-Media-Player-into-a-web-page.html


http://msdn.microsoft.com/en-us/library/ms930695.aspx

http://www.webaim.org/techniques/captions/windows/web.php

Running C and Python Code on The Web

世界是往 Web 移動的. 而且是往 Flash Player移動的:
http://www.toolness.com/wp/?p=52

聽說 FireFox 4 就會出.

到底該不該跟該集團提這件事呢?

算了, 就讓他死吧.

Drag處理

感謝Hongyi大提供
http://www.brucephillips.name/blog/index.cfm/2006/11/4/Dragging-Items-From-a-TileList-Control-To-A-Container


說明如下
假設container所設處理drop的事件為
dragDrop="DropIn(event)"

public function DropIn(event:DragEvent):void
{
有兩個取資料的方式
dragInitiator---->指的是你從那個container拖拉出來的 指派到該container上
var sourceList:* =event.dragInitiator ;

dragSource---->指的是單位資料量 就像平常push到ac或xml的單一node
var items:Array = event.dragSource.dataForFormat("items") as Array;

trace(sourceList.selectedItem.ItfileName);
trace(items[0].ItfileName);

...以下略

Casio手機的互動UI

http://gzone.jp/product.html

good to have,must have

那怕每次開會leader都說這些是"good to have"
的一堆莫名其妙的功能,特效
經過老闆說出來都是must have
彷彿多了一個會跳動的icon
就會讓user迫不及待的想要用

google!!
老闆!多看看google吧!

Google 索引 Flash SWF 檔案

原文:http://googlewebmastercentral.blogspot.com/2008/06/improved-flash-indexing.html


flash基本上不需要,google會自動搜尋他,但是有一些技術上限制
1.如果swf是藉由javascript load進的可能找不到
2.動態load進swf的內容,目前google會視為不同的檔案
3.多國語言還有一些問題,目前還在解決中

如果有不想被google search到的資料,盡量作成圖(不知道static text算不算)

一些flickr的mashup

http://www.pimpampum.net/toys/

一兩個蠻有創意的 雖然都是很簡單的api
http://www.pimpampum.net/phrasr/

幾個照片播放的參考

http://icoolsblog.blogspot.com/2008/06/flickr-slideshow.html

參考參考

加減看之談GUI篇

http://www.ithome.com.tw/itadm/article.php?c=49436
蔡學鏞寫的

AS 3 whole view

感覺寫得不錯
一些core的概念等等可以review一下
http://theflashblog.com/?p=405

http://gskinner.com/talks/as3workshop/

weakly referenced

http://www.gskinner.com/blog/archives/2006/07/as3_weakly_refe.html

Grant Skinner:"I would very strongly recommend getting in the habit of ALWAYS setting your listeners to be weakly referenced"

PS:經過Hongyi大大的開釋,在urlLoader中,用weak reference是會聽不到的
所以注意在UrlLoader中不要用

Some Sites

http://tha.jp/
一些中村勇吾的作品

一些3D效果的介紹

http://blog.zupko.info/

趕快阿~弄一個上次那個動物園來玩玩阿

Flash Motion Portrait

http://windywoods.blogbus.com/logs/22073427.html

viewStack的 creationPolicy

http://www.nshen.net/blog/article.asp?id=582
ViewStack 在默认情况下,所有子对象只有在第一次显示的时候才被实例化
加一个 creationPolicy="all" ,就可以让ViewStack建立的时候把所有子对象都实例化

adobe CS 的宣傳網站

http://adobecards.com/

M群

http://group.xiaoi.com/


M群, 大陸某公司和MSN合做開發的功能, 透過一個特定的聯絡人, 將訊息轉送給其它成員, 所以你只需在MSN中加入一個聯絡人, 就可以跟其它成員作溝通, 不用另外安裝其它軟體, 很方便

介紹:
http://tw.myblog.yahoo.com/dio-blog/article?mid=71&prev=88&next=63

msn TV

http://news.networkmagazine.com.tw/web/webnews/2008/05/13/541/

roxik 3d超強日本人

http://temp.roxik.com/index.html

Flash and AIR Debugger

http://arthropod.stopp.se/

還沒try 特點可以對特定訊息指訂色彩
用法如下...

How to use

Import the class
import com.carlcalderon.arthropod.Debug;

Do a "log" trace by typing
Debug.log("My log message");

Start Arthropod.

Publish your Flash site / AIR application and you will see the message "My log message" in Arthropods output field!


You may also add colors to your messages to keep it more structured by adding a color value as a second argument:
Debug.log("My log message",0x00FF00);

App Engine(python) 與flex溝通

再請那個苦主研究一下吧
http://gaeswf.appspot.com/
http://pyamf.org/
http://chuiwenchiu.spaces.live.com/blog/cns!CA5D9227DF9E78E8!2056.entry

資料來源
http://rd.lanma.org/2008/06/python-on-google-app-engine.html

Firefox Mobile Concept

http://www.vimeo.com/1152218?pg=embed&sec=1152218
主要在ui互動部份的concpet (有限空間表達資訊)
兵家必爭之地

週五看點設計跟ideas

從這開始發想...很棒的手繪動畫
http://leogogo.blogspot.com/2008/06/blog-post_3906.html

異曲同工之妙的網站:
Microsoft Office for mac的宣傳網站
http://www.simplifyyourwork2008.com/
介紹media server for HP
http://www.hp.com/united-states/psg/mediasmart/2007/index.html (MAX之前提供)
介紹nikon相機 整合產品跟手繪動畫 整個很流暢
http://imaging.nikon.com/products/imaging/technology/a_design/index.htm
很舒服的網站 讓你駕馭線條
http://www.rhythmoflines.co.uk/
日本的公司
http://con.tonc.biz/japanese/


加油吧~希望那天可以抓到類似的感覺....

Yahoo! BrowserPlus

http://browserplus.yahoo.com/demos/?s=photodrop
第一個 sample, Flash Player 10 也可以做.
Yahoo 把我想做的做出來了....

Free Flash CS3 component

http://www.bytearray.org/?p=137

JSON與flex

利用json交換資料
在flex中的流程
1. 取得json api 網址 
ex. http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=flower&nojsoncallback=1

2.  Load方法 用HTTPService或URLRequest取得網頁reponse即可

3. 下載裡面的lib and放入flex project中(com資料夾)
http://code.google.com/p/as3corelib/
import com.adobe.serialization.json.JSON;

4. 利用decode將回來string轉為object
var JsonObj:Object = (JSON.decode(rawData) as Object);

PS. 1. 最外層 " { "前不要有值 不然parse會過不了 如flickr的api可以加 "&nojsoncallback=1"
      2. 另可轉array或xml不過此版本有問題轉不過去

5. 以平常取obj的方式存取值
    ex: JsonObj.items[0].title
     (items跟title都是回來的json data)

向量式擬3d(有sdk可以抓)

很順and很強

http://five3d.mathieu-badimon.com/
http://lab.mathieu-badimon.com/

Video Browse Reference

http://www.videovistas.com/index2.html
http://www.videovistas.com/screenshot.html

Some concept to learn

JSON serialization

In case you don't know, here is AS3 corelib:
http://code.google.com/p/as3corelib/
It consists of several basic utilities for MD5 hashing, JSON serialization, advanced string and date parsing, and more.

More:
http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

The wrong solution is to enable background processes

常常遇到這件事嗎？
這是從 dCAT 的 blog 剪下來的, 整串是:

“The wrong solution is to enable background processes… to allow an app to continue to run even after their user thinks they quit it.” Windows Mobile, we’re looking at you.

Why’s it bad? “First, battery life, it drains power. Second, performance, it sucks up cycles and makes other things feel sluggish.”

應該不只 mobile application 適用吧..

oool 3d website

http://ecodazoo.com/

幾個視覺化的搜尋

分類然後像itune一樣選單
http://www.viewzi.com/

一樣類似itune上面還有小圖示幫忙分類
http://beta.searchme.com/


http://addictomatic.com/
EXAMPLE
http://addictomatic.com/topic/plurk

Flex using_code_behind

update 一下
因為2個類似的module要用到大部分相同的as
但是外觀上差異很大
又不想把as copy paste,..
發現這個方法似乎可以解決我的問題

要注意一些把mxml的as搬到 class的問題
1.有用到的mxml component 要宣告為public
2.mxml有時會直接寫Click="handler()"
但在as class裡面event listener 一定要接收event,例如handleer(e:Event)
3.dataProvider 除非另外宣告一個getter setter 去設bind,
否則每次資料更新時要再設定一次
例如
getDataOK():void{
grid.dataProvider=a
}






參考看看
這樣的寫法可以把as 跟mxml抽離
as檔就可以被asDoc complie

http://www.adobe.com/devnet/flex/quickstart/building_components_using_code_behind/

資訊視覺化呈現site - Part1

Joe 給的
http://www.taggalaxy.de/

http://labs.digg.com/
推這兩個
http://labs.digg.com/stack/ (把stack表達很清楚)
http://labs.digg.com/swarm/ (Network Kind)

yahoo!長大了~懂得弄些東西了
http://tw.buzz.yahoo.com/live_key.html

Loading Imge 產生器

http://www.ajaxload.info/
種類多
可設定顏色
請自行轉swf供flex、flash用

Cool Site第一發

small world
Flash 多人線上
http://smallworlds.cmail1.com/l/428022/sid1yddl/www.smallworlds.com/swds/invitation/accept?e=WsoRefyINDdIES2KCBtOQLzAJL%2B1to%2BsBEtQAr8dlUI%3D


flex 網頁製作器
http://www.wix.com/