S60 Web Runtime Widgets21 Oct 2008, web 2.0 EXPOPetro [email protected]
I wanna know who you are
developers?
Othermobile platforms?
designers?
web?
What’s in store?3 hourstalking, codingdemoing, networking
Where can I get help from?Where can I distribute this stuff?
Can I hack one together right now?
What’s ?Widgets,
… again? Same old, same old?Ok, fine,so what can I do?
…and how?
Forum Nokia
Bring innovation
Create business opportunitiesfor mobile developers
ToolsSupport channels
Consultancy
TechBusiness Development
MarketingDistribution channels
to Nokia devices, services & software
forum.nokia.com
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
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 areautomatically finalists for the worldwide contest.
For more information, visit: http://www.callingallinnovators.com/
Nokia Developer Platforms
Series40
The LeadingSmartphone Platform
Over 150M devices shippedSold by 200+ carriers
Nokia, Samsung, LG
Build what you want - Use what you knowOnly on S60
Symbian C++, Open C
Java
Flash
Web Run-TimePython
Open C++
Powerful environments offer experienced developers ways to expand the capabilities of mobile devices and leverage the creativity of open source communities
Easy, creative environmentsexpress your design vision and let you create innovative experiences and deliver Internet services
13
Native C/C++“Web Capable”
WebBrowserWidgets
UI features
S60 plug-ins, incl. Flash Lite, SVG, and audio.
Netscapeplug-in
API
WebCoreKHTML
(LGPL+BSD)
JavaScriptCore
KJS
(LGPL)
Browser control API
S60 WebKit
OS adaptations Memory manager
S60 Browser and Web Runtime are based on WebKit
Platform Services Integration
S60 for Web Developers
S60 Browser UI Widget Runtime
More information about Webkit: http://www.webkit.org
Web Browser for S60 delivers a complete browsing experience…
Page Overview
JavaScript & SSL
RSS & Atom feeds
AJAX and Dynamic HTML
Bookmark icons (“favicons”)
Password manager
…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
• Flash integration delivers the desktop Flash experience to mobile devices
• Flash Lite 3 on S60 supports Flash 8 and Flash video
Enhance Web sites and widgets with
exciting graphics and multimedia
From Web Developer to Mobile Application Developer
WRT WidgetsCustom web-app front-ends
Innovative mashups
…but not just .mobi sites,screen scrapesor snippet views
Full fledged mobile apps
17
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)
18
Distribution via Nokia channels
Description
Download! widgets.nokia.mobi
Channels
widgets.nokia.mobiwith your mobile browser
Embedded Download!client on 100+ million devices
MOSH (Mobilize and Share) service at mosh.nokia.com
19
Distributed through non Nokia channels
Description
Third party widget aggregator
Operator Portal
Channels
Operator portal, e.g. Vodafone Betavine, http://widgetvine.mobi/
Aggregator who aggregate & publish widgets, e.g. Plusmo(s60.plusmo.com)
Partner own sites to allow users to download and install widgets, e.g. reuters.com/tools/widgets
Partner own site
Enough.
Show me What…and How
WRT Widget ingredientsS60 3rd Edition Feature Pack 2
You know your stuffxHTML
CSS JavaScriptAJAX
We deliver the runtime infra(Un)Installers and recognizers
IconsMenus
Security sandbox
Ok, so what about the sandbox?Official versionPlugin for get/set access to ’risk-free’ properties
LightsPower
Network Beep tones
Memory
VibraFile System
Charger
Language…and fresh out of the oven
S60 5th Edition
gives widgets
superpowers
Messaging
PIM
Audio
System
Imaging
Location
First Set of S60 Platform Services
• Location
• Contacts
• Calendar
• Media Management
• Messaging
• Landmarks
• Application Manager
• System Info
• Logging
• Sensors
…and the unofficial waysto drill deep into system resources
Localhost connection•C / C++ / Java / Python server
•Mobile Web Server / PAMP
•PHP or ModPython
HTTP FilterC++ component sitting between HTTP framework and the requesting client (e.g. widget)
http://wiki.forum.nokia.com/index.php/TSS001070_-_Modifying_Web_content_using_a_HTTP_filterhttp://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
Browser pluginPossible but not trivial to implement
© 2007 Nokia Company Confidential
WRT Widget Components
• Simple bundle of files• info.plist (mandatory)
• [name].html (mandatory)
• icon.png
• [name].css
• [name].js
Widgetproperties
+ HTML
backbonePNG icon+
CSS layout+
js logicRoot
folder!
Packaging and distribution
Zip the files…rename to .wgz
MIME typex-nokia-widget
SDK support
•S60 3rd FP2 SDK
•Developer documentation
•Emulator test-bed• JavaScript logging
• Traffic inspection
•S60 5th Edition SDK
•S60 Platform Servicesdocumentation and emulator support
forum.nokia.com/S60SDK
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 debuggingand DOM inspection on the roadmap
Help & Support
forum.nokia.com/widgetswiki.forum.nokia.com
CodeDocs
eLearning
DiscussionWebinars
Demos
Q&A
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 areautomatically finalists for the worldwide contest.
For more information, visit: http://www.callingallinnovators.com/
HackingPrototyping
Networking