ADOBE AIR
( AIR 를 이용한 One 소스 Multi 디바이스 개발 )




            FT 기술팀 박이랑
AIR ?
AIR 를 이용한 One 소스 Multi 디바이스 개발
- 브라우저에서 벗어난 데스크탑 어플리케이션을
기존 웹 개발 기술 (Flash, Flex 등) 을 활용하여,
다양한 환경에 별도의 컴파일 없이 배포가 가능한
- 브라우저에서 벗어난 데스크탑 어플리케이션을
 기존 웹 개발 기술 (Flash, Flex 등) 을 활용하여,
 다양한 환경에 별도의 컴파일 없이 배포가 가능한

- 다양한 환경 : PC 운영체제 ( Windows, OSX )
- 브라우저에서 벗어난 데스크탑 어플리케이션을
 기존 웹 개발 기술 (Flash, Flex 등) 을 활용하여,
 다양한 환경에 별도의 컴파일 없이 배포가 가능한


- 다양한 환경 :   PC , Mobile, TV
AIR 의 진화
AIR 를 이용한 One 소스 Multi 디바이스 개발
AIR 를 이용한 One 소스 Multi 디바이스 개발
데스크탑 어플리케이션
데스크탑 어플리케이션


모바일 디바이스로 영역 확장 시도
데스크탑 어플리케이션


모바일 디바이스로 영역 확장 시도


 iPhone APP 지원 우여곡절
AIR 를 이용한 One 소스 Multi 디바이스 개발
Steve Jobs “ Thoughts on Flash ”
Steve Jobs “ Thoughts on Flash ”
Steve Jobs “ Thoughts on Flash ”
AIR 를 이용한 One 소스 Multi 디바이스 개발
불안정적인 디바이스 지원 (iOS 제한 풀림)
   제한된 Native 기능, 느린 성능
불안정적인 디바이스 지원 (iOS 제한 풀림)
   제한된 Native 기능, 느린 성능

    AIR 빠른 안정화 / 성능 개선
    ( Ver 2.x 초반 Ver3.0 )
불안정적인 디바이스 지원 (iOS 제한 풀림)
     제한된 Native 기능, 느린 성능

        AIR 빠른 안정화 / 성능 개선
        ( Ver 2.x 초반 Ver3.0 )




Mobile (iOS, Android, BlackBerry) / TV 지원
AIR 장단점
단점

 -   ADOBE 의존성
 -   퍼포먼스 문제
 -   디버깅 시간의 압박
 -   제한된 API
장점

 -   원 코드베이스 멀티 디바이스 개발
 -   기존 개발기술 사용 (AS3 노하우)
 -   개발시간 단축
 -   인터랙티브 앱 개발 (Game)
단점

 -   ADOBE 의존성
 -   퍼포먼스 문제
 -   디버깅 시간의 압박     Remote Debugging
 -   제한된 API        Native Extention

장점

 -   원 코드베이스 멀티 디바이스 개발
 -   기존 개발기술 사용 (AS3 노하우)
 -   개발시간 단축
 -   인터랙티브 앱 개발 (Game)
AIR 를 이용한 One 소스 Multi 디바이스 개발
One Codebase / Framework
One Codebase / Framework




Multi Platforms
One Codebase / Framework
  - Flash/Flex Codebase
  - AIR Runtime / Framework


Multi Platforms
One Codebase / Framework
  - Flash/Flex Codebase
  - AIR Runtime / Framework


Multi Platforms
  - iOS
  - Android
  - BlackBerry
  - Mac OSX
  - Windows
  - TV Flatform
Multi Devices
Multi Devices


 - Mac
 - iPhone 4
 - iPad 2
 - GalaxyS 2
 - Galaxy Tab 10.1
 - Noble Nook
 - Playbook
 - Smart TV
 ...
Multi EcoSystems
Multi EcoSystems


- Apple App Store
- Google Android Marcket
- BlackBerry App World
- Amazon App Store
- Nook App Store
- TV App Store
...
지원 API
지원 API

 - Touch / Gestures
 - Accelerometer
 - Geolocation Sensor
 - Camera
 - Microphone
 - CameraRoll / Photo Library
 - StageWebView
 - File IO
 - SQLite database
 ...
지원 API

 - Touch / Gestures
 - Accelerometer
 - Geolocation Sensor
 - Camera
 - Microphone                   +   Native Extention
 - CameraRoll / Photo Library
 - StageWebView
 - File IO
 - SQLite database
 ...
지원 API

 - Touch / Gestures
 - Accelerometer
 - Geolocation Sensor
 - Camera
 - Microphone                   +   Native Extention
 - CameraRoll / Photo Library   - Gyroscopes
 - StageWebView                 - Vibration
 - File IO                      - Native AlertView
 - SQLite database              - ActionSheet
 ...                            ...
AIR 동작 방식
Compile
- Android / Playbook       - iOS
Compile
- Android / Playbook       - iOS
Compile
- Android / Playbook         - iOS




                   Compile
Compile
- Android / Playbook          - iOS




     Actionscript
      Bytecode      Compile
Compile
- Android / Playbook          - iOS




     Actionscript
      Bytecode      Compile
Compile
- Android / Playbook          - iOS




     Actionscript
      Bytecode      Compile
Compile
- Android / Playbook          - iOS




     Actionscript
      Bytecode      Compile
Compile
- Android / Playbook              - iOS




     Actionscript
      Bytecode          Compile


                    +
                        Runtime
Compile
- Android / Playbook              - iOS




     Actionscript
      Bytecode          Compile


                    +
                        Runtime
Compile
- Android / Playbook                   - iOS




     Actionscript                 Actionscript Bytecode
      Bytecode          Compile
                                    Native Bytecode



                    +
                        Runtime
Compile
- Android / Playbook                   - iOS




     Actionscript                 Actionscript Bytecode
      Bytecode          Compile
                                    Native Bytecode



                    +
                        Runtime
AIR 개발 방법론
효과적인 UI 구성방식
Splash Screen Image
Splash Screen Image
AIR 를 이용한 One 소스 Multi 디바이스 개발
AIR 를 이용한 One 소스 Multi 디바이스 개발
Flexible UI (시연)
Flex Mobile Component
Flex Mobile Component
AIR 가능성?
기존 웹기반 APP 모
   바일 포팅
I. Machinarium
I. Machinarium
II. Zombie Tycoon in TV
II. Zombie Tycoon in TV
III. Conqu
III. Conqu
IV. Old School Race
IV. Old School Race
마치며

More Related Content

PPTX
이은상 개발자 포트폴리오
PDF
[Osxdev]2.개선된 interface builder
PPTX
하이브리드앱
PDF
Ai smart speaker2_kku_180822
PPTX
Ionic2로 Type script+Angular2.0 따라하기 1
PDF
What is corona sdk (Korean)
PPTX
Hp web os overview
PDF
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
이은상 개발자 포트폴리오
[Osxdev]2.개선된 interface builder
하이브리드앱
Ai smart speaker2_kku_180822
Ionic2로 Type script+Angular2.0 따라하기 1
What is corona sdk (Korean)
Hp web os overview
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정

Similar to AIR 를 이용한 One 소스 Multi 디바이스 개발 (20)

PDF
하이브리드앱 개발 전략과 이슈
PDF
Sencha touch2-sdk-tools-mac
PDF
스마트폰 게임을 데스크톱과 게임기로 1부
PPTX
[11 0702] 스마트 하지 못한 개발자의 스마트폰 게임 개발 하기(공개용)
KEY
Bitdot IR @SparkSquare
PDF
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
PDF
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
PPTX
웹의 발전과 Adobe Air
PDF
C1 하이브리드 앱 어떻게 개발해야 하나
PDF
[IGC2017] Protocol:hyperspace Diver 개발 포스트모템
PPTX
[IGC 2017] 엔지메이킹 이대희 - 이제는 웹에서 게임을 만들 수 있는 환경 'Construct3를 바탕으로'
PDF
스마트 TV 앱 개발 맛보기
PDF
Sencha touch2-sdk-tools-window
PDF
[H3 2012] 클라우드기반 앱 만들기 - baas.io SDK 활용
PDF
Discussion for mid
PDF
Discussion mid
PDF
Html5+js with game engine cocos2d-html5 분석 @KGC2012
PPTX
경영과 정보기술 - 어플리케이션 디자인 과제
PDF
[IGC 2017] 넥스트플로어 김영수 - Protocol:hyperspace Diver 개발 포스트모템
PPT
[아이펀팩토리]2017 NDC 강연 자료_아이펀 엔진 개발 노트
하이브리드앱 개발 전략과 이슈
Sencha touch2-sdk-tools-mac
스마트폰 게임을 데스크톱과 게임기로 1부
[11 0702] 스마트 하지 못한 개발자의 스마트폰 게임 개발 하기(공개용)
Bitdot IR @SparkSquare
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
웹의 발전과 Adobe Air
C1 하이브리드 앱 어떻게 개발해야 하나
[IGC2017] Protocol:hyperspace Diver 개발 포스트모템
[IGC 2017] 엔지메이킹 이대희 - 이제는 웹에서 게임을 만들 수 있는 환경 'Construct3를 바탕으로'
스마트 TV 앱 개발 맛보기
Sencha touch2-sdk-tools-window
[H3 2012] 클라우드기반 앱 만들기 - baas.io SDK 활용
Discussion for mid
Discussion mid
Html5+js with game engine cocos2d-html5 분석 @KGC2012
경영과 정보기술 - 어플리케이션 디자인 과제
[IGC 2017] 넥스트플로어 김영수 - Protocol:hyperspace Diver 개발 포스트모템
[아이펀팩토리]2017 NDC 강연 자료_아이펀 엔진 개발 노트
Ad

AIR 를 이용한 One 소스 Multi 디바이스 개발

Editor's Notes

  • #2: \n
  • #3: \n
  • #4: \n
  • #5: \n
  • #6: \n
  • #7: \n
  • #8: \n
  • #9: \n
  • #10: \n
  • #11: \n
  • #12: \n
  • #13: \n
  • #14: \n
  • #15: \n
  • #16: \n
  • #17: \n
  • #18: \n
  • #19: \n
  • #20: 단점 (또는 AIR3 이전의 단점)\n- Adobe 의존성\n- 퍼포먼스\n- 개발 효율성\n- 제한된 API\n장점\n- 멀티 디바이스 개발\n- 기존 개발기술 사용(Flash 노하우)\n- 개발시간 단축\n- 인터랙티브 앱 개발 (게임, 3D)\n- Smart TV 까지 영역 확장\n- GPU 가속\n
  • #21: 퍼포먼스 문제 -> AIR 3 \n
  • #22: \n
  • #23: \n
  • #24: \n
  • #25: \n
  • #26: \n
  • #27: \n
  • #28: \n
  • #29: \n
  • #30: \n
  • #31: \n
  • #32: \n
  • #33: \n
  • #34: \n
  • #35: \n
  • #36: \n
  • #37: \n
  • #38: \n
  • #39: \n
  • #40: \n
  • #41: \n
  • #42: Project 구조 소개\n효과적인 UI 구성방식\n- Splash Screen Image\n- Pattern\n- Flexible UI\n- Flex Mobile Component\n
  • #43: \n
  • #44: \n
  • #45: \n
  • #46: \n
  • #47: 먼저 웹 플래시지도 보여주면서 설명\n\n기존 어플리케이션들은 Flexible UI 가 고려되어 있다.\n\n지도 동영상\n
  • #48: Flex Mobile Component 동영상\n\n4.6 으로 만든 동영상\nconqu 로 만든 동영상\n
  • #49: - 대표앱 동영상\n- 나라별 Top App 소개\n- AIR App 현황(앱수 등)\n- Multi Devices 소개 (Platform, Device, Eco 등)\n.\n.\n.\n
  • #50: 동영상 준비\n\n시연/장비 시연\n- 포토업로더 (Camera Roll)\n- 수식편집기 (Native Extention)\n- 실시간뉴스 (코드수정없이)\n- 디지털뷰 지도 (Flexible UI, Performance)\n.\n.\n.\n
  • #51: \n
  • #52: \n
  • #53: \n
  • #54: \n
  • #55: - 하나의 코드베이스로 여러 디바이스 환경에 대응하는 개발 노하우를 먼저 습득하는 것이 경쟁에서 앞서 나갈 수 있는 비결\n