2011 the year of web apps

Post on 10-Jun-2015

549 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

2011.01 2011 will be the year of web applications.

TRANSCRIPT

2011The����������� ������������������  Year����������� ������������������  of����������� ������������������  

Web����������� ������������������  Apps권정혁 ( @xguru )

1Sunday, January 2, 2011

소개•권정혁

➡ K 기술연구소

- SW Architect

- Developer Evangelist

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

➡ 트위터 - @xguru

➡ 이메일 - guru @ xguru.net

2Sunday, January 2, 2011

2010 wasyear of

HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”

3Sunday, January 2, 2011

2010 wasyear of

HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”

3Sunday, January 2, 2011

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

5Sunday, January 2, 2011

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

HTML5 웹사이트의 증가

6Sunday, January 2, 2011

We Love HTML5 !

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

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

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

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

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

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

8Sunday, January 2, 2011

정부 , 지자체 모바일 앱 현황기관 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

HTML5 와 웹 브라우저

10Sunday, January 2, 2011

Devices 2011

iOS & Android BB & PlayBook HP WebOS

11Sunday, January 2, 2011

2011Web Apps

12Sunday, January 2, 2011

Web����������� ������������������  App����������� ������������������  Stores

Device����������� ������������������  API

Hybrid����������� ������������������  &����������� ������������������  Cross����������� ������������������  Platform

13Sunday, January 2, 2011

Chrome����������� ������������������  Web����������� ������������������  Store

14Sunday, January 2, 2011

Mozilla����������� ������������������  Web����������� ������������������  App����������� ������������������  Store

15Sunday, January 2, 2011

Mozilla����������� ������������������  Web����������� ������������������  App����������� ������������������  Store

15Sunday, January 2, 2011

GetJar

16Sunday, January 2, 2011

iPadification����������� ������������������  of����������� ������������������  the����������� ������������������  Web

17Sunday, January 2, 2011

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

18Sunday, January 2, 2011

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 들 증가

19Sunday, January 2, 2011

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 )

20Sunday, January 2, 2011

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 와 친화적이지 않음

21Sunday, January 2, 2011

Hybrid Web App

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

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

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

• Hybrid FrameworksPhonegap

Appspresso

Titanium Mobile

Device OSHybrid framework

Web Browser

Web Application css/js/html

22Sunday, January 2, 2011

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

23Sunday, January 2, 2011

Appspresso Write OnceSell Anywhere

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

Android / iOS App 으로 Build

24Sunday, January 2, 2011

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 ..

25Sunday, January 2, 2011

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

26Sunday, January 2, 2011

top related