mobile widgets development

37
Mobile Widget Development Maximiliano Firtman Firt Firt.mobi

Upload: maximiliano-firtman

Post on 15-Jan-2015

10.118 views

Category:

Technology


0 download

DESCRIPTION

Presentation at Inside Mobile Conference (O'Reilly and 360Conferences) at San Jose, CA on July 27th, 2009.Today is possible to create mobile offline (and installed) applications using web-related technologies (XHTML, CSS, JavaScript, AJAX, Flash) and additional APIs. WRT for Nokia-Symbian, WebUI for Motorola, WebOS for Palm Pre, online/offline Webapps for iPhone 3.0, widgets for BlackBerry, and other mobile widget platforms for Sony Ericsson, Samsung, Nokia S40, Windows Mobile, Opera and Yahoo!. There is also a new hybrid paradigm using the best of the web technologies and a native development, like the PhoneGap project that can be distributed in the AppStore.What can we do using this technology? what are the differences between platforms? Can we distribute them in the Application Stores? What compatibility do we have with web standards? What kind of applications are best-suited for this platforms? How to access location, contacts, accelerometer, SMS, home screen and Internet for each platform? What about security and privacy of my code?Let's see how to create mobile web 2.0 mashups ported to many platforms in a couple of minutes using web knowledge.

TRANSCRIPT

Page 1: Mobile Widgets Development

Mobile Widget Development

Maximiliano Firtman!Firt! Firt.mobi!

Page 2: Mobile Widgets Development

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: Mobile Widgets Development

What

Mobile Widgets

Page 4: Mobile Widgets Development

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: Mobile Widgets Development

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: Mobile Widgets Development

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: Mobile Widgets Development

Negative

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

Page 8: Mobile Widgets Development

Can’t Can

Applica0ons 

Web Mashups 

Mobile Clients 

Casual games 

2D games* 

3D games 

High CPU apps 

Background apps* 

Page 9: Mobile Widgets Development

Architecture

Page 10: Mobile Widgets Development

Architecture

Page 11: Mobile Widgets Development

Architecture

Page 12: Mobile Widgets Development

Cross Platform Standards

Page 13: Mobile Widgets Development

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: Mobile Widgets Development

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: Mobile Widgets Development

Let’s talk about platforms!

Page 16: Mobile Widgets Development

Symbian Foundation!   Web Run0me    First class ci0zen    Available Today    Versions 

  WRT 1.0    WRT 1.1 [MiniView]    Plaform Services 2.0 

Page 17: Mobile Widgets Development

iPhone OS!   WebClip with icon     Available Today    Versions 

  Webapps for iPhone 2.0    Webapps for iPhone 3.0    Hybrid 

Page 18: Mobile Widgets Development

Palm WebOS !   Available Today    Unique developer plaform    Mojo Framework    Versions 

  Full feature apps    Browser based 

Page 19: Mobile Widgets Development

Windows Mobile!   Since 6.5    Uses Internet Explorer    Versions 

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

Page 20: Mobile Widgets Development

Android!   Widget / AppWidget    Versions: 

  Hybrid    Offline webapp 

Page 21: Mobile Widgets Development

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

  Widget    Hybrid 

Page 22: Mobile Widgets Development

Motorola WebUI !   Available Today    Future?    Versions 

  WebUI Widgets    Full feature Widget apps 

Page 23: Mobile Widgets Development

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

Page 24: Mobile Widgets Development

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

Page 25: Mobile Widgets Development

Opera Widgets!   Cross Plaform    Available for many operators 

Page 26: Mobile Widgets Development

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

Page 27: Mobile Widgets Development

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: Mobile Widgets Development

Let’s talk about !challenges!

Page 29: Mobile Widgets Development

UI Challenges

  UI Frameworks    HTML  / CSS     Mojo    WRTKit     iUI 

  Na0ve menus    Interac0on Mode 

  View only     (mul0) Touch    Pointer    Focus 

Page 30: Mobile Widgets Development

UI Challenges

  Mul0ple views    Links     Sta0c DIVs    Dynamic DIVs     AJAX DIVs 

  Layout    Fixed    Liquid 

Page 31: Mobile Widgets Development

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: Mobile Widgets Development

Comparison

Available Today

Browser Engine

WebKit  WebKit  WebKit IE  Opera 

Package Type

Signing

Standards Bondi 

Distribution Channel

OTA / Offline Installation

Page 33: Mobile Widgets Development

Privacy and Security

If a widget is a ZIP 

… 

can I unzip it? 

Page 34: Mobile Widgets Development

Can we create a one cross platform code?

Page 35: Mobile Widgets Development

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: Mobile Widgets Development

To Read…

Page 37: Mobile Widgets Development

THANK YOU! 

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

Pictures from freedigitalphotos.net