Momo mobile webwidgets

49
Mobile Webs and Widgets Maximiliano Firtman Firt Firt.mobi 26 de octubre de 2009 Buenos Aires

description

Primer MOMO TECHTALKS - UTN. Maximiliano Firtman, desarrollador mobile y director del instituto IT Master, habló sobre lo importante pensar en la mobile Web y en los widgets, que son aplicaciones instalables pero desarrolladas con tecnología web

Transcript of Momo mobile webwidgets

Page 1: Momo mobile webwidgets

Mobile Webs and Widgets

Maximiliano Firtman!Firt! Firt.mobi!

26 de octubre de 2009 Buenos Aires 

Page 2: Momo mobile webwidgets

 Lic. Maximiliano Firtman 

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

Pictures from freedigitalphotos.net 

Page 3: Momo mobile webwidgets

Qué

Mobile Web & Widgets

Page 4: Momo mobile webwidgets

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 

Page 5: Momo mobile webwidgets

Por qué

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

Page 6: Momo mobile webwidgets

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 

Page 7: Momo mobile webwidgets

Por qué

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

Page 8: Momo mobile webwidgets

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 

Page 9: Momo mobile webwidgets

Mitos!

Page 10: Momo mobile webwidgets

Mitos

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

Page 11: Momo mobile webwidgets

Mitos

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

Page 12: Momo mobile webwidgets

Mitos

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

Page 13: Momo mobile webwidgets

Mitos

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

Page 14: Momo mobile webwidgets

Mitos

Los usuarios móviles no usan Internet  

Page 15: Momo mobile webwidgets

Mitos

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

Page 16: Momo mobile webwidgets

Mitos

Poca gente Qene un iPhone  

Page 17: Momo mobile webwidgets

Mitos

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

Page 18: Momo mobile webwidgets

Mitos

Mis visitantes no usan móviles  

Page 19: Momo mobile webwidgets

Mitos

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

Page 20: Momo mobile webwidgets

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 

Page 21: Momo mobile webwidgets

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 

Page 22: Momo mobile webwidgets

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 

Page 23: Momo mobile webwidgets

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 

Page 24: Momo mobile webwidgets

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 

Page 25: Momo mobile webwidgets

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 

Page 26: Momo mobile webwidgets

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 

Page 27: Momo mobile webwidgets

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 

Page 28: Momo mobile webwidgets

Negativo

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

Page 29: Momo mobile webwidgets

Negative

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

Page 30: Momo mobile webwidgets

Negative

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

Page 31: Momo mobile webwidgets

Negative

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

Page 32: Momo mobile webwidgets

Negative

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

Page 33: Momo mobile webwidgets

Negative

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

Page 34: Momo mobile webwidgets

No Podemos Podemos

Aplicaciones 

Web Mashups 

Clientes Móviles 

SiQos Web 

Juegos Casuales 

Juegos 2D* 

Juegos 3D 

Apps High CPU 

Apps de Fondo* 

Page 35: Momo mobile webwidgets

Arquitectura

Page 36: Momo mobile webwidgets

Arquitectura

Page 37: Momo mobile webwidgets

Arquitectura

Page 38: Momo mobile webwidgets

Cross Platform Standards

Page 39: Momo mobile webwidgets

Cross Platform Standards

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

Page 40: Momo mobile webwidgets

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 

Page 41: Momo mobile webwidgets

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 

Page 42: Momo mobile webwidgets

Herramientas

Page 43: Momo mobile webwidgets

Herramientas Para codificar    Aptana / Eclipse    Adobe Dreamweaver    Visual Studio 

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

Page 44: Momo mobile webwidgets

Let’s talk about platforms!

Page 45: Momo mobile webwidgets

Plataformas

Page 46: Momo mobile webwidgets

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 

Page 47: Momo mobile webwidgets

Comparativa de Widgets / Offline Web

Available Today

Browser Engine WebKit  WebKit  WebKit IE  Opera 

Package Type

Signing

Standards Bondi 

Distribution Channel

Page 48: Momo mobile webwidgets

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

plataformas?

Page 49: Momo mobile webwidgets

GRACIAS! 

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

Pictures from freedigitalphotos.net