HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

Size: px

Start display at page:

Download "HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API"

지숙 반
5 years ago
Views:

1 WAC 2.0 & Hybrid Web App 권정혁 ) 1

2 HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

3 Mobile Web App needs Device APIs Camera Filesystem Acclerometer Web Browser Contacts Messaging Device Orientation Web App Developer Device API Javascript Calendar Tasks Geolocation Hybrid Gallery Device Status Device Interaction WAC (Wholesale Application Community) 70 / : BONDI + JIL ~= Waikiki Beta W3C DAP ( Device API )

4 WAC : Wholesale Application Community 비용 애플리케이션 70 + Web ( MWC, WAC )

5 WAC 이동통신사, 개발자, 소비자의필요및웹기술의발전이기반이되어 WAC 출범 Needs 이동통신사의필요 개발자의필요 소비자의필요 Feasibility 웹표준기술의발전 브라우저기술의발전 하드웨어의발전 Source : Current / Future of WAC / KWAC -

6 WAC Schedule WAC 1.0 WAC 2.0 WAC 3.0 Basis for Commecial Launch HTML4 Web App 모바일디바이스의기능접근 카메라 주소록 Accelormeter 등 JIL + BONDI 2011년 2월 Release HTML5 + 멀티미디어기능 더욱확장된디바이스기능접근 File System Calendar Device Orientation 등 보안기능향상 2011년 9월예정 HTML5 + Network APIs WAC 2.0 기반 주요네트웍 API 제공 In-App Billing Identity Authentication

7 WAC Rank Store Growth 1 Apple App Store $789M 92.8% $1,782M 82.7% 131.9% 2 BlackBerry App World $36M 4.3% $165M 7.7% 380.3% 3 Nokia Ovi Store $13M 1.5% $105M 4.9% 719.4% 4 Google Android Market $11M 1.3% $102M 4.7% 861.5% Source : IHS Screen Digest Hybrid 앱방식

8 Native Vs. Web Vs. Hybrid

9 Native App 개발이어렵다 / 비싸다 다양한기기대응어렵다

10 Web App 속도가느리다? 디바이스기능활용? 판매수익?

11 Hybrid App Device OS Native App / Hybrid framework Web Browser Web Application css/js/html App Store / Market 에판매가능 Web Server 성능? 어떻게만드는지? Web Application

12 Hybrid Types 1 2 DIY with WebView Using Hybrid Framework Native Hybrid Web Native App + Web View Hybrid Frameworks Appspresso / Phonegap / Titanium WebView connecting to Web Server 1 2 1

13 Hybrid DIY Native + WebView ( iphone & Android ) Device OS Mobile App Web Server Major/Minor Feature with Native API WebView Web App Native API WebView

14 Hybrid Frameworks Appspresso / Phonegap Native App Wrapping WebView Native API Javascript ( Camera, Contact, File System WAC W3C DAP API ) Titanium Mobile Use web technologies to build Native app Full Featured Javascript API, Cross Platform Compile web app to real Native app

15 Appspresso Mobile App Builder by Hybrid Web App : ios, Android Device API : WAC API ( Waikiki API 2.0 ) 1 / Powered By PDK ( Plugin Development Kit ) Device API HTML5 Web App Touch UI : Sencha, jquerymobile Extension APIs : Gallery browsing, Cross Domain Call, Screen capture..

16 Appspresso Write Once Sell Anywhere WAC 2.0 API Win / Mac support Touch UI Frameworks Android / ios App Build with 1-Click

17 N - Screen App Book News Voice Music Movie Game 절반이상의미국인이 3 개이상의 Device 로같은컨텐츠를보고있다 Computer Smartphone Tablet Game Console TV Source: AT&T Consumer Survey ( conducted by Burke, Dec 2010 )

18 App Book News Voice Music Movie Game HTML5 based ( Hybrid ) Web App Computer Smartphone Tablet Game Console TV

19 Future of Hybrid App ( 현재로선 ) Web app 은 Native App 을완전히대체하지는못함 Hybrid app Hybrid app Web App 의도입 Device API Hybrid App Framework 에의해계속발전중 N-Screen 을위한기초작업

20 Thank you! xguru.net twitter

Special Theme _ 모바일웹과 스마트폰 본 고에서는 모바일웹에서의 단말 API인 W3C DAP (Device API and Policy) 의 표준 개발 현황에 대해서 살펴보고 관 련하여 개발 중인 사례를 통하여 이해를 돕고자 한다. 2. 웹 애플리케이션과 네이

Special Theme _ 모바일웹과 스마트폰 본 고에서는 모바일웹에서의 단말 API인 W3C DAP (Device API and Policy) 의 표준 개발 현황에 대해서 살펴보고 관 련하여 개발 중인 사례를 통하여 이해를 돕고자 한다. 2. 웹 애플리케이션과 네이 모바일웹 플랫폼과 Device API 표준 이강찬 TTA 유비쿼터스 웹 응용 실무반(WG6052)의장, ETRI 선임연구원 1. 머리말 현재 소개되어 이용되는 모바일 플랫폼은 아이폰, 윈 도 모바일, 안드로이드, 심비안, 모조, 리모, 팜 WebOS, 바다 등이 있으며, 플랫폼별로 버전을 고려하면 그 수 를 열거하기 힘들 정도로 다양하게 이용되고 있다. 이