Date post: | 15-Jan-2015 |
Category: |
Technology |
Upload: | junghyuk-kwon |
View: | 1,814 times |
Download: | 1 times |
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