1. HybridApp자료 조사knight76.tistory.com

2. Background

3. Background of Application플랫폼별 이슈(iOS, Android)Device 별 이슈(삼성, LG …)모든 버전에서 동작 가능한 어플 또는 여러 벌의 어플을 개발 - Porting Cost 증가 - 유지보수Cost 증가버전 별 이슈(Android 2.3.3, 3.1iOS 3, 4)iOS, Android 발생 이전의 기존 핸드폰/TV시장과 똑같은 상황이 벌어지고 있음대안플랫폼별 이슈(iOS, Android)One Source, Multi-platformWeb 과 Native 기반에서 동작하는 어플Device 별 이슈(삼성, LG …)HybridApp (Hybrid Mobile WebApp) 버전 별 이슈(Android 2.3.3, 3.1iOS 3, 4)

4. Porting 관점AppApp넷플릭스기존iOS 4Android2.3.3Web App배포 단위DeviceDeviceWebKitPorting GlueAppAppiOS 5Android3.1DeviceDeviceDeviceDeviceDevice오픈 소스인 Webkit엔진이 동작되도록 Porting Layer에 새로운 Device만 포팅만 해서 사용하도록 함* 참고 : 블루레이, DVD는 DTV java 플랫폼을 이용하고 있음각플랫폼 별로 신경 써야할 내용이 너무 많음

5. Porting 관점HybridApp (Hybrid Mobile WebApp) = NativeApp + 모바일Web HTML5 + JavaScript + CSSWebKitWebKitNative Code(Object C)Native Code(Java)Android App iOS App 1. Device API나 비공유 부분은 각각의 플랫폼 별로 개발해야함2. WebKit을 사용하여 모바일Web을 NativeApp에 적재함모바일Web 부분은 HTML5 기반으로 개발되므로, 모든 플랫폼에서 공유 가능

6. Porting 관점Mobile WebApp개발NativeApp으로 어플리케이션을 개발하는 것이 어려움

7. 모바일Web Browser에서는 HTML5를 비교적 많이 지원하고 있음

8. 단점 : Mobile WebApp은 카메라, 마이크, 파일 등 Device 접근에 제약이 있음 HybridApp(Hybrid Mobile WebApp) = NativeApp+ 모바일Web 아직 표준화된 Device API 부재로 인해서 모바일Web의 Device 접근성 제약 극복

9. HTML5 + CSS3 + JavaScript을 이용하여 쉽고, 플랫폼 독립적으로 개발

10. 단점 : WebKit및 HybridApp Framework의 구조적 문제로 속도가 매우 느림 WebKit

11. Porting 관점WebKit Project :웹 컨텐트를렌더링하고, 자바스크립트 오류를 검증 툴을 포함Not Brower, Just Engine

12. BSD-style and LGPL licenses.

13. 포팅된 플랫폼 : iOS, 심비안, Google chrome, Safari , Adobe AIR , Android , Amazon Kindle , QT …

14. MAC OS X system framework version of the engine

15. Cross Platform C++, 1.8 Million line

16. Component

17. WebCore: HTML와 SVG에 대해서 Layout, 렌더링,DOM 파싱

18. JavaScriptCore : 자바스크립트 프레임웍

19. Drosera : 자바스크립트 오류 확인 툴

20. Sunspider : 자바스크립트 성능 측정 툴

21. WebKit포팅시에는WebCore와 JavaScriptCore만 사용HistorySafariBrowserKDEKonquerorBrowser(Linux)오픈 소스화WebCoreKHTML libraryJavascriptCoreKJS library Mac OS 로포팅

22. ArchitectureQTMACWindowsWebKit ProjectWebKit API WebCore (HTML 파싱, 렌더링)/platformsJavascriptCore(프레임웍)Porting Gluegraphics, networkOS

23. Hybrid App 개발- HybridApp Framework 이용 - NativeApp에 WebKit적재

24. Hybrid App FrameworkMobileWeb을 NativeApp처럼 만들어 주는 Framework

25. Mobile Web을 위한 WebKit제공

26. Device에 접근 가능한 JavaScript 기반 Device API 제공

27. NativeApp과 같이 배포 가능하도록 Packaging 제공

28. HTML5 + CSS3 + JavaScript를 사용하여 App 개발

29. One Source, Multi Platform 적용 가능 - JavaScript를 통하여 MobileWeb이 접근하지 못하던 Device에 접근 가능 카메라, 마이크, 파일 등

30. NativeApp만큼 Deivce연동이 매끄럽지 못함

31. Device 연동 UI에도 제약이 많음

32. PhoneGap, Titanium, Appspresso등이 유명함Hybrid App FrameworkPhoneGap (http://www.phonegap.com/)많이 유명

33. WebKit과 자체 Device API 제공

34. iPhone, Android, Blackberry, Palm, Microsoft, Symbian) 지원Titanium Mobile (http://www.appcelerator.com/) JavaScript를 Cross-Compiler를 통해 Native Code(Objective-C나 Java)로 변환해 주는 Framework

35. Javascript가 Native Code로 Invoke

36. iPhone, Android, BlackBerry 지원 Hybrid App FrameworkAppspresso (http://www.appspresso.com/) 국내사인 KTH에서 개발

37. KTH의 푸딩얼굴인식이 Appspresso로 개발됨

38. WebKit과 Device API 지원

39. Device API는 WAC의 Waikiki 2.0 beta 지원

40. 2개 플랫폼(iPhone, Android) 지원NativeApp에 WebKit적재HTML5 + JavaScript + CSSWebKitWebKitNative CodeNative CodePlatform BPlatform A

41. WAC

42. WACWAC (Wholesale Applications Community)세계적인 이동통신사와 제조사들이 통합 AppStore구축을 위해 만든 커뮤니티

43. WAC Spec을 통해 Device API 표준화를 진행중에 있음(WAC 2.0 나옴 2011년 6월)

44. Waikiki : WAC에서 개발중인 OS 독립적인 WebApp플랫폼 개발 프로젝트 http://public.wholesaleappcommunity.com/redmine/Thank YouEnd of Document