Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web technology evolvesJavascript
So what?Cool but IE6!HTML5 Good but wait for IE9 Real?Desktop oriented mind
Growth of Mobile BrowserOpera MobileiPhone SafariAndroid Chrome
Performance of mobile browserHtml5test.com       134/160              213/315
Mobile browser leads new web technology
Mobile browser trends
Dominant mobile browserOpera Mobile/MiniWebkit based browserVery keen on HTML5 and new web technology
Who is making webkit?GoogleAppleNokiaRIM                    http://trac.webkit.org/wiki/WebKit                        ...
Google:Youtube IE6 support endedhttp://techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/
Google:Youtube HTML5 support    http://techcrunch.com/2010/01/20/youtube-html5/
Apple & HTML5
APPLE & HTML5
Why HTML5?DesktopMobileDevice
Cross Platform Apple                 TV Google
IT goes to CE market
New Web technologyTechnology barrier for competitorEnabling multi device strategyOne contents for any device
One web for allCross DeviceCross Platform
One web for all Any screen size Any screen resolution http://www.reneschmidt.de/ http://youtube.com/xl SVG scalable v...
Web : universality , versatility
Now : WEB AS APPLICATION
Application like Web pageGoogle MapsGoogle Docs
Mobile WebAppsYahoo mailGmail
Apple WebAppsNative app + Web app http://www.apple.com/webapps/whatarewebapps.html
Making native apps with Web TechnologyPhoneGap http://phonegap.comTitanium appcelerator  http://www.appcelerator.com/pro...
PhoneGapPhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and ...
Phonegaphttp://phonegap.com
PhoneGap                   Android         Android   PhoneGap        Market   Mobile Widget    Apple   HTML/CSS/JS        ...
PhoneGap.jsDevice API to control phone resourcesJavascript grammar
PhoneGapOne source multi useWeb standard technologyHTML/CSS/JSExtending web with PhoneGap libraryControl smartphone H...
Web UI Framework iUI: iPhone User Interface Frameworkhttp  ://chriscarey.com/projects/mythtv/iphone/ jQTouch  http://www...
Web or Apps?Same UXDoesn’t matterhttp://www.youtube.com/watch?v=-61h8UGsi_M
FUTURE : WAC
Anti Apple alliances2008 : Using web as cross platform mobile application by Operators and some OEMs
Anti Apple alliancesOperatorsHandset makersToo many platforms Windows Mobile, Limo, Android, Brew, SHP, Symbian, Prop...
It’s WEB!Web Standard TechnologyCross PlatformCross Device
W3C Widget basedBrowser engine basedWeb standard compatibleWidgets 1.0: Packaging and ConfigurationWidgets 1.0: Digita...
Widget RuntimeWeb application platformBrowser rendering engine basedHTML/CSS/Javascript is the main technologyOperator...
Widget Runtime           Widget Runtime(Browser Engine)
Widget Store                                          Android                                       (Widget Engine)  Mobil...
Widget Runtime Demohttp://www.youtube.com/watch?v=0RYvNl1mO3M&featuhttp://widget.developer.vodafone.com/en/http://www.y...
WebApps Pros/ConsPros   Easy development than Java/Objective-C   Easy use of OpenAPI/MeshUp   Easy delivery of web con...
Extend Web : Device APIsContactCalendarFile systemMessagingSystem info :CPU, Battery, etc
WAC(Wholesale Application Community)Cross-platform mobile appsWAC APIGlobal AppStore
Waikiki – WAC enginehttp://public.wholesaleappcommunity.com/redmine/embeWidget Runtime1. Spec (Core + DeviceAPIs)2. To...
글로벌 앱스토어 WAC 로드맵목표 시점       계획                  진행상태2010년 2월    24개 통신사 구축 발표       완료2010년 7월    WAC법인 출범            완료20...
국내 통합 앱스토어 (K-WAC)추진 일정목표시점          계획2010. 4월      통합 앱스토어 추진방향 발표2010. 5~12월   프로그램, 시스템 등 표준 개발2011. 1월      통합 앱스토어 시...
App distribution                                                 Android                                                 (...
Size does matter CellphoneSmartphone                                                             Million    iPhone        ...
FUTURE : TV and Home
TV & BroadcastingWeb based serviceBBC iPlayer http://www.bbc.co.uk/iplayer/bigscreen/
OIPF & CE-HTMLOpen IPTV ForumCE-HTMLDAE(Declarative Application Environment)Web standard basedJavascript extension   ...
Hbbtv Hybrid Broadcasting Broadband TV
Opera for HbbTV
HBBTV
Widgets! Apps!
TV widgetshttp://www.youtube.com/watch?v=_u28b13BiOY
http://pavv.co.kr
Not yet! Device!
Tabbee Devicehttp://www.youtube.com/user/operasoftware#p/u/6/k7Vh
Game consolehttp://www.youtube.com/watch?v=EWOc3Sm3IMo&featu
Digital Photoframe
Car
FUTURE : web renaissance
Internet on Mobile
Innovation!
Innovative service!
Web + Consumer electronics
Bigbang of web!Just beginning     Another Bigbang!Web service + Web Technolgoy
Thank you for listeninghttp://webdevmobile.comBlog : http://manyoung.netTwitter : @manyoungcMe2Day : http://me2day.net/man...
웹(web)의 현재와 미래(2)
웹(web)의 현재와 미래(2)
Upcoming SlideShare
Loading in …5
×

웹(web)의 현재와 미래(2)

1,963 views

Published on

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

Published in: Technology
  • Be the first to comment

웹(web)의 현재와 미래(2)

  1. 1. Web technology evolvesJavascript
  2. 2. So what?Cool but IE6!HTML5 Good but wait for IE9 Real?Desktop oriented mind
  3. 3. Growth of Mobile BrowserOpera MobileiPhone SafariAndroid Chrome
  4. 4. Performance of mobile browserHtml5test.com 134/160 213/315
  5. 5. Mobile browser leads new web technology
  6. 6. Mobile browser trends
  7. 7. Dominant mobile browserOpera Mobile/MiniWebkit based browserVery keen on HTML5 and new web technology
  8. 8. Who is making webkit?GoogleAppleNokiaRIM http://trac.webkit.org/wiki/WebKit %20Team
  9. 9. Google:Youtube IE6 support endedhttp://techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/
  10. 10. Google:Youtube HTML5 support http://techcrunch.com/2010/01/20/youtube-html5/
  11. 11. Apple & HTML5
  12. 12. APPLE & HTML5
  13. 13. Why HTML5?DesktopMobileDevice
  14. 14. Cross Platform Apple TV Google
  15. 15. IT goes to CE market
  16. 16. New Web technologyTechnology barrier for competitorEnabling multi device strategyOne contents for any device
  17. 17. One web for allCross DeviceCross Platform
  18. 18. One web for all Any screen size Any screen resolution http://www.reneschmidt.de/ http://youtube.com/xl SVG scalable vector graphic
  19. 19. Web : universality , versatility
  20. 20. Now : WEB AS APPLICATION
  21. 21. Application like Web pageGoogle MapsGoogle Docs
  22. 22. Mobile WebAppsYahoo mailGmail
  23. 23. Apple WebAppsNative app + Web app http://www.apple.com/webapps/whatarewebapps.html
  24. 24. Making native apps with Web TechnologyPhoneGap http://phonegap.comTitanium appcelerator http://www.appcelerator.com/products/Jo App http://joapp.com/
  25. 25. 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
  26. 26. Phonegaphttp://phonegap.com
  27. 27. PhoneGap Android Android PhoneGap Market Mobile Widget Apple HTML/CSS/JS iPhone Appstore Web Developer Blackberry Blackberr Market y Mobile Phones
  28. 28. PhoneGap.jsDevice API to control phone resourcesJavascript grammar
  29. 29. PhoneGapOne source multi useWeb standard technologyHTML/CSS/JSExtending web with PhoneGap libraryControl smartphone H/W like Camera, Battery, GPS
  30. 30. 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/
  31. 31. Web or Apps?Same UXDoesn’t matterhttp://www.youtube.com/watch?v=-61h8UGsi_M
  32. 32. FUTURE : WAC
  33. 33. Anti Apple alliances2008 : Using web as cross platform mobile application by Operators and some OEMs
  34. 34. Anti Apple alliancesOperatorsHandset makersToo many platforms Windows Mobile, Limo, Android, Brew, SHP, Symbian, Proprietrary OS….What can be the crossplatform?
  35. 35. It’s WEB!Web Standard TechnologyCross PlatformCross Device
  36. 36. 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
  37. 37. 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
  38. 38. Widget Runtime Widget Runtime(Browser Engine)
  39. 39. 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
  40. 40. 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
  41. 41. 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
  42. 42. Extend Web : Device APIsContactCalendarFile systemMessagingSystem info :CPU, Battery, etc
  43. 43. WAC(Wholesale Application Community)Cross-platform mobile appsWAC APIGlobal AppStore
  44. 44. 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)
  45. 45. 글로벌 앱스토어 WAC 로드맵목표 시점 계획 진행상태2010년 2월 24개 통신사 구축 발표 완료2010년 7월 WAC법인 출범 완료2010년 9월 WAC 표준 발표 예정2010년 11월 SDK발표 및 첫 개발자 이벤트 예정2011년 2월 WAC 오픈 첫 단말 시연 예정2011년 5월 WAC 단말 상용화 예정
  46. 46. 국내 통합 앱스토어 (K-WAC)추진 일정목표시점 계획2010. 4월 통합 앱스토어 추진방향 발표2010. 5~12월 프로그램, 시스템 등 표준 개발2011. 1월 통합 앱스토어 시험 운영2011. 6월 상용 단말 출시 및 상용서비스 개시
  47. 47. 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
  48. 48. Size does matter CellphoneSmartphone Million iPhone 0 200 400 600 800 1000 1200 1400 Number of phones
  49. 49. FUTURE : TV and Home
  50. 50. TV & BroadcastingWeb based serviceBBC iPlayer http://www.bbc.co.uk/iplayer/bigscreen/
  51. 51. OIPF & CE-HTMLOpen IPTV ForumCE-HTMLDAE(Declarative Application Environment)Web standard basedJavascript extension W3C Standard CE_HTML
  52. 52. Hbbtv Hybrid Broadcasting Broadband TV
  53. 53. Opera for HbbTV
  54. 54. HBBTV
  55. 55. Widgets! Apps!
  56. 56. TV widgetshttp://www.youtube.com/watch?v=_u28b13BiOY
  57. 57. http://pavv.co.kr
  58. 58. Not yet! Device!
  59. 59. Tabbee Devicehttp://www.youtube.com/user/operasoftware#p/u/6/k7Vh
  60. 60. Game consolehttp://www.youtube.com/watch?v=EWOc3Sm3IMo&featu
  61. 61. Digital Photoframe
  62. 62. Car
  63. 63. FUTURE : web renaissance
  64. 64. Internet on Mobile
  65. 65. Innovation!
  66. 66. Innovative service!
  67. 67. Web + Consumer electronics
  68. 68. Bigbang of web!Just beginning Another Bigbang!Web service + Web Technolgoy
  69. 69. Thank you for listeninghttp://webdevmobile.comBlog : http://manyoung.netTwitter : @manyoungcMe2Day : http://me2day.net/manyoung

×