관리 메뉴

nkdk의 세상

플렉스 참고 사이트 모음 본문

My Programing/Flex&AIR

플렉스 참고 사이트 모음

nkdk 2009. 7. 31. 10:41
참피온 사이트 관련

NOMOS 암스테르담 공항 URL: http://194.229.29.150/nomos/main.mxml
특징: Flex 2와 Flex Data Service를 적용한 사례로, 공항 활주로의 모습이 실시간으로 보여진다. 또한 인근의 지점별 소음, 공해 측정 정보가 지도상에 그래프로 나타난다

NYSE URL: http://marketrac.nyse.com/mt/index.html
특 징: 뉴욕 증시 상황을 마치 객장에 직접 나온 것처럼 한눈에 볼 수 있도록 Flex Chart 기능을 고도화했다. 3D Chart, 3D Floor, Activity Map 형태로 정보를 볼 수 있으며, 데이터가 서로 연동되어 있다. 

<금융>
StockFetcher.com URL: http://www3.stockfetcher.com/sfapp/
특징: Flex 2 Chart를 확장, 적용한 사례로 레이아웃 변경이 자유롭다. 기간별 주가 변동 차트를 인터랙티브하게 볼 수 있으며, 돋보기(확대) 나 스냅샷(이미지 저장) 등 편의 기능이 돋보인다.

 


샘플 사이트 관련
http://flex.org/showcase/

1.5 버전 flex store
http://flexapps.macromedia.com/flex15/flexstore/flexstore.htm

보이는 화면이 멋있는 사이트

http://www.intelisea.com/  

https://information.ondemand.com/istore/


CS 같은 화면 구성
http://www.bookiesonline.com.au/

CS 같은 구성만 참조.
http://www.mbs5.de/mbs_online_demo.html

CS 같은 구성과 참고
http://www.gisserver.de/aalen/start.html
http://www.templatesoft.com/

CS 구성과 화면
http://www.mindomo.com/mindomodemo.php


토폴로지에서 사용한 그래프 라이브러리 관련 ( 소스도 있음 )
http://code.google.com/p/flexvizgraphlib/
http://flexvizgraphlib.googlecode.com/svn/trunk/vgExplorer/bin/VGExplorer.html#

 

플랙스 컴포넌트 샘플 사이트  ( 소스 )
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html

 

액셀 - 플랙스 연동 관련 샘플 ( 소스는 없네요 )
http://samples.faratasystems.com/export2excel/FxSpreadSheet.html


샘플 경연대회 입상작 어플리케이션 + 기술문서 + 강좌
http://www.adobe.com/kr/devnet/flex/


플랙스 3 doc 문서
http://livedocs.adobe.com/flex/


플랙스 한글화 문서
http://flexdocs.kr/docs/flex2/docs/Part2_DevApps.html


플랙스 패키지/클래스 참고
http://flexdocs.kr/docs/flex2/langref/langref.html
클래스 ERD ?
http://flex.org/download/FX2API_01.pdf


메모리 관련 참고
http://adobeflex.tistory.com/entry/Flash-Player-9에서의-가비지-컬렉션-이해

http://www.adobe.com/devnet/flashplayer/articles/resource_management.html


플랙스 개발에 도움이 될듯
http://ihelpers.co.kr/programming/tipntech.php?TYPE=8&AG=pg

플랙스 개발 샘플
http://blog.flexexamples.com/

스타일 관련 -

2.01 로 가면서 추가된 부분이 preinitialize="loadStyle()" 입니다.
2.0 에서는 단순하게 css 파일을 코드상에 직접 기재하였고 변경을 원하면 다시 컴파일을 하여야 했는데 2.01 로 가면서 런타임시에 해당 스타일을 로드할 수 있는 방식이 추가되었습니다.

http://livedocs.adobe.com/flex/201/html/styles_069_26.html
- Loading style sheets at run time
http://cafe.naver.com/flexcomponent/2540
- flexstore 샘플 해 보신분?

런타임시에 스타일을 로딩하는 방식은 초기에 다운되어지는 사이즈를 분산시킬 수 있고 사용자에 개인화된 스타일 적용이 가능하게 됩니다.

여기서 재미난 것은 위의 링크중 flex 문서를 따라가보면 추가된 comment 에 컴파일 되지 않은 css 파일도 런타임시에 로드가 가능하다고 합니다. 그것을 구현한 컴포넌트가 있군요.
스타일이 로딩되면서 어떻게 해당 부분의 로고가 바뀌는지 위의 샘플에서 같은 색 부분을 따라가보실 수 있습니다.