developing apps on maemo with nokia web runtime
DESCRIPTION
Introduction of Web Runtime and Web Widget application model for Maemo community developers.TRANSCRIPT
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
1st gear - Rev up - Aim - Launch!
Over 70.000.000 active
web sites out there
Based on open source WebKit
New application and business models
previously unforeseen
Cost of mobile clientimplementation goes down
Image velo4it @ Flickr – CC Attribution – Share Alike license
4
Info.plist
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Nokia//DTD PLIST 1.0//EN" "http://www.nokia.com/NOKIA_COM_1/DTDs/plist-1.0.dtd">
<plist version="1.0">
<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>
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
• 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
5
Manifest
HTML
Scalable cross platform development
Client side Web Applications (widgets)
CSSJSE
XMLHttp
Request
Pack
agin
g
Media
type
EcmaScriptXML
Reso
urc
es
(musi
c,
images,
etc
)
Distribution and
deployment
Metadata and security
Structural semantics
Logic Presentation and behavior
DOM
HTTP URI Unicode
Host OS (selected S40, Symbian, Maemo…)
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