'flex'에 해당되는 글 8건

  1. 2007/07/10 ShowFX - Web(Flash) PPT Viewer (8) by 타오
  2. 2007/05/11 Sliverlight & (Flash | Flex) (2) by 타오
  3. 2007/04/20 Eclipse WTP + FlexBuilder Eclipse Plug-in 같이 사용하기 by 타오
  4. 2007/01/30 Napkin Skins in Flex (2) by 타오
  5. 2007/01/11 Bruce Eckel is Thinking in Flex! by 타오
  6. 2006/12/25 Flex Music Player (十二夜 - As One ) by 타오
  7. 2006/12/24 Flex에 관한 몇가지 진실 (2) by 타오
  8. 2006/12/22 FLEX IS NOT FLASH#1 (2) by 타오

ShowFX - Web(Flash) PPT Viewer

개발 : 2007/07/10 15:32
Tag flex, JSR-311, ShowFX, thinkfree
오랫만의 글이네요^^;

오늘은 지난 반년간 열심히 만들어온 결과물인 ShowFX 라는 넘을 소개드리려고 합니다.

ShowFX는 웹상에서 PPT 문서를 바로 볼 수 있는 솔루션으로 Flash로 만들어진 PPT Viewer라 할 수 있습니다.
(ShowFX는 프로젝트 명으로 정식 제품명은 아닙니다)

아래는 ShowFX를 이용해 현재 구글에서 filetype:ppt thinkfree로 2007.07.10에 검색했을때 3번째에 랭크된 문서를 열어본 모습입니다.
(http://eeando.unl.edu/cehs/sydney/download/collaborativeOnlineApps.ppt)




* 미국에 있는 서버이다 보니 이미지가 상당히 늦게 뜨는군요. 이미지가 없는걸로 착각할듯 하네요. 얼렁 고쳐야할듯 ㅠ.ㅠ


보시다시피 ShowFX는 Flash를 이용해 렌더링을 하고 있으며 내부적으로는 swf 형태의 어플리케이션을 만들기 위해 Flex2 기술이 사용되었습니다.

간단히 기술적인 부분을 예기해보면 서버측에서 Thinkfree의 기술을 이용해 PPT 파일을 XML로 변환하고 클라이언트에서 Flex로 만들어진 PPT Viewer가 해당 XML을 화면에 렌더링 하는 구조로, 서버측은 자바기반으로 톰캣, JSR-311(Java Rest API) 등이 사용되었으며 클라이언트는 Flex2를 기반으로 약간의 Ajax가 사용되었습니다.
(구조도... 이런데는 재주가 없다보니 말로 때우렵니다 ;;)

현재 Thinkfreedocs에서 ShowFX가 적용되어 서비스 되고 있으며 조만간 OpenAPI형태로 누구나 자신이 원하는 문서를  원하는 곳에 임베드 할수 있는 형태로 서비스가 제공될 예정입니다^^


* 위의 임베드 된 문서보기처럼 간단히 다른 문서에 대해서 실행을 시켜보시고 싶으신분은
http://showfx1.thinkfreedocs.com:8080/ShowFX/sfx.jsp?url=<문서주소>
형태의 URL을 이용하시면 됩니다. 단 이 방식은 비공식적인 방법으로 간단한 테스트 등에만 사용하시기 바랍니다^^

이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(1) : Comment (8)

트랙백 주소 :: http://taoism.tistory.com/trackback/48 관련글 쓰기

  1. Subject: 어디서나 사용하는 PPT - ThinkFree Docs

    Tracked from Inspiration, Feel Good Factor for Flex Dev 2007/07/10 18:23  삭제

    PPT 파일을 SWF로 변환하여 발표하기! 라는 글을 보고 따라가봅니다. 먼저 ThinkFree Online 과 ThinkFree Docs 에 대하여 이해를 하셔야 할것같습니다. 이에 대한 설명은 여러 블로그나 해당 사이트에 자세하게 나와있으니 추가적인 설명은 하지 않도록 하지요. 특히 한컴 씽크프리 8월부터 미국에서 유료 서비스 라는 글에서 보듯이 조만간 유료화된 서비스 모델로 공개가 될 예정이라고 합니다. 글을 올려주신 박재현님은 지난번 WebA..

댓글을 달아 주세요

  1. bannyang 2007/07/10 15:47  수정/삭제 댓글쓰기 댓글주소

    이미지 로딩이 정말 많이많이 늦네요, Flex에서 이미지부분을 완전 로딩전에 뭔가로 대체하는 것도 괜찮을 듯 합니다.
    어쨌든 GOOD~
    Thinkfree 어플리케이션 뜨는 것 보다는 훨 좋아요, ShowFX 언능 공개해주세요!!

    • 타오 2007/07/10 15:58  수정/삭제 댓글주소

      워워... 누구신가 했음 -0-;;

      이미지 뜨는건 아마존 웹서비스가 좀 느런거도있고 그래서 더 심각한듯 해욤. 곧 개선될 예정입니다 ㅎㅎ

  2. 열이아빠 2007/07/10 18:30  수정/삭제 댓글쓰기 댓글주소

    사진보고 예전에 왔던 기억이 나네요..ㅎㅎ
    thinkFreedocs 에 올라온 문서뿐 아니라
    웹상의 어떤문서라도 ppt 문서를 바로 변환하여 보여주는건가요. 생각보다 무척 난해한 기술이네요.
    실제 ppt 다운받아서 열어본다고 생각하면 엄청 빠른것 같습니다.

    • 타오 2007/07/10 19:01  수정/삭제 댓글주소

      thinkfreedocs와 별개로 개발된 독립 어플리케이션이라고 생각하시면 좀 더 정확할듯 합니다^^.

      이 썰렁한 블로그에 답방 감사드려요!

  3. 옷장수 2007/07/11 18:00  수정/삭제 댓글쓰기 댓글주소

    오~ 너무 좋은데요.
    근데.... 너무 맥분위기 물씬 풍기는 듯한데요 ^^

  4. roguebean 2007/07/12 01:25  수정/삭제 댓글쓰기 댓글주소

    미쿡서버에서 땡겨오니 확실히 느리구만.
    야튼 간만에 포스팅 잘 보고 감~ㅋ

Sliverlight & (Flash | Flex)

개발 : 2007/05/11 13:35
Tag Flash, flex, Sliverlight

사용자 삽입 이미지

  • WMV가 재생가능하다는건 정말 큰 장점인듯
  • Flash로 잘 되던건 굳이 바꿀 이유는 없다.
  • XAML을 이용해 디자이너와 협업이 가능하다는데 그건 Adobe CS Studio에서도 가능하며 CSS를 이용하던데 그게 더 좋아보인다. (Flash는 되던데 Flex도 되려나?)
  • Expression Studio는 쓰려는 회사가 얼마나 생길까? 이미 비슷한 기능의 디자이너들이 익숙하게 사용하는 Adobe제품들이 있는데 말이다. (Expression Studio는 Photoshop, Illustrator, Flash, DreamWeaver와 매칭되는 디자이너툴이다)
  • Sliverlight을 제대로 활용해서 개발할려면 개발자는  Visual Studio, 디자이넌 Expression Studio를 써야할듯... ㅡ,.ㅡ;;
  • .Net API를 1.1버젼에서 사용할수 있는것으로 보이는데 맥에서도 제대로 작동되는건가?
  • 그래도 MS니 개발툴은 FlexBuilder보다 좋겠지...


이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/47 관련글 쓰기

댓글을 달아 주세요

  1. 유겸애비 2007/05/11 14:39  수정/삭제 댓글쓰기 댓글주소

    * Mac에서도 WMV를 보게 되는거군요.
    * Flash에서 convert해주는 툴이 나오지 않는 이상 말이죠
    * 저도 XAML 생성용 툴 보다는 Illustrator같은 툴에서 SVG export가 되듯이 XAML export plugin 형태로 나오면 더 좋겠다는 생각을 했습니다.
    * Mac에서도 .NET runtime이 들어간다는 거지 기존의 모든 .NET API를 구현하겠다는건 아니겠지요?
    * 개발툴은 좋겠죠. 개발툴로 큰회사니까

    • 타오 2007/05/11 14:54  수정/삭제 댓글주소

      * 괜한 WMV관련 맥쪽 회사(Flip4Mac같은...)들이 피해를 입을수도 있을듯해요;;
      * SVG export에 id만 제대로 처리해줄수 있으면 그걸로 충분하고 더 좋아보이는군요 ㅎㅎ 거기에 css라면 -0-;;
      * .NET은 아무래도 그렇겠죠 ㅋ? 설마 그걸 다 ;; 그런데 리눅스는 역시 찬밥인가 보네요~

Eclipse WTP + FlexBuilder Eclipse Plug-in 같이 사용하기

개발 : 2007/04/20 16:05
Tag debugging, Eclipse, EclipseWTP, flex, FlexBuilder, java, Plugins

웹 프로젝트와 Flex프로젝트를 분리할 필요없이 "Dynamic Web Project" 형태로 웹프로젝트를 만드시고 프로젝트에 우클릭하셔서 "Add Flex Project Nature" 명령을 내리시면 자바 웹프로젝트이면서 동시에 플렉스 프로젝트가 됩니다.

"Servers" 윈도우를 여시고 톰캣등의 서블릿 컨태이너를 EclipseWTP에 등록하신 후 등록된 서버에 새로 만든 웹 프로젝트를 "Add or Remove Projects" 명령을 통해 Web Application으로서 작동할수 있도록 추가를 해주시고
프로젝트 이름이 test라면 서버를 start를 하고 localhost:8080/test/xxx.html과 같은 형태로 바로 확인이 가능합니다.

(위쪽 버튼들이 등록된 서버를 디버그나 실행 또는 프로파일 모드로 띠워주는 넘들이고 팝업을 통해서도 가능합니다)


그리고 "Navigator"창에서 프로젝트에 우클릭하셔서 등록정보로 들어가셔서 Flex Build Path의 output 위치를 WebContent 로 잡아주시면 컴파일된 swf가 바로 위의 주소와 같은 형태로 접근이 가능해집니다.
(ex> http://localhost:8080/projectname/test.swf 또는 http://localhost:8080/projectname/test.html)

서 버측 디버깅을 하시고 싶으신 경우는 자바 코드에 브레이크 포인트를 걸고 톰캣등의 웹서버를 디버그 모드로 스타를 시키시면 가능하고 클라이언트를 디버깅 하시고 싶으신 경우는 기존 플렉스 개발시처럼 하면 되지만 웹페이지에 포함을 시켜서 디버깅을 하시고 싶으신 경우라면 실행메뉴를 여셔서 "URL or Path to lauch"부분에 swf파일 경로가 명시된부분을 위에서 언급한 http 스타일의 URL 로 바꾸시면 됩니다.
즉, swf를 디버그 대상으로 하시지 마시고 html페이지를 대상으로 하면 됩니다.


* 예전에 작성하다 말아서 포스팅하지 않은 글인데 디버깅 방법에 대해 묻는 분이 있어서 마무리해서 포스팅합니다 ㅎㅎ

이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (0)

트랙백 주소 :: http://taoism.tistory.com/trackback/42 관련글 쓰기

댓글을 달아 주세요

Napkin Skins in Flex

개발 : 2007/01/30 14:30
Tag flex, Flex2, napkin skin, Skin

재밌는 Flex skin이 있어서 소개합니다. 위의넘이 Napkin skin이고 아래가 기본 스타일입니다.

Napkin Skin


Default Skin
* 출처 : On Reflexion
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/22 관련글 쓰기

댓글을 달아 주세요

  1. roguebean 2007/01/30 19:10  수정/삭제 댓글쓰기 댓글주소

    Java Swing Look & Feel도 있지요.
    http://napkinlaf.sourceforge.net/

    • 타오 2007/01/30 23:19  수정/삭제 댓글주소

      Flex skin 제작자가 예전에 자바 개발자였던걸로 보이는데 아마도 같은 사람이 아닐까하는 ㅎㅎ

Bruce Eckel is Thinking in Flex!

개발 : 2007/01/11 11:58
Tag flex, TurboGears
Thinking In Java의 저자인 Bruce Eckel이 Adobe의 Flex Evangelist인 James Ward와 pair programming을 하는 동영상을 소개드립니다

내용은
[Server] TurboGear with Python by Bruce Eckel
 +
[Client] Flex2 with MXML & ActionScript3 by Jame Ward

정도로 간단히 정리할수 있습니다.  즐감하세요~


사용자 삽입 이미지사용자 삽입 이미지




* Thinking In Java는 제가 처음으로 산 원서였답니다 ㅋㅋ 아마 IMF로 인해서 책값이 5만원이 넘었던걸로 ㅎㅎ
* 글 제목은 http://www.jamesward.org/wordpress/2007/01/10/bruce-eckel-is-thinking-in-flex/ 에서 그대로 훔쳐왔습니다. ㅋㅋ
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(1) : Comment (0)

트랙백 주소 :: http://taoism.tistory.com/trackback/19 관련글 쓰기

  1. Subject: Flex for Java Developers featuring Bruce Eckel and James Ward!

    Tracked from Inspiration, Feel Good Factor for Flex Dev 2007/04/14 19:25  삭제

    Bruce Eckel 의 Flex 광고 이메일에 대한 언급을 잠시 했는데. 그의 강의를 들어볼 수 있다고 하네요. 물론 현지시각 e-세미나이긴 하지만 시간만 잘 맞으면 재미있는 경험이 될듯 합니다. 사전 등록을 하여야 하는것 같습니다. 등록폼이 어찌나 귀찮은지..ㅠㅠ 좀 더 자세한 소식은 아래 링크에서 http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=462539&loc=en_us http:..

댓글을 달아 주세요

Flex Music Player (十二夜 - As One )

개발 : 2006/12/25 21:00
Tag flex, 음악
원래 계획은 제대로 된 flex application을 만들어서 공부도 하고 배포도 해볼려고 했는데  귀차니즘의 발동으로 바로 아랫글에서 사용했던 버튼 하나 딸랑 있는 flex app에다 slider를 달아봤습니다~



노래는 제가 최근에 자주 듣는 as one의 십이야로 골랐습니다~ 즐감하셔요^^

소스코드입니다.
player.mxml





* 컴파일을 하시려면 Flex2 SDK가 필요합니다.
* 한페이지에 좀 무거운 swf를 두개나 두니까 좀 늦게 나타나는군요 ㅎㅎ 다음에는 로더를 넣어봐야겠네요

이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (0)

트랙백 주소 :: http://taoism.tistory.com/trackback/8 관련글 쓰기

댓글을 달아 주세요

Flex에 관한 몇가지 진실

개발 : 2006/12/24 03:14
Tag flex, FLEX2.0
먼저 저는 어도비와 아무 관계가 없는 사람입니다 ㅎㅎ
단지 최근에 Flex를 사용할일이 있어서 관련문서와 자료를 좀 읽어본 정도라고 할까요^^

밑에 flex에 관한 글을 쓰다가 몇가지 저도 잘못알고 있던것들을 정리를 해볼까합니다~


- Flex는 서버가 필요하다?

Flex2 는 기존의 Flex1.5이하 버젼과 달리 서버 사이드를 포함하지 않습니다. 1.5 이하 버젼에서는 Flex Presentation Server라는 Server-side layer가 존재했지만 Flex2 부터는 Flex SDK라 불리는 무료 개발환경을 통해 swf를 생성해내고 맘껏 배포가 가능합니다.  기존의 서버가 필요했던 부분( Remote Object를 통한 통신 등)은 FDS(Flex Data Service)라는 유료 제품으로 분리되었습니다.
(1.5 버젼까지는 서버없이 컴파일된 swf만을 배포하는것은 그것이 가능한상황, 즉 서버사이드가 필요치 않은 경우라 할지라도 라이센스 위반이라더군요...)

- Flex 개발툴을 구매해야하나?

Flex Builder를 구매하면 좀더 편한 eclipse기반의 개발툴을 사용할수 있지만 개발툴이 없다고 개발및 배포가  불가능한것은 아닙니다. 위에 언급되어있듯이 SDK 는 무료입니다.


- Flex SDK?

Flex Builder 역시 SDK를 기반으로 작동하며 Java의 JDK를 생각하시면 이해하기 편합니다. 몇몇 UIComponent 등의 라이브러리와 command line 기반의 컴파일러와 디버거등을 포함합니다.


종합해보면 Flex는 점점 Java화 되가고 있다... 이정도 일까요 ^^;


뭐 써놓고 보니까 무슨 제품 FAQ 같군요 ㅡ,.ㅡ;;;
이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(1) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/6 관련글 쓰기

  1. Subject: 플렉스 2는 builder와 charting, 서버 쪽 만 유료

    Tracked from 완소 플래시 2007/04/01 04:18  삭제

    flex charting이 프로젝트에 큰 도움이 될 것 같다. table tag이나 div 같은 걸로 막대 그래프나 그리다 보니 통계 그래프 출력 쪽에서는 영 허접하게 보였다. 어느 날 flex 관련 책을 보다 보니 charting class 를 쓰는 게 나왔는데 일단 출력 결과가 괜찮은 것 같고.. 다음 주부터 한번 써봐야겠다. 구매 품의도 했으니 다음 주 중으로는 정품이 들어오겠지.

댓글을 달아 주세요

  1. 유겸애비 2006/12/27 22:13  수정/삭제 댓글쓰기 댓글주소

    SDK는 무료라면 Open Laszlo의 Flash compiler를 그냥 Flex SDK로 만들어도 되는걸까요?

    • 타오 2006/12/28 01:12  수정/삭제 댓글주소

      OpenLaszlo4 가 아닌 3.x 버젼 이라면 서로 다른 언어를 사용하는 문제가 있지만 기술적으로는 불가능하지 않을듯 합니다.

      또 Flex2가 swf9만을 output으로 가지는 문제도 있지만 어짜피 브라우저 환경은 동일하니 문제는 안되겠지요.

      아마도 문제는 라이센스가 아닐까요^^ 무료배포라고 해서 마음데로 사용할수 있는건 아닐테니까요

FLEX IS NOT FLASH#1

개발 : 2006/12/22 20:12
Tag Ajax, flex
  한 10년 정도 전이었던가 큰누이의 학교에서 교사별로 홈피를 만들라는 명령이 내려와서 반강제로 내가 대신 홈피를 만들어준적이있었다. 워낙 비쥬얼을 중시하는 내 특성상 그 당시에는 흔하지 않게 홈피 전체를 플래시로 만들었었는데 그게 처음이자 마지막으로 만들어본 플래시였다. (최근의 Flash.MX였던가 하는 넘들같은 flash autorhingt tool을 통해서 말이다)

  그 당시에 홈피를 구현하면서 motion tweening이나 morphing같은 animation을 다양하게 사용했는데 그건 그냥 화려한 효과일뿐 정작 홈피 자체의 기능을 위해서는 애초의 생각과 달리 결국 스크립트를 사용해야했었다. (나는 자바스크립트를 상당히 싫어했다... 사실은 지금도 썩...)

  당연한 예기인것 같지만 지금와서 생각해보면 html과 javascript의 관계같이 flash animation과 action script(플래시에서 사용하는 스크립트 언어)는 view와 control의 관계이고 조금더 동적이면 동적일수록 control, 즉 script에 무게가 많이 실려지듯이 클릭가능한 여러 요소를 포함하는 홈피를 만들면서 스크립트를 사용안할수 있는 방법은 없는게 당연한데 말이다.

  점점 웹 기술이 발전할수록 정적 텍스트 위주의 html에서 동적 컨텐츠 위주의 dhtml(html + javascript 정도라고 하면될려나 ...)로 바뀌어가고 점점 많은 스크립트가 사용되어가고 있고 최근에는 Ajax라고 불리는 기술이 이미 대세로 자리를 잡았다. 즉, 과거의 웹페이지는 점점 웹 어플리케이션으로 변해가고 있고 Ajax라는 기술이 이를 가능케하고 있는것이다.

  이런 웹어플리케이션들을 RIA(Rich Internet Application)라고 부르기도 하는데 과거의 애니메이션을 위해 만들어진 플래시 역시 스크립트 기능을 강화하면서 RIA에 대한 지원을 아끼지 않고 있다. 이미 최신 Flash Player (ver9) 는 animation player와는 거리가 먼 java와 같은 runtime이 되어버렸고  Flash Player내부에서 top level container였던 MovieClip은 추상화된 Stage라는 클래스에 자리를 내주었고 상속관계에서도 하나의 DisplayObject의 하위 구현체일뿐이다.

사용자 삽입 이미지

FlashPlayer9 Core diplay classes


  Flash의 이런 구조적 변화와 함게 기존의 Flash의 개발 방법에도 변화가 왔고(사실 구조적 변화가 나중이다 -0-)  그넘이 바로 Flex인것이다. Flash.MX와 같은 animation 기반의 약간의 scriptting을 지원하는 Flash authoring tool로는 RIA 개발환경에 적합치 않기 때문에 developer에 익숙한 방식의 Flex가 나온것이다.
 
  Flex는 Flash Player위에서 구동되지만 기존의 design-centric flash 와는 아주 다른 RIA를 위해 태어난 기술이며 태생과 용도 모두 다르다.

Flex is not Flash!!!


*.  예기가 길어져서 #1이라고 붙이고 다음에 또 자세한 예기를 써볼까합니다^^
*.  예기하고 싶은게 많다 보니 첫글에서 넘 무리를... 주화입마에 들까 걱정입니다 ㅡ.ㅡ;;


이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 타오
Trackback(0) : Comment (2)

트랙백 주소 :: http://taoism.tistory.com/trackback/5 관련글 쓰기

댓글을 달아 주세요

  1. MaseR 2006/12/24 18:02  수정/삭제 댓글쓰기 댓글주소

    Flex가 뭔지는 아직도 잘 모르겠지만 좋은 기술 같네요.

    • 타오 2006/12/24 19:37  수정/삭제 댓글주소

      우옷. 리플감사합니다 ㅋ

      뭔가를 쉽게 설명하는거에는 정말 재주가 없다보니^^
      담에 좀더 이해하기 쉽게 써보도록하겠습니다~