• Like
  • Save
Mobile Web Mega Trend 2010
Upcoming SlideShare
Loading in...5
×
 

Mobile Web Mega Trend 2010

on

  • 2,708 views

Review the history of mobile and current evolution of mobile web technology. And also forecast where the web and mobile goes.

Review the history of mobile and current evolution of mobile web technology. And also forecast where the web and mobile goes.

Statistics

Views

Total Views
2,708
Views on SlideShare
2,708
Embed Views
0

Actions

Likes
1
Downloads
38
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile Web Mega Trend 2010 Mobile Web Mega Trend 2010 Presentation Transcript

    • MOBILEWEBMEGATRENDS
    • ABOUTME „  WebEvangelist „  http://webdevmobile.comCommunityleader „  2006-Now:OperaSoftwarePresalesengineer „  2010-Now:W3CKoreaofficestaff „  manyoung@gmail.com   „  Blog:http://manyoung.net „  Twitter:@manyoungc „  Me2Day:http://me2day.net/manyoung
    • AGENDA „  Historyofinternetonmobile „  Evolutionofwebtechnology „  Webasapplication „  WebAppsgoestoMobile „  WebUILibrary „  WAChistoryandfuture „  WeborApps?
    • HISTORY OF INTERNET ON MOBILE
    • MOBILEBROWSING „  WAP „  Fullbrowser „  MobileWeb „  MobileWeApps
    • RISINGOFMOBILEWEB „  iPhone in 2007 „  SmartphoneWars „  Smartphone=Mobileinternetmachine „  iPhoneSafari „  MobileBrowserwars
    • APPSTORESHOCK! „  Newchallengestophonemanufacturers
    • SUCCESSOFAPPSTORE „  MarketVolumematters „  Motivationfordevelopers
    • APPSTOREWARS
    • MOBILEWEB? „  AgeofAppnotWeb! „  WhatcanIdo? „  Asawebdeveloper?
    • EVOLUTION OF WEB TECHNOLOGY
    • GROWTHOFWEBTECHNOLOGY „  HTML5makeswebstandaloneapplication http://www.hongkiat.com/blog/48-excellent-html5-demos/ „  CSS3givesrichuserexperiences http://www.webdesignerwall.com/trends/47-amazing-css3- animation-demos/ „  SVG
    • WEB TECHNOLOGY EVOLVES JAVASCRIPT
    • GROWTHOFMOBILEBROWSER „  OperaMobile „  iPhoneSafari „  AndroidChrome
    • PERFORMANCEOFMOBILE BROWSER „  Html5test.com 134/160 213/315
    • MOBILEBROWSERLEADSNEW WEBTECHNOLOGY
    • MOBILEBROWSERTRENDS
    • DOMINANTMOBILEBROWSER „  OperaMobile/Mini „  Webkitbasedbrowser „  VerykeenonHTML5andnewwebtechnology
    • WHOISMAKINGWEBKIT? „  Google „  Apple „  Nokia „  RIM http://trac.webkit.org/wiki/WebKit%20Team
    • YOUTUBEHTML5SUPPORT http://techcrunch.com/2010/01/20/youtube-html5/
    • YOUTUBEIE6SUPPORTENDED http://techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/
    • APPLE&HTML5
    • APPLE&HTML5
    • WHYHTML5? „  Desktop „  Mobile „  Device
    • CROSSPLATFORM „  Apple      TV „  Google
    • ITGOESTOCEMARKET ¡  Consumer Electronics
    • IT’SWEB! „  CrossDevice „  CrossPlatform
    • 2010:CHROMEWEBSTORE „  ChromeWebStore=DesktopWebApps „  https://chrome.google.com/webstore
    • CHROMETOPHONE „  Mobileappsbrowserbased.
    • WEB AS APPLICATION
    • APPLICATIONLIKEWEBPAGE „  GoogleMaps „  GoogleDocs
    • OPERA WIDGET = FIRST BROWSER BASED WEBAPP „  Operaintroducedbrowserbasedapplicationcalledwidgetin 2006 „  WidgetisW3Cstandard http://www.w3.org/TR/widgets/ „  OperaWidget http://widgets.opera.com „  Widget=browserbasedstandalonewebapplication
    • 2007:APPLEMACOS10.5 „  MacOsDashboardWidget „  http://developer.apple.com/macosx/dashboard.html „  http://en.wikipedia.org/wiki/Dashboard_(software) „  HTML5CanvaswasalsointroductedbyApple  
    • 2008:WIDGETCHAOS!  „  GoogleDesktopwidget „  YahooWidget „  MSVistaGadget „  Naver,DaumWidget „  Allgone…⋯ „  Nonstandardbased
    • WEBAPPS GOES TO MOBILE
    • WEBAPPSONBROWSER „  URLbased „  Webpage&webservicebased
    • MOBILEWEBAPPS „  Yahoomail „  Gmail
    • APPLEWEBAPPS „  Nativeapp+Webapp http://www.apple.com/webapps/whatarewebapps.html
    • MAKINGNATIVEAPPSWITHWEB TECHNOLOGY „  PhoneGap http://phonegap.com „  Titaniumappcelerator http://www.appcelerator.com/products/ „  JoApp http://joapp.com/
    • PHONEGAP „  PhoneGapisanopensourcedevelopmentframeworkfor buildingcross-platformmobileapps.BuildappsinHTMLand JavaScriptandstilltakeadvantageofcorefeaturesiniPhone/ iTouch,iPad,GoogleAndroid,Palm,SymbianandBlackberry SDKs.Learn „  http://phonegap.com
    • PHONEGAP „  http://phonegap.com
    • PHONEGAP Android Android Market PhoneGap Mobile Widget Apple HTML/CSS/JS iPhone Appstore Web Developer Blackberry Blackberr Market y Mobile Phones
    • PHONEGAP.JS „  DeviceAPItocontrolphoneresources „  Javascriptgrammar 
    • PHONEGAP „  Onesourcemultiuse „  Webstandardtechnology „  HTML/CSS/JS „  ExtendingwebwithPhoneGaplibrary „  ControlsmartphoneH/WlikeCamera,Battery,GPS
    • WEB UI LIBRARY
    • WEBUIFRAMEWORK:IUI „  iUI:iPhoneUserInterfaceFramework „  Javascript,HTML,CSS „  Demo http://chriscarey.com/projects/mythtv/iphone/ 
    • WEBUIFRAMEWORK:JQTOUCH „  JQTouch „  SimilartonativeappUI „  Javascript,HTML,CSS „  JSLibrary „  http://www.jqtouch.com/preview/demos/main/#home
    • WEBUIFRAMEWORK:SENCHA ¡  HTML5, CSS3, Javascript ¡  Resolution independent ¡  JS Library ¡  http://touchstyle.mobi/app/
    • WAC HISTORY AND FUTURE
    • ANTIAPPLEALLIANCES „  2008:Usingwebascrossplatformmobileapplicationby OperatorsandsomeOEMs
    • ANTIAPPLEALLIANCES „  Operators „  Handsetmakers „  ToomanyplatformsL „  WindowsMobile,Limo,Android,Brew,SHP,Symbian, ProprietraryOS…⋯. „  Whatcanbethecrossplatform?
    • IT’SWEB! „  WebStandardTechnology „  CrossPlatform „  CrossDevice 
    • W3CWIDGETBASED „  Browserenginebased „  Webstandardcompatible „  Widgets1.0:PackagingandConfiguration „  Widgets1.0:DigitalSignatures „  Widgets1.0:APIsandEvents „  Widgets1.0:Updates
    • WIDGETRUNTIME „  Webapplicationplatform „  Browserrenderingenginebased „  HTML/CSS/Javascriptisthemaintechnology „  Operator/OEMdriven Widget Manager UI Widget Runtime = Browser Engine (Opera, Webkit, etc) Android WM LIMO
    • WIDGETRUNTIME Widget Runtime(Browser Engine)
    • WIDGETSTORE 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
    • WIDGETRUNTIMEDEMO „  http://www.youtube.com/watch? v=0RYvNl1mO3M&feature=related „  http://widget.developer.vodafone.com/en/ „  http://www.youtube.com/watch?v=3xpS21aR-BQ
    • WEBAPPSPROS/CONS „  Pros „  EasydevelopmentthanJava/Objective-C „  EasyuseofOpenAPI/MeshUp „  Easydeliveryofwebcontents „  Crossplatformdeployment  „  Cons „  NodeviceH/Wcontrols „  Lowgraphics,multimediacontrol
    • EXTENDWEB:DEVICEAPIS „  Contact „  Calendar „  Filesystem „  Messaging „  Systeminfo: „  CPU,Battery,etc
    • EXTENDINGWEBSPEC „  JIL(JointInnovationLab) „  Vodafone,VZW,Softbank,ChinaMobile http://www.jil.org/ „  BONDI(OMTPdriven) „  W3CDeviceAPIsandPolicy http://www.w3.org/2009/dap/
    • WIDGETS=MOBILEAPPS
    • WAC(WHOLESALE APPLICATION COMMUNITY) „  Cross-platformmobileapps „  Cross-deviceapps „  JIL+BONDI=WACAPI „  GlobalAppStore
    • WAIKIKI­–WACENGINE „  http://public.wholesaleappcommunity.com/redmine/ embedded/wac2pubrev/index.html „  WidgetRuntime „  1.Spec(Core+DeviceAPIs) „  2.Tools(SDK+RI[ReferenceImplementation]) „  3.Testing(Complianceprocess) 
    • WACGLOBALAPPSTORE
    • K-WAC
    • 글로벌앱스토어WAC로드맵 목표시점 계획 진행상태 2010년2월 24개통신사구축발표 완료 2010년7월 WAC법인출범 완료 2010년9월 WAC표준발표 예정 2010년11월 SDK발표및첫개발자이벤트 예정 2011년2월 WAC오픈첫단말시연 예정 2011년5월 WAC단말상용화 예정
    • 국내통합앱스토어(K-WAC) 추진일정 목표시점 계획 2010.4월 통합앱스토어추진방향발표 2010.5∼〜~12월 프로그램,시스템등표준개발 2011.1월 통합앱스토어시험운영 2011.6월 상용단말출시및상용서비스개시
    • APPDISTRIBUTION Android (Widget Engi ne) 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 Engi ne) Mobile Phones
    • SIZEDOESMATTER Cellphone Smartphone Million iPhone 0 200 400 600 800 1000 1200 1400 Number of phones
    • ALTOGETHER! „  HTML5/CSS3/SVG „  DevicesAPI „  Hugemarket „  20Globaloperators „  5Handsetmakers
    • WEB OR APPS?
    • WEBORAPPS? „  SameUX „  Doesn’tmatter „  http://www.youtube.com/watch?v=-61h8UGsi_M
    • WEBASAPPLICATION „  Neweraofmobileapps „  ByWebstandardtechnology „  HTML5/CSS3ismuchpowerful „  Crossdevice/platform
    • THANKYOUFORLISTENING http://webdevmobile.com Blog : http://manyoung.net Twitter : @manyoungc Me2Day : http://me2day.net/manyoung