Download pdf - Barcamp Mobile Web

Transcript
Page 1: Barcamp Mobile Web

Mobile Web

Maximiliano Firtman!Firt! Firt.mobi!

31 de octubre de 2009 Buenos Aires 

Page 2: Barcamp Mobile Web

 Lic. Maximiliano Firtman 

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

Pictures from freedigitalphotos.net 

Page 3: Barcamp Mobile Web

Qué

Mobile Web

Page 4: Barcamp 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 

Page 5: Barcamp Mobile Web

Por qué

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

Page 6: Barcamp Mobile Web

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 

Page 7: Barcamp Mobile Web

Por qué

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

Page 8: Barcamp Mobile Web

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: Barcamp Mobile Web

Mitos!

Page 10: Barcamp Mobile Web

Mitos

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

Page 11: Barcamp Mobile Web

Mitos

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

Page 12: Barcamp Mobile Web

Mitos

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

Page 13: Barcamp Mobile Web

Mitos

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

Page 14: Barcamp Mobile Web

Mitos

Los usuarios móviles no usan Internet  

Page 15: Barcamp Mobile Web

Mitos

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

Page 16: Barcamp Mobile Web

Mitos

Poca gente Sene un iPhone  

Page 17: Barcamp Mobile Web

Mitos

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

Page 18: Barcamp Mobile Web

Mitos

Mis visitantes no usan móviles  

Page 19: Barcamp Mobile Web

Mitos

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

Page 20: Barcamp Mobile Web

DOS ENEMIGOS

La propia inexistencia 

Las aplicaciones naSvas 

Page 21: Barcamp Mobile Web

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 

Page 22: Barcamp Mobile Web

Negative

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

Page 23: Barcamp Mobile Web

No Podemos Podemos

Aplicaciones 

Web Mashups 

Clientes Móviles 

SiSos Web 

Juegos Casuales 

Juegos 2D* 

Juegos 3D 

Apps High CPU 

Apps de Fondo* 

Page 24: Barcamp Mobile Web

Arquitectura

Page 25: Barcamp Mobile Web

Arquitectura

Page 26: Barcamp Mobile Web

Arquitectura

Page 27: Barcamp Mobile Web

Cross Platform Standards

Page 28: Barcamp Mobile Web

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 

Page 29: Barcamp Mobile Web

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 

Page 30: Barcamp Mobile Web

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 

Page 31: Barcamp Mobile Web

Herramientas

Page 32: Barcamp Mobile Web

Herramientas Para codificar    Aptana / Eclipse    Adobe Dreamweaver    Visual Studio 

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

Page 33: Barcamp Mobile Web

Let’s talk about platforms!

Page 34: Barcamp Mobile Web

Plataformas

Page 35: Barcamp Mobile Web

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 

Page 36: Barcamp Mobile Web

Comparativa de Widgets / Offline Web

Available Today

Browser Engine WebKit  WebKit  WebKit IE  Opera 

Package Type

Signing

Standards Bondi 

Distribution Channel

Page 37: Barcamp Mobile Web

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

Page 38: Barcamp Mobile Web

GRACIAS! 

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

Pictures from freedigitalphotos.net