<p> [데브멘토 동영상] 개발자가 알아야 할4대IT 트렌드, 기술 이슈 및 미래 전망</p> <p> 웹의 현재와 미래 2부 최종</p> <p> 조만영 웹 전문가</p> <p> 나모인터랙티브, 유니퀘스트, 오페라소프트웨어 프리세일즈 엔지니어 등 근무</p> <p> 고대 컴퓨터공학 석사</p> <p> 인터넷 및 모바일 웹 전문가로 국내 가전사, 해외 이통사들과 함께 모바일 웹 및 위젯 플랫폼 확산에 노력하고 있다</p>

1. Web technology evolves
Javascript

2. So what?
Cool but IE6!
HTML5 Good but wait for IE9 
Real?
Desktop oriented mind

3. Growth of Mobile Browser
Opera Mobile
iPhone Safari
Android Chrome

4. Performance of mobile browser
Html5test.com
134/160 213/315

5. Mobile browser leads new web technology

6. Mobile browser trends

7. Dominant mobile browser
Opera Mobile/Mini
Webkit based browser
Very keen on HTML5 and new web technology

8. Who is making webkit?
Google
Apple
Nokia
RIM
http://trac.webkit.org/wiki/WebKit
%20Team

9. Google:Youtube IE6 support ended
http://techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/

10. Google:Youtube HTML5 support
http://techcrunch.com/2010/01/20/youtube-html5/

12. Apple & HTML5

13. APPLE & HTML5

14. Why HTML5?
Desktop
Mobile
Device

15. Cross Platform
 Apple
TV
 Google

16. IT goes to CE market

17. New Web technology
Technology barrier for competitor
Enabling multi device strategy
One contents for any device

18. One web for all
Cross Device
Cross Platform

19. One web for all
Any screen size
Any screen resolution
http://www.reneschmidt.de/
http://youtube.com/xl
SVG scalable vector graphic

20. Web : universality , versatility

21. Now : WEB AS APPLICATION

22. Application like Web page
Google Maps
Google Docs

23. Mobile WebApps
Yahoo mail
Gmail

24. Apple WebApps
Native app + Web app
http://www.apple.com/webapps/whatarewebapps.html

25. Making native apps with Web Technology
PhoneGap
http://phonegap.com
Titanium appcelerator
http://www.appcelerator.com/products/
Jo App
http://joapp.com/

26. PhoneGap
PhoneGap is an open source development
framework for building cross-platform mobile apps.
Build apps in HTML and JavaScript and still take
advantage of core features in iPhone/iTouch, iPad,
Google Android, Palm, Symbian and Blackberry
SDKs. Learn
http://phonegap.com

27. Phonegap
http://phonegap.com

28. PhoneGap
Android Android
PhoneGap Market
Mobile Widget Apple
HTML/CSS/JS iPhone
Appstore
Web Developer Blackberry Blackberr
Market y
Mobile Phones

29. PhoneGap.js
Device API to control phone resources
Javascript grammar

30. PhoneGap
One source multi use
Web standard technology
HTML/CSS/JS
Extending web with PhoneGap library
Control smartphone H/W like Camera, Battery,
GPS

31. Web UI Framework
 iUI: iPhone User Interface Frameworkhttp
://chriscarey.com/projects/mythtv/iphone/
 jQTouch
http://www.jqtouch.com/preview/demos/main/#home
 Sencha Touch
http://touchstyle.mobi/app/
 Jquery Mobile
http://jquerymobile.com/demos/1.0a2/

32. Web or Apps?
Same UX
Doesn’t matter
http://www.youtube.com/watch?v=-61h8UGsi_M

33. FUTURE : WAC

34. Anti Apple alliances
2008 : Using web as cross platform mobile
application by Operators and some OEMs

35. Anti Apple alliances
Operators
Handset makers
Too many platforms 
Windows Mobile, Limo, Android, Brew, SHP,
Symbian, Proprietrary OS….
What can be the crossplatform?

36. It’s WEB!
Web Standard Technology
Cross Platform
Cross Device

37. W3C Widget based
Browser engine based
Web standard compatible
Widgets 1.0: Packaging and Configuration
Widgets 1.0: Digital Signatures
Widgets 1.0: APIs and Events
Widgets 1.0: Updates

38. Widget Runtime
Web application platform
Browser rendering engine based
HTML/CSS/Javascript is the main technology
Operator/OEM driven
Widget Manager UI
Widget Runtime = Browser Engine
(Opera, Webkit, etc)
Android WM LIMO

39. Widget Runtime
Widget Runtime(Browser Engine)

40. Widget Store
Android
(Widget Engine)
Mobile Widget
HTML/CSS/JS Widget
Widget
Widget WM
Store
Store (Widget Engine)
Store
Web Developer
Operator Stores
OEMs Stores
LIMO
(Widget Engine)
Mobile Phones

41. Widget Runtime Demo
http://www.youtube.com/watch?v=0RYvNl1mO3M&featu
http://widget.developer.vodafone.com/en/
http://www.youtube.com/watch?v=3xpS21aR-BQ

42. WebApps Pros/Cons
Pros
 Easy development than Java/Objective-C
 Easy use of OpenAPI/MeshUp
 Easy delivery of web contents
 Cross platform deployment
Cons
 No device H/W controls
 Low graphics, multimedia control

43. Extend Web : Device APIs
Contact
Calendar
File system
Messaging
System info :
CPU, Battery, etc

44. WAC(Wholesale Application Community)
Cross-platform mobile apps
WAC API
Global AppStore

45. Waikiki – WAC engine
http://public.wholesaleappcommunity.com/redmine/embe
Widget Runtime
1. Spec (Core + DeviceAPIs)
2. Tools (SDK + RI[Reference Implementation])
3. Testing (Compliance process)

46. 글로벌 앱스토어 WAC 로드맵
목표 시점 계획 진행상태
2010년 2월 24개 통신사 구축 발표 완료
2010년 7월 WAC법인 출범 완료
2010년 9월 WAC 표준 발표 예정
2010년 11월 SDK발표 및 첫 개발자 이벤트 예정
2011년 2월 WAC 오픈 첫 단말 시연 예정
2011년 5월 WAC 단말 상용화 예정

47. 국내 통합 앱스토어 (K-WAC)
추진 일정
목표시점 계획
2010. 4월 통합 앱스토어 추진방향 발표
2010. 5～12월 프로그램, 시스템 등 표준 개발
2011. 1월 통합 앱스토어 시험 운영
2011. 6월 상용 단말 출시 및 상용서비스 개시

48. App distribution
Android
(Widget
Engine)
Mobile Widget
HTML/CSS/JS Widget
Widget
Widget WM (Widget
Store
Store Engine)
Store
Web Developer
SKT, KT, LGU+
Samsug, LGE
Vodafone, VZW, Softbank LIMO
(Widget
Engine)
Mobile Phones

49. Size does matter
Cellphone
Smartphone
Million
iPhone
0 200 400 600 800 1000 1200 1400
Number of phones

50. FUTURE : TV and Home

51. TV & Broadcasting
Web based service
BBC iPlayer
http://www.bbc.co.uk/iplayer/bigscreen/

52. OIPF & CE-HTML
Open IPTV Forum
CE-HTML
DAE(Declarative Application Environment)
Web standard based
Javascript extension W3C Standard
CE_HTML

53. Hbbtv
 Hybrid
 Broadcasting
 Broadband
 TV

54. Opera for HbbTV

55. HBBTV

56. Widgets! Apps!

57. TV widgets
http://www.youtube.com/watch?v=_u28b13BiOY

58. http://pavv.co.kr

59. Not yet! Device!

60. Tabbee Device
http://www.youtube.com/user/operasoftware#p/u/6/k7Vh

61. Game console
http://www.youtube.com/watch?v=EWOc3Sm3IMo&featu

62. Digital Photoframe

63. Car

64. FUTURE : web renaissance

66. Internet on Mobile

67. Innovation!

68. Innovative service!

69. Web + Consumer electronics

70. Bigbang of web!
Just beginning
Another Bigbang!
Web service + Web Technolgoy

71. Thank you for listening
http://webdevmobile.com
Blog : http://manyoung.net
Twitter : @manyoungc
Me2Day : http://me2day.net/manyoung