2011 The Year of Web apps

2011The�� Year�� of��

Web�� Apps권정혁 ( @xguru )

1Sunday, January 2, 2011

소개•권정혁

➡ K 기술연구소

- SW Architect

- Developer Evangelist

➡ 블로그 - http://xguru.net

➡ 트위터 - @xguru

➡ 이메일 - guru @ xguru.net


http://xguru.net

http://xguru.net

mailto:[email protected]

mailto:[email protected]

2010 wasyear of

HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”


2010 wasyear of

HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”


HTML5 ?

HTML5 ~= HTML CSS JS API+ +

Web 에서 Desktop 수준의

App 을 구현4Sunday, January 2, 2011

Thoughts on Flash

http://www.apple.com/hotnews/thoughts-on-flash/

개방성�� ,�� Full�� Web�� ,�� 신뢰성/보안/성능�� ,�� 배터리�� ,터치기반�� 인터페이스�� ,�� 크로스�� 플랫폼�� 비표준�� 레이어

No Flash on iOS , Go for HTML5




http://www.apple.com/ipad/ready-for-ipad/

HTML5 웹사이트의 증가




We Love HTML5 !

http://www.apple.com/html5/ http://html5rocks.com

http://beautyoftheweb.com7Sunday, January 2, 2011

http://www.apple.com/html5/






회사들이�� 각�� 모바일�� 플랫폼용��

네이티브�� 앱을�� 모두�� 만들기는�� 어렵다.

왜�� HTML5가�� 모바일에�� 중요한가�� ?

iOS, Android, WP7, BlackBerry, Symbian, Bada ..


정부 , 지자체 모바일 앱 현황기관 App 제작비용 다운로드

방송통신위 방송통신위 3500만원 4670건

법무부 법아�� 놀자 8140만원 160000건

행안부 민원�� 24시 2억원 미집계

문화부 touch�� korea 1900만원 68건

고용노동부 잡영 2억1600만원 4784건

보건복지부 숙녀다이어리 3000만원 112905건

조달청 나라장터알림 9200만원 7181건

특허청 특허정보검색 2억6600만원 833건

통계청 수명계산기 2310만원 331129건

서울시 I-tour 3억1400만원 184094건

서울시 서울종합방재센터 2500만원 10건

경기도 경기산책로 4천만원 5100건

전라남도 U남도�� 여행길잡이 3억원 6600건

연합뉴스 : 정부의 앱 개발비 현황 http://j.mp/korgovapp9Sunday, January 2, 2011

http://j.mp/korgovapp

http://j.mp/korgovapp

HTML5 와 웹 브라우저


Devices 2011

iOS & Android BB & PlayBook HP WebOS


2011Web Apps


Web�� App�� Stores

Device�� API

Hybrid�� &�� Cross�� Platform


Chrome�� Web�� Store


Mozilla�� Web�� App�� Store


Mozilla�� Web�� App�� Store


GetJar


iPadification�� of�� the�� Web


Device APIs

• WAC (Wholesale Application Community)

• 40개 이상의 통신사/제조사 협의체 : BONDI + JIL ~= Waikiki Beta

• W3C DAP ( Device API )

Web AppDeveloper

WebBrowser

DeviceAPI

Javascript

Hybrid

Camera

Contacts

Calendar

Gallery

Filesystem

Messaging

Tasks

DeviceStatus

Acclerometer

DeviceOrientation

Geolocation

DeviceInteraction


WAC Schedule 201120112010

11WAC API Beta

07WAC 법인

02WAC Demo

@MWC

05WAC

Enabled Device

12K-WAC 재단설립

05K-WAC

Enabled Device

• WAC Enabled Device 의 증가

• Device 기능을 활용한 Web App 들 증가


Web , Native , HybridWeb App Native App

• 모바일 디바이스에 최적화된 웹사이트• HTML , CSS , Javascript

• 기존에 사용하던 웹 개발환경

• 웹 표준 컨트롤 , iUI , JQTouch ..

• App 개발자 등록 필요없음

• 제한적인 디바이스 사용 - 카메라/마이크..

• 자체 결제시스템 구축필요 또는 광고

• 서버에서 바로바로 업데이트가능

• 다양한 플랫폼 동시 지원

• 모바일 디바이스 전용 앱• Objective-C ( iPhone ) , Java ( Android )

• XCode ( iPhone ) , Eclipse ( Android )

• Cocoa Touch ( iPhone ) , UI Framework (Android)

• App 등록을 위해 년 $99 or $35

• 디바이스의 모든 기능을 활용. 빠른속도

• App Store/Market를 통한 판매/수익 & 광고

• 업그레이드 할때마다 검수 ( iPhone )

• 플랫폼 별로 따로 개발

Hybrid AppHybrid App

• Native App 안에 Web App 을 담는 중간 형태 : 개발은 Web , 결과물은 Native

• Web App 에서 지원 못하던 디바이스 기능을 사용가능 : 카메라,연락처,센서,진동...

WAC API , DAP API 등이 제대로 지원되기 전까지 과도기적인 형태

• 한번 개발하여 다양한 플랫폼 동시지원 ( 각각 Packaging )

• Native App 안에 Web App 을 담는 중간 형태 : 개발은 Web , 결과물은 Native

• Web App 에서 지원 못하던 디바이스 기능을 사용가능 : 카메라,연락처,센서,진동...

WAC API , DAP API 등이 제대로 지원되기 전까지 과도기적인 형태

• 한번 개발하여 다양한 플랫폼 동시지원 ( 각각 Packaging )


UI Library for Touch Devices

• jQTouch - http://jqtouch.com

• jQueryMobile - http://jquerymobile.com

• Sencha Touch - http://sencha.com

• jo - http://joapp.com

• wink - http://winktoolkit.org

• iui , xui , zepto.js

• Sproutcore , Cappuccino

• Cross Platform Web App 지원을 위한 UI Framework 들이 출현 및 성장

Web UI는 Touch 와 친화적이지 않음


Hybrid Web App

• Native App + Web App하나의 웹소스로 모든 디바이스 동시지원

Web 으로는 불가능한 Device 기능 지원

앱 스토어를 통한 앱 판매 가능

• Hybrid FrameworksPhonegap

Appspresso

Titanium Mobile

Device OSHybrid framework

Web Browser

Web Application css/js/html


Appspresso• Mobile App Builder by

Hybrid Web App 개발 플랫폼 : iOS , Android ..

Device API : WAC API ( Waikiki ) 지원

원 클릭으로 iOS & Android 앱 빌드

Native Plugin 추가 가능 : Plugin Development Kit

• HTML5 Web App

Touch UI : Sencha , jQueryMobile , JoApp 연동

내장 Javascript MVC Framework ( ROR 과 유사 )

Powered By


Appspresso Write OnceSell Anywhere

Win/Mac 에서 개발가능Touch UI Framework 지원

Android / iOS App 으로 Build


Web App 2011 • 다양한 Web App Store 의 등장 및 성장★ Chrome , Mozilla , GetJar ..

• Device 가 더욱 세분화 ➠ Web App 의 필요성 증가★ iOS & Android , Tablets..

• Device API 적용 디바이스의 출현★ WAC Enabled Feature Phone

★ Android & Other Smartphones

• Hybrid Web App 개발툴의 성장★ PhoneGap , Appspresso , Titanium Mobile ..


고맙습니다!email : guru @ xguru.net twitter : @xguru


Technology

2011 The Year of Web apps