Vodafone Widgets
                  Coding & SDK

                   Daniel Herzog,Vodafone



@danfooo @mobilewidgets
Look! A Widget!

          Offline resources.
             Packaged.
        Downloaded only once.
          Can be updated...
Look! A Widget!

              Multiple modes.
   One widget to run cross-platform.
           Today that means
        mo...
Look! A Widget!

     Offline Preference Store / private Cookie style.
            Cross domain xmlHttpRequest.

          ...
What can I use?
                    Front-End technologies

                HTML                  SVG
                    ...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG


                                            ...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG


                                            ...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG


                                     Highly ...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG



                               Use librarie...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG

                                             ...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG



                                     Cool.
...
What can I use?
HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG



             Full transparence channel (24 ...
Who needs an SDK?



                  jil.org/vodafone
@danfooo @mobilewidgets   Daniel Herzog, @danfooo
You don‘t need it,
    but maybe you‘ll like it anyway.



@danfooo @mobilewidgets   Daniel Herzog, @danfooo
The Vodafone Widgets SDK
                          For your phone

                      Developer Apps Manager


        ...
Developer Apps Manager

                                              Features:
                                          ...
Developer Apps Manager

                                              Features:
                                          ...
Developer Apps Manager

                                              Features:
                                          ...
The Vodafone Widgets SDK


  Documentation           Tutorials         Widget Packager Tool


                  Windows, M...
Widget Packager Tool

                                                    Includes:
                                      ...
Widget Packager Tool

                                                    Includes:
                                      ...
Widget Packager Tool

                                                    Includes:
                                      ...
Widget Packager Tool

                                                    Includes:
           Basic Setup                ...
Widget Packager Tool

                                                    Includes:
                                      ...
Why is that important?

  3.5 inch                                          7 inch




                             Resolu...
Why is that important?

  3.5 inch                                          7 inch




                          800 x 480...
And the M1?


              3.2 inch




                           400 x 240 Pixel.
@danfooo @mobilewidgets   Daniel Herz...
Widget Packager Tool

                                                    Includes:
                                      ...
Get the SDK now.


                  jil.org/vodafone



@danfooo @mobilewidgets   Daniel Herzog, @danfooo
Btw., content, anyone?

Anywhere on the web, maybe you‘d like to checkout
              http://developer.yahoo.com/yql/


...
Upcoming SlideShare
Loading in …5
×

Widget Development And SDK

784 views

Published on

Published in: Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
784
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Widget Development And SDK

  1. 1. Vodafone Widgets Coding & SDK Daniel Herzog,Vodafone @danfooo @mobilewidgets
  2. 2. Look! A Widget! Offline resources. Packaged. Downloaded only once. Can be updated. = Reduces data traffic. Speeds things up. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  3. 3. Look! A Widget! Multiple modes. One widget to run cross-platform. Today that means mobile phones, Windows, Mac and Linux -Desktops. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  4. 4. Look! A Widget! Offline Preference Store / private Cookie style. Cross domain xmlHttpRequest. And all of that in a W3C standard. http://www.w3.org/TR/widgets/ @danfooo @mobilewidgets Daniel Herzog, @danfooo
  5. 5. What can I use? Front-End technologies HTML SVG PNG CSS MediaQueries Canvas JavaScript @danfooo @mobilewidgets Daniel Herzog, @danfooo
  6. 6. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG HTML5 doctype works. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  7. 7. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Decent support. „media“ is always screen @danfooo @mobilewidgets Daniel Herzog, @danfooo
  8. 8. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Highly recommended. Saves lines of JavaScript. And milliseconds. Important part of multi- resolution concept @danfooo @mobilewidgets Daniel Herzog, @danfooo
  9. 9. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Use libraries Package them, keep them offline Mind the devices capacities @danfooo @mobilewidgets Daniel Herzog, @danfooo
  10. 10. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Cool. Scalable. But sometimes a bit slow. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  11. 11. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Cool. Performance hungry. Please test on real devices. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  12. 12. What can I use? HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG Full transparence channel (24 bit) Works for the icon And for content @danfooo @mobilewidgets Daniel Herzog, @danfooo
  13. 13. Who needs an SDK? jil.org/vodafone @danfooo @mobilewidgets Daniel Herzog, @danfooo
  14. 14. You don‘t need it, but maybe you‘ll like it anyway. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  15. 15. The Vodafone Widgets SDK For your phone Developer Apps Manager S60 3rd edition, S60 5th edition @danfooo @mobilewidgets Daniel Herzog, @danfooo
  16. 16. Developer Apps Manager Features: Install next to regular version Works without SIM Remote Debugging @danfooo @mobilewidgets Daniel Herzog, @danfooo
  17. 17. Developer Apps Manager Features: Install next to regular version Works without SIM Remote Debugging @danfooo @mobilewidgets Daniel Herzog, @danfooo
  18. 18. Developer Apps Manager Features: Install next to regular version Works without SIM Remote Debugging @danfooo @mobilewidgets Daniel Herzog, @danfooo
  19. 19. The Vodafone Widgets SDK Documentation Tutorials Widget Packager Tool Windows, Mac OS, Linux @danfooo @mobilewidgets Daniel Herzog, @danfooo
  20. 20. Widget Packager Tool Includes: Management Emulator Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  21. 21. Widget Packager Tool Includes: Management Emulator Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  22. 22. Widget Packager Tool Includes: Management Emulator Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  23. 23. Widget Packager Tool Includes: Basic Setup Management Emulator Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  24. 24. Widget Packager Tool Includes: Management Scalable & Compatible Emulator Template Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  25. 25. Why is that important? 3.5 inch 7 inch Resolution? @danfooo @mobilewidgets Daniel Herzog, @danfooo
  26. 26. Why is that important? 3.5 inch 7 inch 800 x 480 Pixel. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  27. 27. And the M1? 3.2 inch 400 x 240 Pixel. @danfooo @mobilewidgets Daniel Herzog, @danfooo
  28. 28. Widget Packager Tool Includes: Management Emulator Templates Bluetooth-Deployment @danfooo @mobilewidgets Daniel Herzog, @danfooo
  29. 29. Get the SDK now. jil.org/vodafone @danfooo @mobilewidgets Daniel Herzog, @danfooo
  30. 30. Btw., content, anyone? Anywhere on the web, maybe you‘d like to checkout http://developer.yahoo.com/yql/ @danfooo @mobilewidgets Daniel Herzog, @danfooo

×