[ITOnAir]데브멘토 동영상, 옥상훈 okgosu.net 운영자(1/2부)_Dev & Tech Festival <!--StartFragment-->원소스 멀티 플랫폼 개발 개요플렉스 4.5와 플래시 빌더의 특징플렉스에서의 모바일 사용자 경험(UX)플렉스를 이용한 안드로이드 앱 개발   <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.

1. 멀티 플랫폼 모바일 개발
with Flex 4.5
옥상훈 (OkGosu.Net 운영자)
okgosu

2. 플랫폼 춘추전국시대
•웹 (jsp, php, asp…)
•데스크탑 (VB, VC++, Delphi…)
•스마트폰 (Android, BADA, iOS, Window Phone…)
•태블릿 까지…

3. 플랫폼 마다 개발자를 뽑으려니…

4. 플렉스란?
FxExam1_1.mxml (2) 컴파일 FxExam1_1.swf
(1) 플래시빌더에서 XML 소스파일 작성 (3) 웹브라우저의 플래시플레이어에서 실행

5. Flex 4.5 까지 버전 이력

6. Flex4.5로 원소스 멀티 플랫폼 개발
(1) 플렉스 웹애플리케이션(*.swf) (2) 플렉스 데스크탑 애플리케이션(*.air) (3) 플렉스 모바일앱 (*.apk 등)

7. 플래시 빌더 4.5 프로젝트 유형
Flex Project (Web) 웹 애플리케이션
데스크탑 애플리케이션
Flex Project (Desktop)
(Windows, Linux, Mac)
Flex Mobile Project 모바일 애플리케이션
(안드로이드, iOS, 블랙베리 플레이북)
(안드로이드, iOS, 블랙베리 플레이북)
•모바일의 경우, 현재는 안드로이드 2.2 이상만 지원
•iOS, 블랙베리 플레이북은 하반기 지원 예정
•iOS는 Action Script Mobile Project로 구현 가능

8. Flex 4.5에서의 모바일 사용자 경험
1. 모바일 웹
2. 모바일 앱

9. 1. 모바일 웹
1. 모바일 브라우저에서 플렉스 웹사이트를 구동하는 것
2. 모바일 html 처럼 화면, 폰트, 이벤트 최적화가 필요함

10. 1. 모바일 웹
1. 모바일용 플래시 플레이어가 설치되어 있어야 함
2. 플래시플레이어는 안드로이드 마켓에서 무료 다운로드 가능

11. 2. 모바일 앱
1. 플렉스로 만든 안드로이드 앱을 마켓에서 설치함
2. 플래시플레이어, 모바일 AIR가 설치되어 있어야 함

12. 2. 모바일 앱
모바일 AIR가 설치되어 있지 않으면 다음과 같은 설치 안내로 이동

13. 모바일앱 vs 모바일웹
모바일앱 모바일웹
개발방식 전용SDK html
배포방식 전용 앱스토어 웹사이트
장점 폰 API 활용 개발, 배포용이성
단점 잦은 배포와 업데이트 브라우저방식
Flex 구현 모바일 애플리케이션 웹 애플리케이션

14. Flex 4.5 모바일에서 지원하는 것들
SW: 터치 이벤트, 전화, SQLite DB 등
HW: 센서, 카메라, GPS, 마이크 등

15. Flex 4.5 모바일 앱 개발 방법
1. 플렉스 모바일 프로젝트 생성
2. 플렉스 기본 컴포넌트로 UI 작성
3. 이벤트 처리는 액션스크립트로 작성
4. 실행
1) on desktop 모드: 에뮬레이터
2) on device 모드: 폰을 USB로 연결하여 실행
* 해당 제조사의 USB 드라이버를 설치하면 가능