37
Mobile Widget Development Maximiliano Firtman Firt Firt.mobi

Inside Mobile Widgets Publish

Embed Size (px)

DESCRIPTION

Maximiliano Firtman presents at the InsideMobile Conference on mobile widget development.

Citation preview

Page 1: Inside Mobile Widgets Publish

Mobile Widget Development

Maximiliano Firtman!Firt! Firt.mobi!

Page 2: Inside Mobile Widgets Publish

Inside Mobile July, 27th 2009 San José, CA

Maximiliano Firtman!Firt! Firt.mobi!

 twi%er.com/firt  www.firt.mobi  www.mobile0nyurl.com  www.widgen.com  

Page 3: Inside Mobile Widgets Publish

What

Mobile Widgets

Page 4: Inside Mobile Widgets Publish

What

Mobile Widgets

  Offline capable mobile applica0ons    Icon in the apps menu    HTML, CSS, JavaScript, AJAX    Invisible to the user 

  Meaning in WebOS and Android 

Page 5: Inside Mobile Widgets Publish

Why

  Vendors Roadmap    Device fragmenta0on is increasing    We need to be fast     “… is the future of mobile applica0ons”,            Google, July, 16th 2009 

Related 70% 

Non 

Related 30% 

InsideMobile 

Page 6: Inside Mobile Widgets Publish

Positive

  Well‐known technologies    Tools, Frameworks, IDEs     Web APIs    Low 0me‐to‐market    Por0ng    Applica0on Stores!     Only a few UI rendering engines    Easy to port from/to desktop 

Page 7: Inside Mobile Widgets Publish

Negative

  We s0ll need por0ng    Debugging    Standards    It's not na0ve, we know that..    Performance     Not for all kind of apps 

Page 8: Inside Mobile Widgets Publish

Can’t Can

Applica0ons 

Web Mashups 

Mobile Clients 

Casual games 

2D games* 

3D games 

High CPU apps 

Background apps* 

Page 9: Inside Mobile Widgets Publish

Architecture

Page 10: Inside Mobile Widgets Publish

Architecture

Page 11: Inside Mobile Widgets Publish

Architecture

Page 12: Inside Mobile Widgets Publish

Cross Platform Standards

Page 13: Inside Mobile Widgets Publish

Cross Platform Standards

For packaging    W3C Widget    Apple Widget 

For Mobile Pla4orm Access    W3C Geoloca0on & MWI    BONDI     HTML 5    Google Gears    Nokia Plaform Services 2.0 

ad.ag/jgwajg 

Page 14: Inside Mobile Widgets Publish

Tools For coding    Aptana / Eclipse    Adobe Dreamweaver    Visual Studio 

For packaging / signing    Nokia WRT plugins    Motodev.UI    Mojo SDK    PhoneGap Projects    Any ZIP packager! 

Page 15: Inside Mobile Widgets Publish

Let’s talk about platforms!

Page 16: Inside Mobile Widgets Publish

Symbian Foundation!   Web Run0me    First class ci0zen    Available Today    Versions 

  WRT 1.0    WRT 1.1 [MiniView]    Plaform Services 2.0 

Page 17: Inside Mobile Widgets Publish

iPhone OS!   WebClip with icon     Available Today    Versions 

  Webapps for iPhone 2.0    Webapps for iPhone 3.0    Hybrid 

Page 18: Inside Mobile Widgets Publish

Palm WebOS !   Available Today    Unique developer plaform    Mojo Framework    Versions 

  Full feature apps    Browser based 

Page 19: Inside Mobile Widgets Publish

Windows Mobile!   Since 6.5    Uses Internet Explorer    Versions 

  Widget    Hybrid (< 6.5)    BONDI Ac0veX (< 6.5) 

Page 20: Inside Mobile Widgets Publish

Android!   Widget / AppWidget    Versions: 

  Hybrid    Offline webapp 

Page 21: Inside Mobile Widgets Publish

BlackBerry!   Widget Plaform Announced    Private tes0ng right now    Will be first class ci0zen as COD files    Versions 

  Widget    Hybrid 

Page 22: Inside Mobile Widgets Publish

Motorola WebUI !   Available Today    Future?    Versions 

  WebUI Widgets    Full feature Widget apps 

Page 23: Inside Mobile Widgets Publish

LG Widget Platform!   Plaform announced    SDK available    Based on BONDI 1.0 

Page 24: Inside Mobile Widgets Publish

Samsung Widgets!   Cross Plaform    Available at the Home Screen    WRT available in Symbian    Resizable    In Symbian, two plaforms 

Page 25: Inside Mobile Widgets Publish

Opera Widgets!   Cross Plaform    Available for many operators 

Page 26: Inside Mobile Widgets Publish

JIL – Joint Innovation Lab!   Cross Plaform    Future devices    SDK Available    Billing inside 

Page 27: Inside Mobile Widgets Publish

Just for the record…!•  HTML based –  ACCESS NetFront Widgets 

•  Adobe Flash based –  Sony Ericsson’s Capuchin Project –  Nokia Flash (NFL Format) for S40 –  Flash Mobile Packager 

•  XML and some script based –  Prosciu%o Project (Java ME) –  Yahoo! Blueprint –  Orange Djinngo –  Sun Java On Device Portal 

Page 28: Inside Mobile Widgets Publish

Let’s talk about !challenges!

Page 29: Inside Mobile Widgets Publish

UI Challenges

  UI Frameworks    HTML  / CSS     Mojo    WRTKit     iUI 

  Na0ve menus    Interac0on Mode 

  View only     (mul0) Touch    Pointer    Focus 

Page 30: Inside Mobile Widgets Publish

UI Challenges

  Mul0ple views    Links     Sta0c DIVs    Dynamic DIVs     AJAX DIVs 

  Layout    Fixed    Liquid 

Page 31: Inside Mobile Widgets Publish

Code Challenges

  Performance    Dynamic app update    Pushing data    Por0ng 

  Using body class pa%ern    Using one CSS and JS per plaform 

  Data Storage    SQL     Key/Value 

Page 32: Inside Mobile Widgets Publish

Comparison

Available Today

Browser Engine

WebKit  WebKit  WebKit IE  Opera 

Package Type

Signing

Standards Bondi 

Distribution Channel

OTA / Offline Installation

Page 33: Inside Mobile Widgets Publish

Privacy and Security

If a widget is a ZIP 

… 

can I unzip it? 

Page 34: Inside Mobile Widgets Publish

Can we create a one cross platform code?

Page 35: Inside Mobile Widgets Publish

I think YES!

  Define the UI    Define the app logic    Create the device detec0on framework    Port the logic and UI    Test & Debug    Package for every plaform    For OTA 

  Device Detec0on    Show Webapp or package delivery 

Page 36: Inside Mobile Widgets Publish

To Read…

Page 37: Inside Mobile Widgets Publish

THANK YOU! 

 Twi%er.com/firt  www.firt.mobi  www.mobile0nyurl.com  www.widgen.com  

Pictures from freedigitalphotos.net