Conferencia dictada el 26/10 en UTN en el marco del Mobile Monday Buenos Aires TechTalks acerca de Mobile Web y Mobile Web Widgets dictada por Maximiliano Firtman (@firt, www.firt.mobi)

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

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

3. Qué
Mobile Web & Widgets

4. 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

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

6. 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

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

8. 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

9. Mitos!

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

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

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

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

14. Mitos
Los usuarios móviles no usan
Internet

15. Mitos
Los usuarios prefieren las
versiones de escritorio a las
versiones móviles

16. Mitos
Poca gente Qene un iPhone

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

18. Mitos
Mis visitantes no usan móviles

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

20. 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

21. 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

22. 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

23. 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

24. 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

25. 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

26. 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

27. 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

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

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

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

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

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

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

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

35. Arquitectura

36. Arquitectura

37. Arquitectura

38. Cross Platform Standards

39. Cross Platform Standards
For markup
HTML 4.0
XHTML MP 1.1
JavaScript
AJAX
CSS 2.1
HTML 5 y CSS 3

40. 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

41. 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

42. Herramientas

43. Herramientas
Para codificar
Aptana / Eclipse
Adobe Dreamweaver
Visual Studio
For empaquetar / firmar
Nokia WRT plugins
Motodev.UI
Mojo SDK
PhoneGap
Cualquier compresor ZIP!

44. Let’s talk about platforms!

45. Plataformas

46. 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

47. Comparativa de Widgets / Offline
Web
Available Today
Browser Engine
WebKit IE WebKit Opera WebKit
Package Type
Signing
Standards
Bondi
Distribution Channel

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

49. GRACIAS!
Twirer.com/firt
www.firt.mobi
www.mobileQnyurl.com
www.widgen.com
Pictures from freedigitalphotos.net