HTML5 Apps - Mobile Developer Summit Bangalore

  • Published on
    30-Nov-2014

  • View
    2.006

  • Download
    0

Embed Size (px)

DESCRIPTION

This presentation gives an overview of how we build HTML5 Apps and where you can go with them currently.

Transcript

<ul><li><p>HTML5 AppsThe mobile web taking over!</p><p>@wolframkriesing@uxebu</p><p>Donnerstag, 11. November 2010</p></li><li><p>We open the mobile web.</p><p>@wolframkriesing</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/andresrueda/2276197032/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/cmoi/760513848/Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/cmoi/760513848/Donnerstag, 11. November 2010</p></li><li><p>JavaScript AJAX</p><p>CSS</p><p>dojoBrowser</p><p>OpenSourceWeb2.0</p><p>FrontEnd</p><p>Usability UserExperience</p><p>mobile</p><p>TouchScroll</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>HTML5 Apps</p><p>W3C Widgets</p><p>universal apps</p><p>Hybrid Apps</p><p>Mobile Web Apps</p><p>anyware</p><p>WebWorks</p><p>360 Apps</p><p>Cross Platform Mobile Apps</p><p>Opera Widgets</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Landscapehttp://www.flickr.com/photos/tillwe/146242691/</p><p>Donnerstag, 11. November 2010</p></li><li><p>Landscapehttp://www.flickr.com/photos/tillwe/146242691/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://bit.ly/distimo-appstores</p><p>30th July 200914 Stores23rd September 2009</p><p>23 Stores2nd December 2009</p><p>26 Stores</p><p>Donnerstag, 11. November 2010</p></li><li><p>Objective-C JavaSymbian C</p><p>.NETJava ...</p><p>Donnerstag, 11. November 2010</p></li><li><p>...</p><p>Donnerstag, 11. November 2010</p></li><li><p>HTML</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/robadob/88901885/</p><p>Engine of the web</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Web Technologies</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>App Store without Apple!</p><p>App Store without Apple!</p><p>Donnerstag, 11. November 2010</p></li><li><p>Real Use Case:EventNinja</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>http://bit.ly/webdev-events</p><p>Donnerstag, 11. November 2010</p></li><li><p>CSSHelp Button Back ButtonNext Page ArrowScrolling Area</p><p>iPhone vs. WebOS</p><p>Donnerstag, 11. November 2010</p></li><li><p>Facts</p><p> 3 Months Investigation 6 SDKs (10GB?, VMs, ...) 6 ways to find bugs 6 App Stores (Account, Submit, Review, ...)</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>A Phone is ...</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/kratz/1984004945/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/mbiddulph/3087388964/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/redstamp/4222841946/</p><p>Donnerstag, 11. November 2010</p></li><li><p> Camera Compass GPS Accelerometer Calendar Email Address book Watch Alarm clock ...</p><p>Donnerstag, 11. November 2010</p></li><li><p>Multiple Ways</p><p> W3C Spechttp://w3.org/2009/dap/</p><p> JIL Spec / WAChttp://www.jil.org http://www.wholesaleappcommunity.com</p><p> BONDI Spechttp://bondi.omtp.org/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://bit.ly/vf-jil-docs</p><p>System Info</p><p>Network Info</p><p>Phone Info</p><p>File</p><p>GPS</p><p>Contacts</p><p>Camera</p><p>Audio</p><p>SMS, MMS, ...</p><p>Donnerstag, 11. November 2010</p></li><li><p>if (Widget.Device.PowerInfo.isCharging){ alert("Battery is charging");}</p><p>var player = Widget.Multimedia.AudioPlayer;player.open("myAudioFile.mp3");player.play(1);</p><p>if (Widget.Device.RadioInfo.isRoaming){ alert("Money Money Money");}</p><p>Donnerstag, 11. November 2010</p></li><li><p>PhoneGap"An express goal of the PhoneGap project</p><p>is for the project to not exist."</p><p>Open Source</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://phonegap.pbworks.com/Roadmap</p><p>Donnerstag, 11. November 2010</p></li><li><p>Platform adaptations</p><p>Business andApplication logic</p><p>confi</p><p>g.xml</p><p>PhoneGap</p><p>info.plist</p><p> Android </p><p> iP**** </p><p>Nokia WRT</p><p>pure W3CWidgets</p><p>kinda W3CWidgets</p><p>Donnerstag, 11. November 2010</p></li><li><p>Some numbers</p><p>240 kB</p><p>124 kB</p><p>JavaScript, HTML, CSS, etc.PhoneGap</p><p>native App = 364 kB</p><p>Donnerstag, 11. November 2010</p></li><li><p>EmbedJS</p><p>Donnerstag, 11. November 2010</p></li><li><p>The Supported Devices</p><p>... and there will be moreto embed JavaScript on</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/tacoekkel/25538919/</p><p>Donnerstag, 11. November 2010</p></li><li><p>http://www.flickr.com/photos/hugo90/3916794427/</p><p>Donnerstag, 11. November 2010</p></li><li><p>Shrink Your API</p><p>20kB 8kB</p><p>Donnerstag, 11. November 2010</p></li><li><p>vs.</p><p>Simple queries &gt; simple library functionOnly ".class" and "#id" queries</p><p>Full fledged queries &gt; Full blown library function</p><p>Donnerstag, 11. November 2010</p></li><li><p>vs.</p><p>Simple queries &gt; simple library functionOnly ".class" and "#id" queries</p><p>Full fledged queries &gt; Full blown library function</p><p>13 LOC</p><p>~200 LOC</p><p>Donnerstag, 11. November 2010</p></li><li><p>Donnerstag, 11. November 2010</p></li><li><p>At RuntimeAt Build Time</p><p>Donnerstag, 11. November 2010</p></li><li><p>dojo-blackberry.jsdojo-blackberry46.jsdojo-nokia-wrt.jsdojo-opera.jsdojo-webkit-mobile.jsdojo-windows-mobile.js</p><p>Donnerstag, 11. November 2010</p></li><li><p>Wolfram Kriesing</p><p>http://apparat.iohttp://embedjs.org</p><p>Thank you</p><p>Donnerstag, 11. November 2010</p></li></ul>

Recommended

View more >