Developing apps with Web Runtime Santtu Ahonen & Rajesh Lal

Santtu Ahonen &

Rajesh Lal

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

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

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

Over 70.000.000 active

web sites out there

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>

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

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)

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.

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

Standard knowledge on HTML, JS and CSS is needed

Use your preferred tool chain, or one of these:

Aptana Studio (pic)

Visual Studio

Dreamweaver

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

Questions? …if we still have the time… Check out http://www.forum.nokia.com/wrt