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

Lic. Maximiliano Firtman
Director de ITMaster Professional Training
Desarrollador y Profesor Mobile
MobileTinyURL.com
Widgen
Pictures from freedigitalphotos.net

Qué
Mobile Web & Widgets

Qué
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 Web & Widgets

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

Podemos No Podemos
Aplicaciones Juegos 2D*
Web Mashups Juegos 3D
Clientes Móviles Apps High CPU
SiQos Web Apps de Fondo*
Juegos Casuales

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 IE WebKit Opera WebKit
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