This presentation discusses Nokia's Web Runtime platform for developing web applications and widgets that can run on mobile devices. The Web Runtime allows developers to create apps using standard web technologies like HTML, CSS, and JavaScript that can be installed and run similarly to native apps. It also provides access to device capabilities and is a scalable way to build cross-platform apps. The presentation demonstrates creating a simple widget and provides a roadmap for future development of the Web Runtime platform on additional Nokia devices.

1. Developing apps with Web Runtime Santtu Ahonen & Rajesh Lal

2. This presentation – Can you multitask? Why, what, how and when on slideshow Hands on demo Hello world with Notepad RSS Feed Widget with Aptana Studio Further editing of the Hello World Widget Santtu Ahonen – Head of Maemo Developer Offering Product Management, Helsinki Rajesh Lal – Web Geek, Maemo Team, Mountain View Presentation Demo Bla bla bla blah bla…. I’ll prove the point

3. 1 st gear - Rev up - Aim - Launch! Over 70.000.000 active web sites out there 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? HTML, CSS and JS documents in a zip –file Includes also a manifest and .png icon No limitations for your selection of tools Installed and run on device as any other application Security model not different from compiled applications 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;http://www.nokia.com/NOKIA_COM_1/DTDs/plist-1.0.dtd&quot;> <plist version=&quot;1.0&quot;> <dict> <key>DisplayName</key> <string>Feed Widget</string> <key>Identifier</key> <string>com.nokia.forum.widget.feedwidget</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? Standard knowledge on HTML, JS and CSS is needed Use your preferred tool chain, or one of these: Aptana Studio (pic) Visual Studio Dreamweaver 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 http://www.forum.nokia.com/wrt