1. Hybrid Apps on the rise:
Business perspectives
2012.3.7 발표자 : 황병선
청강대 교수/플랫폼전문가그룹 대표위원
1

2. 목차
• Hybrid App의 현재
• Hybrid App과 App Store의 관계
• Hybrid App의 시장 세분화 동향
2
2

3. BUSINESS PERSPECTIVES?
Mobile Web과 Hybrid App과 Native App기술을 UX와 개발비만으로 비지니스 관점에서 판단할 수는 없다.
UX
Native App
Hybrid App
Mobile Web
Dev Cost
3

4. WHY MOBILE WEB WITH HTML5?
실제로 HTML5기반의 Mobile Web의 장점은 크게 낮은 학습비용과 크로스플랫폼 능력이다.
Easy Learning Cross platform
4

5. The next chart illustrates the relative learning curve per platform, and how not all
platforms are born equal.
MOBILE WEB IS NOT THE EASIEST PLATFORM
아래 조사에 의하면 개발자가 not the쉬운 플랫폼에서 Mobile Web은 6위를 차지했다.
Mobile Web is 느끼는 easiest platform
5

6. WHY IT IS NOT SO EASY ?
• 기존 App 개발자에게
• Standalone app 개발자에게 3 tier 개발은 어려운 구조
• Client-Server 구조의 개발도 그리 쉬운 구조는 아님
• 아직 HTML5의 Canvas도 그리 접근이 쉽지는 않음
6

7. To quantify platform fragmentation we asked developers how many versions (also
referred to as SKUs - stock-keeping units) of their apps they need to develop.
MOBILE WEB IS NOT THE SINGLE PLATFORM
Mobile Web is not the singular platform
한 플랫폼안에서 10개 이상의 버전이 있는 비율이 얼마나 되는가의 순위에서 모바일웹은 4위에 그쳤다.
7

8. WHY NOT ANGRY BIRDS ON IOS’ SAFARI ?
Angry Birds가 크롬 웹브라우저에서 동작하는 버전이 아이패드 사파리에서는 동작하지 않는 이유가 바로 그것이다.
8

9. BASTION BY CHROME’S NATIVE CLIENT
최근 크롭 웹스토어에 발표된 Bastion이란 게임은 아예 웹브라우저에서 Native Code 기반으로 개발되기도 했다.
9

10. BUT, MOBILE WEB IS VERY INTERESTED IN
Major Platform Ranking Shuffle
In addition to Amazon shaking up the mobile scene, Appcelerator and IDC also found that there was the most
IDC 조사에서 개발자들이 향후mobile OS rankings since Appcelerator started tracking mobile platforms in향후 가능성이 높다.
movement throughout the 관심있는 플랫폼에 5위는 그래도 모바일웹으로 January, 2010.
Consolidation, new players, and partnerships are defining a rapidly evolving mobile landscape as we end the year.
Appcelerator-IDC-Q4-2011-Mobile-Developer-Report
Priorities changed significantly this quarter due in large part to HP pulling the plug on Palm/webOS devices and Nokia
increasingly putting its weight behind Windows Phone 7. Appcelerator and IDC continue to see HTML5 maintaining its
10

11. CUT THE ROPE ON IPAD
Cut the Rope는 완벽하게 HTML5/CSS/JavScript만으로 동작하기때문에 아이패드/아이폰에서도 동작한다.
11

12. CUT THE ROPE ON IPHONE
Cut the Rope는 완벽하게 HTML5/CSS/JavScript만으로 동작하기때문에 아이패드/아이폰에서도 동작한다.
12

13. APP DEVELOPER JOURNEY
앱개발사가 앱 상용화에 필요한 단계를 보면 개발(기획/플랫폼선정/개발)이후에도 다양한 요소들이 필요하다
Development Operation
Platform Develop Market Retailing& In-life
Plan
Select & Debug Readiness Monetization Management
STP Platform IDEs & SDK Dev certification Market Channel Analytics
Concept Addressable market UI Tools App signing promotional Tool User rating
Feature platform features emulator Regional testing Co-marketing User support
Prototyping learning curve Community Beta testing Revenue models Updates
Focus groups conferences profiling Localization Billing & settlement cross-selling
Packaging Privacy compliance
test framework
porting tools
tech supports
Mobile-Megatrends-2011-VisionMobile
13

14. controlled by any single entity. In the era where apps distribution is controlled by single
vendors like Apple and Google, the web seems to challenge the status quo. We ‘ll
address the impact of the web to the mobile value chain later in this paper.
There are many ways in which web pages differ from mobile apps today, as shown in
WEB PAGES >< MOBILE APPS
the next table.
웹페이지와 모바일앱의 차이에서 Apps중요한 것이 Discovery, Distribution, Monetization 들이다.
Web pages vs Mobile 제일
Key differences between web pages and mobile apps (simplified)
web pages mobile apps
development HTML, CSS, JavaScript Objective C, Java or other
packaging set of linked pages accessible self-contained applications
via a web browser or packaged accessible via the phone
as widgets user interface
personalisation via cookies via GPS location, contacts &
more
discovery via any search engine via certain app stores
distribution via any website via certain app stores
availability on any browser on specific smartphones
monetisation ads micro-payments, ads
success criteria unique visitors downloads
HTML5 and what it means for the mobile industry
source: VisionMobile
14

15. SUCCESS FACTOR FOR HYBRID APP
이 세가지를 웹브라우저 기반 생태계에서 보면 검색과 웹사이트의 품질 관리, 광고 비지니스 모델임을 알 수 있다
Discovery Distribution Monetization
15

16. DO YOU WANT 154 MILLION PAGES?
검색이 아직도 유효하지만 요즘 재미있는 아이폰 게임을 하나 찾기 위해서 1.5억개의 웹페이지를 보고 싶지는 않다
16

17. APP STORE IS MORE EASIER THAN SEARCH
앱스토어는 결국 앱이란 형태로 서비스나 컨텐츠를 쉽게 찾을 수 있는 곳이므로 일반 웹 검색의 필요성을 감소시킨다.
17

18. WHY DO I CARE ABOUT THESE PAGES ?
웹사이트는 생태계 관점에서 그 콘텐츠들의 품질 관리가 어렵기 때문에 근본적인 위험성를 내포하고 있다
18

19. WE NEED KILL SWITCH FOR ECOSYSTEM
스마트폰의 앱스토어에 모두 제공되는 “원격 앱 제거 기능”은 생태계 품질관리를 위해서는 필요하다
19

20. WHO IS THE MOST EARNING COMPANY?
웹브라우저 기반 생태계에서 구글이 광고 모델로 다른 회사에 돈을 벌게 해주는 비율이 점차 줄어들고 있다
20

21. What is the revenue model with apps?
WHAT IS THE REVENUE MODEL WITH APPS?
앱 생태계에서는 광고 모델뿐만 아니라 유료다운로드, 고급서비스, 앱 내부 구매, 가입 모델등 다양한 BM이 있다
The distribution of revenue models varies widely by platform. Among mobile web
developers, advertising was the most popular model, with many Android developers
21

22. What is the revenue model with app
SUCCESS FACTOR FOR HYBRID APP
앞의 세 가지 요소를 앱 생태계 관점에서 보면 상품진열, 품질 보증, 수익 모델에 대한 다양성임을 알 수 있다.
Placement Quality Assurance Revenue Model
The distribution of revenue model
22

23. BEST WAY TO PACKAGE YOUR SERVICE
서비스를 어떤 형태로 제공할 것인가를 판단할 때 사업 관점에서는 앞의 세 요소가 주는 장단점을 고려할 필요가 있다
Mobile Web Hybrid App Native App
Placement
Quality
Assurance
Revenue Model
UX
23

24. IS THERE ANOTHER OPPORTUNITY?
이러한 요소들이 별로 필요하지 않은 또 하나의 시장이 바로 기업대상의 서비스/앱 분야이다.
Consumer centric Enterprise centric
24

25. ENTERPRISE CENTRIC MARKET
기업 내부에서 사내 교육용등으로 개발되는 앱은 앞의 요소들을 고려할 필요가 없으므로 Mobile Web기반도 훌륭하다.
Deploy game-changing retail app worldwide
helped
 Increase revenue by 300%
at counters
 Roll out 20,000 iPads
 Deliver a solution world-
wide zero local IT touch
 Save $2.5MM+ per year in
direct IT costs
Page! 26!
25

26. ADOBE TOOL FOR WEB APPS
Adobe는 기존의 저작도구를 발전시켜 웹앱을 지원하도록 하고 있고, CSS용 애니메이션 도구도 출시 예정이다.
Dreamweaver+jQuery+PhoneGap Adobe Edge
26

27. MEDIA CENTRIC AUTHORING TOOL
전자책 같은 특화 시장은 일반적인 HTML5접근보다는 전용 저작도구등의 접근이 오히려 현실적일 수 있다.
Moglue’s eBook Builder iBook Author
27

28. CONCLUSION
• HTML5/Hybrid App은 성장하고 있고 빠르게 확산되고 있다.
• Hybrid App이 “앱”형태로서 장점은 App Store 기반이란 점이다.
• HTML5는 Web Page보다는 Mobile App을 위한 표준이 되고 있다.
• 웹 페이지 방식보다는 앱 개발을 위한 MVC 모델 공부가 중요하다.
• HTML5 Tool처럼 JavaScript도 Tool 연동 Framework가 증가한다.
• 더 전문화된 시장별로 전체 Ecosystem을 제공하는 서비스가 증가한다.
28

29. • 황병선
• 청강대 모바일스쿨 스마트폰 전공
• Twitter : @marsnine
• Mail : marsnine@naver.com
• Blog : http://futurewalker.kr
• Team : http://platformadvisory.kr
29

30. REFERENCE
• Developer Economics 2011 by Vision Mobile
• HTML5 and what it means for the mobile industry by Vision Mobile
• Appcelerator-IDC-Q4-2011-Mobile-Developer-Report by Vision Mobile
• Will HTML5 replace native apps? It might: here's how to figure out when :
http://bit.ly/xQhTLa
• HTML5 Challenges the “Native App & Store” Distribution (and Business) Model :
http://bit.ly/A5NbvG
30