0
S60 Web Runtime
Widgets
21 Oct 2008, web 2.0 EXPO
Petro Soininen
petro.soininen@nokia.com
I wanna know who you are

                           developers?
                               designers?
               ...
What’s in store?
3 hours
talking, coding
 demoing, networking
  What’s           ?
   Widgets,                           O...
Forum Nokia

Bring innovation
  to Nokia devices, services & software

 Create business
               opportunities
     ...
Forum Nokia Developer Programs
-   Forum Nokia – Public information database, trainings, development tools & more;
-   For...
Let’s put all this creativity to work!

                                      • Global contest – Show off your technical k...
Nokia Developer Platforms




                            Series 40
The Leading
  Smartphone Platform
   Nokia, Samsung, LG

Over 150M devices shipped
   Sold by 200+ carriers
Build what you want - Use what you know
                                                    Only on S60

Symbian C++, Open...
S60 for Web Developers

                         S60 Browser and Web Runtime are based on WebKit


     Native C/C++      ...
Web Browser for S60 delivers a complete browsing
experience…

                    AJAX and      JavaScript &      Password...
…and support for rich graphics and multimedia

                                                   Microsoft Silverlight

 ...
From Web Developer to Mobile Application
Developer
                                  WRT Widgets
                         ...
Widgets Compatible Devices

•    15 Nokia devices for
     2008 launched,
     announced or
     upcoming
•    N-series mu...
Distribution via Nokia channels

                                    widgets.nokia.
                                      ...
Distributed through non Nokia channels
            Partner own               Operator                Third party widget
  ...
Enough.

          Show me What
               …and How
S60 3rd Edition Feature Pack 2
WRT Widget ingredients
You know your stuff
    xHTML
     CSS JavaScript
          AJAX

  ...
Ok, so what about the sandbox?
 Official version
 Plugin for get/set access to ’risk-free’ properties

                   ...
First Set of S60 Platform
Services


• Location             • Landmarks
• Contacts             • Application Manager
• Cal...
…and the unofficial ways
     to drill deep into system resources
Localhost connection
•C / C++ / Java / Python server
•Mo...
WRT Widget Components
   • Simple bundle of files
                                                 Widget
       • info.pl...
Packaging and distribution



       Zip the files
         …rename to .wgz


                     MIME type
             ...
SDK support
•S60 3rd FP2 SDK
  • Developer    documentation
  • Emulator   test-bed
     • JavaScript logging
     • Traff...
Tools
 • Alpha tools - Packaging
                        and validation
     • http://groups.google.com/group/nokia-wrt-
 ...
Help & Support

      forum.nokia.com/widgets
                 wiki.forum.nokia.com


        Code eLearning
          Doc...
Demos
Q&A
Let’s put all this creativity to work!

                                      • Global contest – Show off your technical k...
Hacking
   Prototyping
Networking
Upcoming SlideShare
Loading in...5
×

S60 Web Runtime - Web2.0 Expo Europe 2008

4,242

Published on

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

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,242
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
178
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Transcript of "S60 Web Runtime - Web2.0 Expo Europe 2008"

  1. 1. S60 Web Runtime Widgets 21 Oct 2008, web 2.0 EXPO Petro Soininen petro.soininen@nokia.com
  2. 2. I wanna know who you are developers? designers? web? Other mobile platforms?
  3. 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. 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. 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. 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. 7. Nokia Developer Platforms Series 40
  8. 8. The Leading Smartphone Platform Nokia, Samsung, LG Over 150M devices shipped Sold by 200+ carriers
  9. 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. 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. 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. 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. 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. 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. 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. 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. 17. Enough. Show me What …and How
  18. 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. 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. 20. First Set of S60 Platform Services • Location • Landmarks • Contacts • Application Manager • Calendar • System Info • Media Management • Logging • Messaging • Sensors
  21. 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. 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. 23. Packaging and distribution Zip the files …rename to .wgz MIME type x-nokia-widget
  24. 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. 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. 26. Help & Support forum.nokia.com/widgets wiki.forum.nokia.com Code eLearning Docs Webinars Discussion
  27. 27. Demos
  28. 28. Q&A
  29. 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. 30. Hacking Prototyping Networking
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×