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.

Developing apps on Maemo with Nokia Web Runtime


Published on

Introduction of Web Runtime and Web Widget application model for Maemo community developers.

Published in: Technology
  • Login to see the comments

Developing apps on Maemo with Nokia Web Runtime

  1. Developing apps with Web Runtime <ul><li>Santtu Ahonen & </li></ul><ul><li>Rajesh Lal </li></ul>
  2. This presentation – Can you multitask? <ul><li>Why, what, how and when on slideshow </li></ul><ul><li>Hands on demo </li></ul><ul><ul><li>Hello world with Notepad </li></ul></ul><ul><ul><li>RSS Feed Widget with Aptana Studio </li></ul></ul><ul><ul><li>Further editing of the Hello World Widget </li></ul></ul><ul><li>Santtu Ahonen – Head of Maemo Developer Offering Product Management, Helsinki </li></ul><ul><li>Rajesh Lal – Web Geek, Maemo Team, Mountain View </li></ul>Presentation Demo Bla bla bla blah bla…. I’ll prove the point
  3. 1 st gear - Rev up - Aim - Launch! <ul><li>Over 70.000.000 active </li></ul><ul><li>web sites out there </li></ul>Image velo4it @ Flickr – CC Attribution – Share Alike license Based on open source WebKit New application and business models previously unforeseen Cost of mobile client implementation goes down
  4. Web Widgets – What are they? <ul><li>HTML, CSS and JS documents in a zip –file </li></ul><ul><ul><li>Includes also a manifest and .png icon </li></ul></ul><ul><li>No limitations for your selection of tools </li></ul><ul><li>Installed and run on device as any other application </li></ul><ul><li>Security model not different from compiled applications </li></ul>Info.plist <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <!DOCTYPE plist PUBLIC &quot;-//Nokia//DTD PLIST 1.0//EN&quot; &quot;;> <plist version=&quot;1.0&quot;> <dict> <key>DisplayName</key> <string>Feed Widget</string> <key>Identifier</key> <string></string> <key>MainHTML</key> <string>feedwidget.html</string> <key>AllowNetworkAccess</key> <true/> </dict> </plist>
  5. Scalable cross platform development Manifest HTML CSS JSE XMLHttp Request Packaging Media type EcmaScript XML Resources (music, images, etc) Distribution and deployment Metadata and security Structural semantics Logic Presentation and behavior DOM HTTP URI Unicode Host OS (selected S40, Symbian, Maemo…) Client side Web Applications (widgets)
  6. User experience Full screen - Landscape or portrait Floater and window widgets Behaves as any application with discovery, install, icon on desktop, visible on task switcher etc.
  7. How you do it? <ul><li>Standard knowledge on HTML, JS and CSS is needed </li></ul><ul><li>Use your preferred tool chain, or one of these: </li></ul><ul><ul><li>Aptana Studio (pic) </li></ul></ul><ul><ul><li>Visual Studio </li></ul></ul><ul><ul><li>Dreamweaver </li></ul></ul>Check out Oren Levine - Hands-on development with Nokia Web Runtime – Sat Room N810 17:00-17:25
  8. Roadmap Q4 2009 Q1 2010 Q2 2010 Alpha: Nokia Web Runtime for Maemo 6 Beta: Nokia Web Runtime for Maemo 6 Today: Millions of Symbian devices Estimating schedule & content for Nokia Web Runtime for Maemo 5 Image © Santtu Ahonen 2008
  9. Questions? …if we still have the time… Check out