Mobile Web & Widgets

Mobile Webs and Widgets

Maximiliano Firtman!Firt! Firt.mobi!

26 de octubre de 2009 Buenos Aires 

 Lic. Maximiliano Firtman 

Director de ITMaster Professional Training Desarrollador y Profesor Mobile  MobileTinyURL.com Widgen 

Pictures from freedigitalphotos.net 

Qué

Mobile Web & Widgets

Qué

Mobile Web & Widgets

  Aplicaciones web en móviles    Aplicaciones con capacidad offline    Aplicaciones con un ícono en el menú    HTML, CSS, JavaScript, AJAX    Tecnología invisible al usuario 

Por qué

  Roadmap de fabricantes    Device fragmentaQon is increasing    We need to be fast     “… is the future of mobile applicaQons”,            Google, July, 16th 2009 

Por qué

  Roadmap de fabricantes    La fragmentación está aumentando    We need to be fast     “… is the future of mobile applicaQons”,            Google, July, 16th 2009 

Por qué

  Roadmap de fabricantes    La fragmentación está aumentando    Necesitamos ser rápidos    “… is the future of mobile applicaQons”,            Google, July, 16th 2009 

Por qué

  Roadmap de fabricantes    La fragmentación está aumentando    Necesitamos ser rápidos    “… es el futuro de las aplicaciones móviles”            Google, July, 16th 2009 

Mitos!

Mitos

No existe la web móvil. Hay sólo una web. 

Mitos

Web para celulares? Es Fácil, sólo creá un WML 

Mitos

Web para celulares? Es Fácil, sólo creá un HTML de 240 píxeles de ancho 

Mitos

Si el ….. puede leer cualquier página web, para qué molestarnos?  

Mitos

Los usuarios móviles no usan Internet  

Mitos

Los usuarios prefieren las versiones de escritorio a las versiones móviles  

Mitos

Poca gente Qene un iPhone  

Mitos

Es preferible hacer una versión para todos los móviles y una versión para escritorio.    

Mitos

Mis visitantes no usan móviles  

Mitos

Si el ….. puede leer cualquier página web, para qué molestarnos?  

Positivo

  Tecnologías muy conocidas    Tools, Frameworks, IDEs     Web APIs    Low Qme‐to‐market    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Low Qme‐to‐market    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Low Qme‐to‐market    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Tiempo en el mercado corto    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Tiempo en el mercado corto    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Tiempo en el mercado corto    PorQng    ApplicaQon Stores!     Only a few UI rendering engines   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Tiempo en el mercado corto    PorQng    ApplicaQon Stores!     Dentro de todo, pocos motores de render   Easy to port from/to desktop 

Positivo

  Tecnologías muy conocidas    Herramientas, Frameworks, IDEs     Web APIs    Tiempo en el mercado corto    PorQng    ApplicaQon Stores!     Dentro de todo, pocos motores de render    Fácil de portar desde escritorio 

Negativo

  Seguimos requiriendo porQng    Debugging    Standards    It's not naQve, we know that..    Performance     Not for all kind of apps 

Negative

  Seguimos requiriendo porQng    Debugging    Standards    It's not naQve, we know that..    Performance     Not for all kind of apps 

Negative

  Seguimos requiriendo porQng    Debugging    Estándares    It's not naQve, we know that..    Performance     Not for all kind of apps 

Negative

  Seguimos requiriendo porQng    Debugging    Estándares    No es naQvo    Performance     Not for all kind of apps 

Negative

  Seguimos requiriendo porQng    Debugging    Estándares    No es naQvo    Rendimiento    Not for all kind of apps 

Negative

  Seguimos requiriendo porQng    Debugging    Estándares    No es naQvo    Rendimiento    No es para todos los Qpos de aplicaciones 

No Podemos Podemos

Aplicaciones 

Web Mashups 

Clientes Móviles 

SiQos Web 

Juegos Casuales 

Juegos 2D* 

Juegos 3D 

Apps High CPU 

Apps de Fondo* 

Arquitectura

Arquitectura

Arquitectura

Cross Platform Standards

Cross Platform Standards

For markup    HTML 4.0    XHTML MP 1.1    JavaScript    AJAX    CSS 2.1    HTML 5 y CSS 3 

Cross Platform Standards

For packaging    W3C Widget    Apple Widget 

For Mobile Pla7orm Access    W3C GeolocaQon    BONDI     HTML 5    Google Gears    Nokia Plajorm Services 2.0 

Cross Platform Standards

For packaging    W3C Widget    Apple Widget 

For Mobile Pla7orm Access    W3C GeolocaQon    BONDI     HTML 5    Google Gears    Nokia Plajorm Services 2.0 

ad.ag/jgwajg 

Herramientas

Herramientas Para codificar    Aptana / Eclipse    Adobe Dreamweaver    Visual Studio 

For empaquetar / firmar    Nokia WRT plugins    Motodev.UI    Mojo SDK    PhoneGap    Cualquier compresor ZIP! 

Let’s talk about platforms!

Plataformas

Otros Proyectos similares!•  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 –  Prosciuro Project (Java ME) –  Yahoo! Blueprint –  Orange Djinngo –  Sun Java On Device Portal 

Comparativa de Widgets / Offline Web

Available Today

Browser Engine WebKit  WebKit  WebKit IE  Opera 

Package Type

Signing

Standards Bondi 

Distribution Channel

Podremos crear un sólo código para todas las

plataformas?

GRACIAS! 

 Twirer.com/firt  www.firt.mobi  www.mobileQnyurl.com  www.widgen.com  

Pictures from freedigitalphotos.net