widget development and sdk

30
@danfooo @mobilewidgets Vodafone Widgets Coding & SDK Daniel Herzog,Vodafone

Upload: daniel-herzog

Post on 06-Dec-2014

1.365 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Widget Development And SDK

@danfooo @mobilewidgets

Vodafone WidgetsCoding & SDK

Daniel Herzog, Vodafone

Page 2: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Look! A Widget!

Offline resources.Packaged.

Downloaded only once.Can be updated.

=Reduces data traffic.

Speeds things up.

Page 3: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Look! A Widget!

Multiple modes.

One widget to run cross-platform.

Today that means mobile phones, Windows, Mac and Linux -Desktops.

Page 4: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

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

And all of that in a W3C standard.http://www.w3.org/TR/widgets/

Look! A Widget!

Page 5: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

What can I use?Front-End technologies

JavaScript

CSS

HTML SVG

Canvas

MediaQueriesPNG

Page 6: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

What can I use?

HTML5doctypeworks.

HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG

Page 7: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

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

Decent support.„media“ is always screen

Page 8: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

What can I use?

Highly recommended.Saves lines of JavaScript.And milliseconds.

Important part of multi-resolution concept

HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG

Page 9: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

What can I use?

Use librariesPackage them, keep them offlineMind the devices capacities

HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG

Page 10: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

What can I use?

Cool.Scalable.But sometimes a bit slow.

HTML | CSS | MediaQueries | JavaScript | SVG | Canvas | PNG

Page 11: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

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

Cool.Performance hungry.Please test on real devices.

Page 12: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

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

Full transparence channel (24 bit)Works for the iconAnd for content

Page 13: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Who needs an SDK?

jil.org/vodafone

Page 14: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

You don‘t need it, but maybe you‘ll like it anyway.

Page 15: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

The Vodafone Widgets SDK

For your phone

Developer Apps Manager

S60 3rd edition, S60 5th edition

Page 16: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Features:

Install next to regular

version

Works without SIM

Remote Debugging

Developer Apps Manager

Page 17: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Features:

Install next to regular

version

Works without SIM

Remote Debugging

Developer Apps Manager

Page 18: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Features:

Install next to regular

version

Works without SIM

Remote Debugging

Developer Apps Manager

Page 19: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

The Vodafone Widgets SDK

Documentation Tutorials Widget Packager Tool

Windows, Mac OS, Linux

Page 20: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Widget Packager Tool

Page 21: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Widget Packager Tool

Page 22: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Widget Packager Tool

Page 23: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Basic Setup

Widget Packager Tool

Page 24: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Scalable & CompatibleTemplate

Widget Packager Tool

Page 25: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Why is that important?

Resolution?

7 inch3.5 inch

Page 26: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Why is that important?

800 x 480 Pixel.

7 inch3.5 inch

Page 27: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

And the M1?

400 x 240 Pixel.

3.2 inch

Page 28: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Includes:

Management

Emulator

Templates

Bluetooth-Deployment

Widget Packager Tool

Page 29: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

jil.org/vodafone

Get the SDK now.

Page 30: Widget Development And SDK

Daniel Herzog, @danfooo@danfooo @mobilewidgets

Btw., content, anyone?

http://developer.yahoo.com/yql/

Anywhere on the web, maybe you‘d like to checkout