Slides for S60 Web Runtime workshop in Web2.0 Expo Europ 2008.

1. S60 Web Runtime
Widgets
21 Oct 2008, web 2.0 EXPO
Petro Soininen
petro.soininen@nokia.com

2. I wanna know who you are
developers?
designers?
web?
Other
mobile platforms?

3. What’s in store?
3 hours
talking, coding
demoing, networking
What’s ?
Widgets, Ok, fine,
… again? Same old, same old? so what can I do?
…and how?
Where can I get help from?
Where can I distribute this stuff?
Can I hack one together right now?

4. Forum Nokia
Bring innovation
to Nokia devices, services & software
Create business
opportunities
for mobile developers
Tech
Tools Consultancy Business Development
Marketing
Support channels
Distribution channels
forum.nokia.com

5. Forum Nokia Developer Programs
- Forum Nokia – Public information database, trainings, development tools & more;
- Forum Nokia Champion – Recognition and reward program for the top mobile developers
contributing to the success of the Forum Nokia Community;
- Forum Nokia Launchpad – Premium membership service that gives developers early and
exclusive access to Forum Nokia resources and support ;
- Forum Nokia PRO – Invitation-only program for leading-edge companies doing business in the
mobile world;
- Forum Nokia PRO Accelerator - Targets developers of innovative, industry-changing mobile
software and services selected for funding by top-tier VC firms

6. Let’s put all this creativity to work!
• Global contest – Show off your technical kung fu, and
submit a true Killer App!
• Three categories: Eco-Challenge, Emerging Markets,
Technology Showcase.
• All platforms and languages.
• Widgets, Flash Lite, Java, Python, Open Source.
Prizes for the Top Application in All 3 Categories.
The best application in each category will have:
• Chance to connect with distribution channels.
• Opportunity to showcase at the 2009 Mobile World Congress.
By submitting a “Mobilise the Web” application from EMEA by 21 November,
you are automatically entered in the regional competition, and winners are
automatically finalists for the worldwide contest.
For more information, visit: http://www.callingallinnovators.com/

7. Nokia Developer Platforms
Series 40

8. The Leading
Smartphone Platform
Nokia, Samsung, LG
Over 150M devices shipped
Sold by 200+ carriers

9. Build what you want - Use what you know
Only on S60
Symbian C++, Open C
Open C++
Java
Web Run-Time
Python
Flash
Easy, creative environments
Powerful environments offer express your design vision and
experienced developers ways to let you create innovative
expand the capabilities of mobile experiences and deliver
devices and leverage the creativity Internet services
of open source communities

10. S60 for Web Developers
S60 Browser and Web Runtime are based on WebKit
Native C/C++ Web S60 Browser UI Widget Runtime
Widgets
“Web Capable” Browser
S60 plug-ins, incl. Netscape Browser control API
Flash Lite, SVG, and plug-in
audio. API
WebCore JavaScript
Platform Services S60 Core
Integration
UI WebKit KHTML KJS
features (LGPL+BSD) (LGPL)
OS adaptations Memory manager
13
More information about Webkit: http://www.webkit.org

11. Web Browser for S60 delivers a complete browsing
experience…
AJAX and JavaScript & Password
Dynamic HTML SSL manager
RSS & Atom Bookmark icons
Page Overview
feeds (“favicons”)

12. …and support for rich graphics and multimedia
Microsoft Silverlight
• Silverlight intergation into the S60
browser engine supports rich
interactive applications and
multimedia
Adobe Flash Lite
Enhance Web sites • Flash integration delivers the
and widgets with desktop Flash experience to
exciting graphics and mobile devices
multimedia • Flash Lite 3 on S60 supports
Flash 8 and Flash video

13. From Web Developer to Mobile Application
Developer
WRT Widgets
Custom web-app front-ends
Innovative mashups
…but not just .mobi sites,
screen scrapes
or snippet views
Full fledged mobile apps

14. Widgets Compatible Devices
• 15 Nokia devices for
2008 launched,
announced or
upcoming
• N-series multimedia
computers, E-series
business phones,
Several high-end
mainstream/ volume
devices
• S60 platform licensee
devices will support
WRT (Samsung, LG)
17

15. Distribution via Nokia channels
widgets.nokia.
Download!
mobi
Channels
MOSH (Mobilize widgets.nokia.mobi Embedded
and Share) with your mobile Download!
Description service at browser client on 100+
mosh.nokia.com million devices
18

16. Distributed through non Nokia channels
Partner own Operator Third party widget
site Portal aggregator
Channels
Partner own sites to Operator portal, e.g. Aggregator who
allow users to Vodafone Betavine, aggregate &
Description download and http://widgetvine.mobi/ publish widgets,
install widgets, e.g. e.g. Plusmo
reuters.com/tools/wid (s60.plusmo.com)
gets
19

17. Enough.
Show me What
…and How

18. S60 3rd Edition Feature Pack 2
WRT Widget ingredients
You know your stuff
xHTML
CSS JavaScript
AJAX
We deliver the runtime infra
Installers and recognizers
(Un)
Icons
Menus
Security sandbox

19. Ok, so what about the sandbox?
Official version
Plugin for get/set access to ’risk-free’ properties
Memory
Power File System
Lights
Network Vibra
Charger
Beep tones
Language
…and fresh out of the oven Messaging
PIM
S60 5th Edition
Audio
gives widgets System
superpowers Imaging
Location

20. First Set of S60 Platform
Services
• Location • Landmarks
• Contacts • Application Manager
• Calendar • System Info
• Media Management • Logging
• Messaging • Sensors

21. …and the unofficial ways
to drill deep into system resources
Localhost connection
•C / C++ / Java / Python server
•Mobile Web Server / PAMP
•PHP or ModPython
HTTP Filter
C++ component sitting between HTTP framework
and the requesting client (e.g. widget)
Browser plugin
Possible but not trivial to implement
http://wiki.forum.nokia.com/index.php/TSS001070_-_Modifying_Web_content_using_a_HTTP_filter
http://wiki.forum.nokia.com/index.php/How_to_utilize_device_resources_from_a_WRT_widget
http://wiki.forum.nokia.com/index.php/How_to_access_S60_resources_from_WRT_or_FlashLite_using_PyS60

22. WRT Widget Components
• Simple bundle of files
Widget
• info.plist (mandatory) properties
• [name].html (mandatory) +
• icon.png HTML
• [name].css PNG icon backbone
• [name].js +
CSS layout
+ Root
js logic
folder!
© 2007 Nokia Company Confidential

23. Packaging and distribution
Zip the files
…rename to .wgz
MIME type
x-nokia-widget

24. SDK support
•S60 3rd FP2 SDK
• Developer documentation
• Emulator test-bed
• JavaScript logging
• Traffic inspection
•S60 5th Edition SDK
•S60 Platform Services
documentation and emulator support
forum.nokia.com/S60SDK

25. Tools
• Alpha tools - Packaging
and validation
• http://groups.google.com/group/nokia-wrt-
tools-beta
• Includes WRTKit UI framework
• Aptana plugins under development
• IDE preview
• SDK / Device deployment
• Project creation / import
• Code completion for WRT APIs
• Beta starting very soon…
• HW JavaScript debugging
and DOM inspection on the roadmap

26. Help & Support
forum.nokia.com/widgets
wiki.forum.nokia.com
Code eLearning
Docs Webinars
Discussion

27. Demos

28. Q&A

29. Let’s put all this creativity to work!
• Global contest – Show off your technical kung fu, and
submit a true Killer App!
• Three categories: Eco-Challenge, Emerging Markets,
Technology Showcase.
• All platforms and languages.
• Widgets, Flash Lite, Java, Python, Open Source.
Prizes for the Top Application in All 3 Categories.
The best application in each category will have:
• Chance to connect with distribution channels.
• Opportunity to showcase at the 2009 Mobile World Congress.
By submitting a “Mobilise the Web” application from EMEA by 21 November,
you are automatically entered in the regional competition, and winners are
automatically finalists for the worldwide contest.
For more information, visit: http://www.callingallinnovators.com/

30. Hacking
Prototyping
Networking