Barcamp Mobile Web

Preview:

DESCRIPTION

Presentación de la charla del 31/10/09 en Barcamp Buenos Aires sobre desarrollo de mobile web y su futuro.

Citation preview

Mobile Web

Maximiliano Firtman!Firt! Firt.mobi!

31 de octubre de 2009 Buenos Aires 

 Lic. Maximiliano Firtman 

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

Pictures from freedigitalphotos.net 

Qué

Mobile Web

Qué

Mobile Web

  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    Mobile Widgets u Offline webapps 

Por qué

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

Por qué

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

Por qué

  Roadmap de fabricantes    La fragmentación está aumentando    Necesitamos ser rápidos    “… is the future of mobile applicaSons”,            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 Sene 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

Los stores son el futuro, por lo tanto no es web 

DOS ENEMIGOS

La propia inexistencia 

Las aplicaciones naSvas 

Positivo

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

Negative

  Seguimos requiriendo porSng    Debugging    Estándares    No es naSvo    Rendimiento    No es para todos los Spos de aplicaciones 

No Podemos Podemos

Aplicaciones 

Web Mashups 

Clientes Móviles 

SiSos 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    GeolocaSon API    Metadatos – de facto 

Cross Platform Standards

For packaging    W3C Widget    Apple Widget 

For Mobile Pla7orm Access    W3C GeolocaSon    BONDI     HTML 5    Google Gears    Nokia Plahorm Services 2.0 

Cross Platform Standards

For packaging    W3C Widget    Apple Widget 

For Mobile Pla7orm Access    W3C GeolocaSon    BONDI     HTML 5    Google Gears    Nokia Plahorm 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 –  Prosciuqo 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! 

 Twiqer.com/firt  www.firt.mobi  www.mobileSnyurl.com  www.itmaster.com.ar 

Pictures from freedigitalphotos.net