2011 the year of web apps
DESCRIPTION
2011.01 2011 will be the year of web applications.TRANSCRIPT
![Page 1: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/1.jpg)
2011The����������� ������������������ Year����������� ������������������ of����������� ������������������
Web����������� ������������������ Apps권정혁 ( @xguru )
1Sunday, January 2, 2011
![Page 2: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/2.jpg)
소개•권정혁
➡ K 기술연구소
- SW Architect
- Developer Evangelist
➡ 블로그 - http://xguru.net
➡ 트위터 - @xguru
➡ 이메일 - guru @ xguru.net
2Sunday, January 2, 2011
![Page 3: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/3.jpg)
2010 wasyear of
HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”
3Sunday, January 2, 2011
![Page 4: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/4.jpg)
2010 wasyear of
HTML5ReadWriteWeb - “Top Trends of 2010 : HTML5”
3Sunday, January 2, 2011
![Page 5: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/5.jpg)
HTML5 ?
HTML5 ~= HTML CSS JS API+ +
Web 에서 Desktop 수준의
App 을 구현4Sunday, January 2, 2011
![Page 6: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/6.jpg)
Thoughts on Flash
http://www.apple.com/hotnews/thoughts-on-flash/
개방성����������� ������������������ ,����������� ������������������ Full����������� ������������������ Web����������� ������������������ ,����������� ������������������ 신뢰성/보안/성능����������� ������������������ ,����������� ������������������ 배터리����������� ������������������ ,터치기반����������� ������������������ 인터페이스����������� ������������������ ,����������� ������������������ 크로스����������� ������������������ 플랫폼����������� ������������������ 비표준����������� ������������������ 레이어
No Flash on iOS , Go for HTML5
5Sunday, January 2, 2011
![Page 7: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/7.jpg)
http://www.apple.com/ipad/ready-for-ipad/
HTML5 웹사이트의 증가
6Sunday, January 2, 2011
![Page 8: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/8.jpg)
We Love HTML5 !
http://www.apple.com/html5/ http://html5rocks.com
http://beautyoftheweb.com7Sunday, January 2, 2011
![Page 9: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/9.jpg)
회사들이����������� ������������������ 각����������� ������������������ 모바일����������� ������������������ 플랫폼용����������� ������������������
네이티브����������� ������������������ 앱을����������� ������������������ 모두����������� ������������������ 만들기는����������� ������������������ 어렵다.
왜����������� ������������������ HTML5가����������� ������������������ 모바일에����������� ������������������ 중요한가����������� ������������������ ?
iOS, Android, WP7, BlackBerry, Symbian, Bada ..
8Sunday, January 2, 2011
![Page 10: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/10.jpg)
정부 , 지자체 모바일 앱 현황기관 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
![Page 11: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/11.jpg)
HTML5 와 웹 브라우저
10Sunday, January 2, 2011
![Page 12: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/12.jpg)
Devices 2011
iOS & Android BB & PlayBook HP WebOS
11Sunday, January 2, 2011
![Page 13: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/13.jpg)
2011Web Apps
12Sunday, January 2, 2011
![Page 14: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/14.jpg)
Web����������� ������������������ App����������� ������������������ Stores
Device����������� ������������������ API
Hybrid����������� ������������������ &����������� ������������������ Cross����������� ������������������ Platform
13Sunday, January 2, 2011
![Page 15: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/15.jpg)
Chrome����������� ������������������ Web����������� ������������������ Store
14Sunday, January 2, 2011
![Page 16: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/16.jpg)
Mozilla����������� ������������������ Web����������� ������������������ App����������� ������������������ Store
15Sunday, January 2, 2011
![Page 17: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/17.jpg)
Mozilla����������� ������������������ Web����������� ������������������ App����������� ������������������ Store
15Sunday, January 2, 2011
![Page 18: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/18.jpg)
GetJar
16Sunday, January 2, 2011
![Page 19: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/19.jpg)
iPadification����������� ������������������ of����������� ������������������ the����������� ������������������ Web
17Sunday, January 2, 2011
![Page 20: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/20.jpg)
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
![Page 21: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/21.jpg)
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
![Page 22: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/22.jpg)
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
![Page 23: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/23.jpg)
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
![Page 24: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/24.jpg)
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
![Page 25: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/25.jpg)
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
![Page 26: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/26.jpg)
Appspresso Write OnceSell Anywhere
Win/Mac 에서 개발가능Touch UI Framework 지원
Android / iOS App 으로 Build
24Sunday, January 2, 2011
![Page 27: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/27.jpg)
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
![Page 28: 2011 The Year of Web apps](https://reader036.vdocuments.mx/reader036/viewer/2022081404/5577d161d8b42ae0418b4e89/html5/thumbnails/28.jpg)
고맙습니다!email : guru @ xguru.net twitter : @xguru
26Sunday, January 2, 2011