2011 will be the year of web applications.

1. 2011
TheYearof
WebApps
( @xguru )
Sunday, January 2, 2011 1

2. •
➡ K
- SW Architect
- Developer Evangelist
➡ - http://xguru.net
➡ - @xguru
➡ - guru @ xguru.net
Sunday, January 2, 2011 2

3. 2010 was
year of
HTML5
ReadWriteWeb - “Top Trends of 2010 : HTML5”
Sunday, January 2, 2011 3

4. 2010 was
year of
HTML5
ReadWriteWeb - “Top Trends of 2010 : HTML5”
Sunday, January 2, 2011 3

5. HTML5 ?
HTML5 ~= HTML + CSS + JS API
Web Desktop
App
Sunday, January 2, 2011 4

6. Thoughts on Flash
No Flash on iOS , Go for HTML5
개방성,FullWeb,신뢰성/보안/성능,배터리,
터치기반인터페이스,
http://www.apple.com/hotnews/thoughts-on-flash/
Sunday, January 2, 2011 5

7. HTML5
http://www.apple.com/ipad/ready-for-ipad/
Sunday, January 2, 2011 6

8. We Love HTML5 !
http://www.apple.com/html5/ http://html5rocks.com
http://beautyoftheweb.com
Sunday, January 2, 2011 7

9. 왜HTML5가모바일에중요한가?
각모바일플랫폼용
네이티브앱
iOS, Android, WP7, BlackBerry, Symbian, Bada ..
Sunday, January 2, 2011 8

10. 기관 App 제작비용 다운로드
특허청 특허정보검색 2억6600만원 833건
전라남도 U남도여행길잡이 3억원 6600건
: http://j.mp/korgovapp
Sunday, January 2, 2011 9

11. HTML5
Sunday, January 2, 2011 10

12. Devices 2011
iOS Android BB PlayBook HP WebOS
Sunday, January 2, 2011 11

13. 2011
Web Apps
Sunday, January 2, 2011 12

14. WebAppStores
DeviceAPI
HybridCrossPlatform
Sunday, January 2, 2011 13

15. ChromeWebStore
Sunday, January 2, 2011 14

16. MozillaWebAppStore
Sunday, January 2, 2011 15

17. MozillaWebAppStore
Sunday, January 2, 2011 15

18. GetJar
Sunday, January 2, 2011 16

19. iPadificationoftheWeb
Sunday, January 2, 2011 17

20. Device APIs
Camera
Filesystem Acclerometer
Web
Browser Contacts
Device
Messaging
Orientation
Device
Web App API Calendar
Developer Tasks Geolocation
Javascript
Hybrid Gallery
Device Device
Status Interaction
• WAC (Wholesale Application Community)
• 40 / : BONDI + JIL ~= Waikiki Beta
• W3C DAP ( Device API )
Sunday, January 2, 2011 18

21. WAC Schedule 2011
2010 2011
07 11 02 05
WAC WAC API Beta WAC Demo WAC
@MWC Enabled Device
12 05
K-WAC K-WAC
Enabled Device
• WAC Enabled Device
• Device Web App
Sunday, January 2, 2011 19

22. Web , Native , Hybrid
Web App Native App
• •
• HTML , CSS , Javascript • Objective-C ( iPhone ) , Java ( Android )
• • XCode ( iPhone ) , Eclipse ( Android )
• , iUI , JQTouch .. • Cocoa Touch ( iPhone ) , UI Framework (Android)
• App • App $99 or $35
• - / .. • .
• • App Store/Market /
• • ( iPhone )
• •
Hybrid App
• Native App Web App : Web , Native
• Web App : , , , ...
WAC API , DAP API
• ( Packaging )
Sunday, January 2, 2011 20

23. UI Library for Touch Devices
Web UI Touch
• 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
Sunday, January 2, 2011 21

24. Hybrid Web App
Device OS
• Native App + Web App Hybrid framework
Web Browser
Web Application
Web Device css/js/html
• Hybrid Frameworks
Phonegap
Appspresso
Titanium Mobile
Sunday, January 2, 2011 22

25. Appspresso
• Mobile App Builder by
Hybrid Web App : iOS , Android ..
Device API : WAC API ( Waikiki )
Powered By
iOS Android
Native Plugin : Plugin Development Kit
• HTML5 Web App
Touch UI : Sencha , jQueryMobile , JoApp
Javascript MVC Framework ( ROR )
Sunday, January 2, 2011 23

26. Write Once
Appspresso Sell Anywhere
Win/Mac
Touch UI Framework
Android / iOS App Build
Sunday, January 2, 2011 24

27. 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 ..
Sunday, January 2, 2011 25

28. !
email : guru @ xguru.net
twitter : @xguru
Sunday, January 2, 2011 26