작년 요맘때 삼성에서 T*Omnia 핸드폰을 출시 하였고 그때 당시 사내에서 모바일에 멀티 콘텐츠 브라우징 인터페이스를 Flash Lite로 개발하여 올려볼 일이 있었습니다.

그때 테스트 후에 재미삼아 Youtube 임베디드 플레이어 API를 이용해서 Youtube의 주요 카테고리(최신영상, 가장 많이 본 영상 등)를 볼 수 있는 모바일 애플리케이션을 Flash Lite을 이용해 만들어 봤습니다.

모바일 디바이스는 데스크탑 PC에 비해 그 사양이 매우 낮기 때문에 Flash Lite 3.1 플레이어 역시 기술 지원이 데스크탑에 비해 제한적입니다.  하지만 모바일 환경에서 Flash의 Rich UI를 제공할 수 있다는 것은 Flash Lite 의 큰 장점입니다.

최근 Adobe Max 에서 발표한 Flash 10.1에 대한 기대는 모바일 부분에서도 상당한 것으로 알고 있습니다.  일찍이 국외 스마트 폰에는 Flash 대응을 위해 많은 노력을 기울익 있습니다.
하지만 국내에서는 임베디드 시스템에 다이나믹한 UI를 제공하기 위한 수단으로만 사용될 뿐 개발자를 위한 환경에는 별 관심이 없어 보여 아쉬움이 남습니다.

서두가 길었습니다.

개발했었던 mtube 소개나 할까 시작한 글인데요 : )



개발에 필요한 요소
1. Youtube Embed Player API & Data API
2. ActionScript 2.0 on Flash CS4
3. Flash Lite 3.1
4. Adobe Mobile Packager

개발에 필요한 요소는 위의 4가지 입니다.  개발 후 Adobe Mobile Packager 을 이용해 패키징 하여 디바이스에 설치하여 사용할 수 있습니다.

Adobe Mobile Package Example from rhiokim on Vimeo.


Adobe Mobile Programming Example from rhiokim on Vimeo.



테스트 장비
5. Window Mobile 6.x
6. Samsung T*Omnia(SCH-M490)

최근 옴니아 2가 좀더 나은 스펙으로 출시 되었던데 그 폰에서는 원활이 구동되지 않을까 짐작해봅니다.  사실 이 mtube 애플리케이션은 옴니아에서 메모리 오류가 발생합니다. 

이유 인 즉, Youtube 임베디드 플레이어가 모바일 용이 아니다 보니 : (  메모리 점유율이 상당히 많더군요. 뿐만 아니라 동영상 또한 버퍼를 이용하므로 많은 메모리를 요구하게 됩니다.

mTube based on Flash Lite 3.1 from rhiokim on Vimeo.



첨부한 Youtube.metadata 와 Youtube_1.0.0_English (US).cab 파일을 폰에 저장하고 cab 파일을 설치하면 됩니다.  소스와 클래스 다이어그램을 첨부합니다.


개발 경험에 대한 정리도 할 겸 간단히 Flash를 이용한 Mobile 앱을 개발하고픈 개발자에게 도움이 될까 공유해 봅니다.  

Tip, JavaScript 나 ActionScript 나 그 표준(ECMA-262)이 같기 때문에 근본적인 원리를 알고 접근한다면 매우 쉽고 재미있는 기술입니다.

클래스 다이어그램
 

매우 단순한 구조로 되어있습니다.

Youtube Class는 main class로 Controller 담당하고
Embed Class는 Youtube 임베디드 플레이어 모델 담당, List Class는 Youtube XML Data 모델  담당,  Container는 동영상 클립들을 제어 관리 모델 역할을 합니다.


신고
Posted by Rhio.kim
http://labs.adobe.com/technologies/distributableplayer/

그동안 Private Beta 테스트를 해온 Distributable Player Solution(이하 DP)이 정식 발표를 하였습니다.  여기에는 Adobe Mobile Packager 가 함께 포함됩니다.

이를 이용하면 데스크탑 Flash Application 모델을 그대로 모바일에 적용하여 수행할 수 있게 합니다.  당연 개발은 Flash Lite 3.1상에서 개발해야 겠죠.  Flash Lite 3.1 은 Flash 10에 비하면 지원여부가 매우 작지만 Flash의 주요 기술중 핵심 기술들은 대부분 구현이 가능합니다. Flash Application 개발자들에게는 더 없이 좋은 소식이 되겠네요.

Adobe Mobile Packager를 이용하여 .CAB 형태로 Package하여 Window Mobile 플랫폼에서 Standalone Application으로 동작할 수 있도록 합니다.  간단히 Package 테스트 및 환경 구축에 대한 내용은 아래의 내용에 추가했습니다.  또한 Adobe 에서도 ScreenCast가 있으니 함께 보시면 큰 도움이 되리라 봅니다.

Flash Lite DP 를 Window Mobile 6.x, 5.0의 Smart Phone 그리고 Symbian S60에서도 이용할 수 있게 되었습니다.  간단히 아래의 그림과 같은 방식(Workflow)으로 생성 및 배포, 실행할 수 있게 됩니다.
 
이미지 출처 : Adobe Lab


필요 요소
  개발 PC
    - Flash Professional CS3 or CS4, Device Central CS3 or more
    - MicroSoft ActiveSync

  Mobile Device(Flash Lite 3.1 Distributable Player) 
    http://labs.adobe.com/downloads/distributableplayer.html

    Download the Developer edition for Windows Mobile 5.0 Pocket PC (ZIP, 930 KB)
    Download the Developer edition for Windows Mobile 5.0 Smartphone (ZIP, 926 KB)
    Download the Developer edition for Windows Mobile 6 Professional (ZIP, 928 KB)
    Download the Developer edition for S60 devices (SIS, 675 KB)


Adobe Mobile Packager Test 내용

더보기



테스트 해보고 픈 마음에 만들어 놓았던 Image Viewer와 Video Player는 삼성 T*Omina(SCH-M490)에서는 돌아가질 않네요.
 
이제 iPhone용 Distributable Player만 발표 되면 되는 걸까요?  이것만 출시 된다면 다양한 플랫폼에 있어서 Flash의 입지는 좀더 강해지지 않을까 생각을 해봅니다.

참고자료
Adobe Video : http://tv.adobe.com/#pg+15313
PDF : http://labs.adobe.com/downloads/distributableplayer.html 
Flash Lite : http://www.adobe.com/products/flashlite/ 

신고
Posted by Rhio.kim
Adobe 사의 Ryan Stewart 씨와 Ajaxian의 java 커뮤니티 담당자인 Dion Almaer는 아래와 같은 슬라이드를 공유했네요.

Ajax Application 개발에 관심이 있다면 꼭 AIR에 대한 기술도 연마하시기를 권장합니다.

Adobe의 AIR와 Google의 Gears 의 발전 방향은 서로 비슷합니다.
온라인의 기능을 오프라인의 데스크탑 어플리케이션으로 만들 수 있는 방법을 제시하고 있습니다.

아래의 슬라이드 자료는 Ryan Stewart 씨의 AIR에 대한 개요를 제시하였고 이에 맞서 Dion Almaer씨가
Google의 Gears에 대한 개요를 제시하였습니다.

두 사람은 웹의 발전에 흥분하는 이유를 논의했고 또한 AIR과 Gears의 상호 보완할 수 있는 것들 또한
찾을 수 있었습니다.

처음 슬라이드를 볼때와는 달리 대화가 끝나고 슬라이드를 봤을때는 어려움이 없었다.
재미있는 연습을 통해 아래의 슬라이드 자료를 본다면 많은 도움이 될것 같습니다.



신고
Posted by Rhio.kim