SlideShare ist ein Scribd-Unternehmen logo
1 von 67
ADOBE AIR
( AIR 를 이용한 One 소스 Multi 디바이스 개발 )




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

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


- 다양한 환경 :   PC , Mobile, TV
AIR 의 진화
데스크탑 어플리케이션
데스크탑 어플리케이션


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


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


 iPhone APP 지원 우여곡절
Steve Jobs “ Thoughts on Flash ”
Steve Jobs “ Thoughts on Flash ”
Steve Jobs “ Thoughts on Flash ”
불안정적인 디바이스 지원 (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)
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
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
마치며

Weitere ähnliche Inhalte

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

20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
정민 안
 
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
Hannah Kim
 
Hp web os overview
Hp web os overviewHp web os overview
Hp web os overview
Peter Park
 
[145]5년간의네이버웹엔진개발삽질기그리고 김효
[145]5년간의네이버웹엔진개발삽질기그리고 김효[145]5년간의네이버웹엔진개발삽질기그리고 김효
[145]5년간의네이버웹엔진개발삽질기그리고 김효
NAVER D2
 
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
NAVER Engineering
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
Changhwan Yi
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
Kenu, GwangNam Heo
 

Ähnlich wie AIR 를 이용한 One 소스 Multi 디바이스 개발 (20)

20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
 
Saii iPhone 1
Saii iPhone 1Saii iPhone 1
Saii iPhone 1
 
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
 
개발생산성
개발생산성개발생산성
개발생산성
 
Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5
 
GDG DevFest Busan 16" Android Nougat Developer's Note
GDG DevFest Busan 16" Android Nougat Developer's NoteGDG DevFest Busan 16" Android Nougat Developer's Note
GDG DevFest Busan 16" Android Nougat Developer's Note
 
[Codelab 2017] Ionic Framework을 통한 하이브리드앱 개발하기
[Codelab 2017] Ionic Framework을 통한 하이브리드앱 개발하기[Codelab 2017] Ionic Framework을 통한 하이브리드앱 개발하기
[Codelab 2017] Ionic Framework을 통한 하이브리드앱 개발하기
 
RAD Studio XE7 Direct LIVE! in 광주
RAD Studio XE7 Direct LIVE! in 광주RAD Studio XE7 Direct LIVE! in 광주
RAD Studio XE7 Direct LIVE! in 광주
 
Ionic으로 모바일앱 만들기 #1
Ionic으로 모바일앱 만들기 #1Ionic으로 모바일앱 만들기 #1
Ionic으로 모바일앱 만들기 #1
 
Hp web os overview
Hp web os overviewHp web os overview
Hp web os overview
 
[145]5년간의네이버웹엔진개발삽질기그리고 김효
[145]5년간의네이버웹엔진개발삽질기그리고 김효[145]5년간의네이버웹엔진개발삽질기그리고 김효
[145]5년간의네이버웹엔진개발삽질기그리고 김효
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
 
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
 
오픈소스 ROS와 AWS RoboMaker를 통한 지능형 로봇앱 개발하기 - 윤석찬 (AWS 테크에반젤리스트), 박진용 (우아한 형제들) ...
오픈소스 ROS와 AWS RoboMaker를 통한 지능형 로봇앱 개발하기 - 윤석찬 (AWS 테크에반젤리스트), 박진용 (우아한 형제들) ...오픈소스 ROS와 AWS RoboMaker를 통한 지능형 로봇앱 개발하기 - 윤석찬 (AWS 테크에반젤리스트), 박진용 (우아한 형제들) ...
오픈소스 ROS와 AWS RoboMaker를 통한 지능형 로봇앱 개발하기 - 윤석찬 (AWS 테크에반젤리스트), 박진용 (우아한 형제들) ...
 
What is corona sdk (Korean)
What is corona sdk (Korean)What is corona sdk (Korean)
What is corona sdk (Korean)
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
 
200819 NAVER TECH CONCERT 07_신입 iOS 개발자 개발업무 적응기
200819 NAVER TECH CONCERT 07_신입 iOS 개발자 개발업무 적응기200819 NAVER TECH CONCERT 07_신입 iOS 개발자 개발업무 적응기
200819 NAVER TECH CONCERT 07_신입 iOS 개발자 개발업무 적응기
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
 
Abcd 2016 firebase
Abcd 2016 firebaseAbcd 2016 firebase
Abcd 2016 firebase
 

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

Hinweis der Redaktion

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