Your SlideShare is downloading. ×
웹(web)의 현재와 미래(2)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

1,569
views

Published on

<p> …

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

Published in: Technology

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,569
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web technology evolvesJavascript
  • 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 endedhttp://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/
  • 11. Apple & HTML5
  • 12. APPLE & HTML5
  • 13. Why HTML5?DesktopMobileDevice
  • 14. Cross Platform Apple TV Google
  • 15. IT goes to CE market
  • 16. New Web technologyTechnology barrier for competitorEnabling multi device strategyOne contents for any device
  • 17. One web for allCross DeviceCross Platform
  • 18. One web for all Any screen size Any screen resolution http://www.reneschmidt.de/ http://youtube.com/xl SVG scalable vector graphic
  • 19. Web : universality , versatility
  • 20. Now : WEB AS APPLICATION
  • 21. Application like Web pageGoogle MapsGoogle Docs
  • 22. Mobile WebAppsYahoo mailGmail
  • 23. Apple WebAppsNative app + Web app http://www.apple.com/webapps/whatarewebapps.html
  • 24. Making native apps with Web TechnologyPhoneGap http://phonegap.comTitanium appcelerator http://www.appcelerator.com/products/Jo App http://joapp.com/
  • 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. Phonegaphttp://phonegap.com
  • 27. PhoneGap Android Android PhoneGap Market Mobile Widget Apple HTML/CSS/JS iPhone Appstore Web Developer Blackberry Blackberr Market y Mobile Phones
  • 28. PhoneGap.jsDevice API to control phone resourcesJavascript grammar
  • 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. 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. Web or Apps?Same UXDoesn’t matterhttp://www.youtube.com/watch?v=-61h8UGsi_M
  • 32. FUTURE : WAC
  • 33. Anti Apple alliances2008 : Using web as cross platform mobile application by Operators and some OEMs
  • 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. It’s WEB!Web Standard TechnologyCross PlatformCross Device
  • 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. 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. Widget Runtime Widget Runtime(Browser Engine)
  • 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. 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. 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. Extend Web : Device APIsContactCalendarFile systemMessagingSystem info :CPU, Battery, etc
  • 43. WAC(Wholesale Application Community)Cross-platform mobile appsWAC APIGlobal AppStore
  • 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. 글로벌 앱스토어 WAC 로드맵목표 시점 계획 진행상태2010년 2월 24개 통신사 구축 발표 완료2010년 7월 WAC법인 출범 완료2010년 9월 WAC 표준 발표 예정2010년 11월 SDK발표 및 첫 개발자 이벤트 예정2011년 2월 WAC 오픈 첫 단말 시연 예정2011년 5월 WAC 단말 상용화 예정
  • 46. 국내 통합 앱스토어 (K-WAC)추진 일정목표시점 계획2010. 4월 통합 앱스토어 추진방향 발표2010. 5~12월 프로그램, 시스템 등 표준 개발2011. 1월 통합 앱스토어 시험 운영2011. 6월 상용 단말 출시 및 상용서비스 개시
  • 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. Size does matter CellphoneSmartphone Million iPhone 0 200 400 600 800 1000 1200 1400 Number of phones
  • 49. FUTURE : TV and Home
  • 50. TV & BroadcastingWeb based serviceBBC iPlayer http://www.bbc.co.uk/iplayer/bigscreen/
  • 51. OIPF & CE-HTMLOpen IPTV ForumCE-HTMLDAE(Declarative Application Environment)Web standard basedJavascript extension W3C Standard CE_HTML
  • 52. Hbbtv Hybrid Broadcasting Broadband TV
  • 53. Opera for HbbTV
  • 54. HBBTV
  • 55. Widgets! Apps!
  • 56. TV widgetshttp://www.youtube.com/watch?v=_u28b13BiOY
  • 57. http://pavv.co.kr
  • 58. Not yet! Device!
  • 59. Tabbee Devicehttp://www.youtube.com/user/operasoftware#p/u/6/k7Vh
  • 60. Game consolehttp://www.youtube.com/watch?v=EWOc3Sm3IMo&featu
  • 61. Digital Photoframe
  • 62. Car
  • 63. FUTURE : web renaissance
  • 64. Internet on Mobile
  • 65. Innovation!
  • 66. Innovative service!
  • 67. Web + Consumer electronics
  • 68. Bigbang of web!Just beginning Another Bigbang!Web service + Web Technolgoy
  • 69. Thank you for listeninghttp://webdevmobile.comBlog : http://manyoung.netTwitter : @manyoungcMe2Day : http://me2day.net/manyoung