desarrollando para nuevos dispositivos
TRANSCRIPT
![Page 1: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/1.jpg)
Desarrollando para nuevos dispositivos
Ivan Camilo VasquezSergio David Acosta
![Page 2: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/2.jpg)
Agenda
• ¿Quiénes somos y porqué estamos aquí?• ¿De dónde venimos? - Historia• ¿En dónde estamos? - Estado del arte• ¿Para dónde vamos? - Tendencias
![Page 3: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/3.jpg)
¿Quiénes somos?
.mob - http://www.puntomob.comDev blog - http://www.puntomob.com/blog
Blog - http://webmacheter.com
Sergio Acosta Ivan Vásquez
![Page 4: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/4.jpg)
¿De dónde venimos?
Historia
![Page 5: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/5.jpg)
J2ME
- Una plataforma diseñada para sistemas embebidos. Este era el significado real de "Write Once, Run Anywhere".
![Page 6: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/6.jpg)
Windows Mobile
Un PC con Windows en cada hogar... y Windows en cada dispositivo.
![Page 7: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/7.jpg)
Palm OS
![Page 8: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/8.jpg)
Symbian, Blackberry, Apple...
![Page 9: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/9.jpg)
¿En dónde estamos?
Desarrollo Web, Desarrollo Nativo y Desarrollo Híbrido.
![Page 10: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/10.jpg)
Desarrollo de Aplicaciones Web para móviles
![Page 11: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/11.jpg)
Desarrollo de aplicaciones nativas?
Android Dalvik
iOS Objective C
Windows Mobile 7 XNA/Silverlight
BlackBerry Java
WebOS HTML5
![Page 12: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/12.jpg)
HTML5 esta en todos lados!
![Page 13: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/13.jpg)
Pero vienen más!
![Page 14: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/14.jpg)
Algunos ejemplos
![Page 15: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/15.jpg)
Calificación de soporte de browsers móviles
![Page 16: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/16.jpg)
Calificación de soporte de browsers móviles
![Page 17: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/17.jpg)
Whiteboard
http://whiteboardframework.com/
![Page 18: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/18.jpg)
Laker
http://www.lakercompendium.com/
![Page 19: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/19.jpg)
Angry Birds
http://chrome.angrybirds.com/
![Page 20: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/20.jpg)
PlayBoy (!!!)
http://i.playboy.com/
![Page 21: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/21.jpg)
Ejemplos HTML5
http://whiteboardframework.com/ - Framework de temas para wordpresshttp://www.lakercompendium.com/ - Proyecto para hacer revistas para móviles usando HTML5http://chrome.angrybirds.com/ - Angry Birds, HTML 5http://i.playboy.com/ - Revista Playboy para iPad
![Page 22: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/22.jpg)
Dejame arreglar esto para ti ...
Android Dalvik
iOS Objective C
Windows Mobile 7 XNA/Silverlight
BlackBerry Java
WebOS HTML5
![Page 23: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/23.jpg)
Dejame arreglar esto para ti ......Listo! arreglado para ti Android Dalvik y HTML5
iOS Objective C y HTML5
Windows Mobile 7 XNA/Silverlight y HTML5
BlackBerry Java y HTML5
WebOS Permanece HTML5!
![Page 24: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/24.jpg)
Frameworks:Un poco de ayuda
![Page 25: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/25.jpg)
Qué nos ofrecen...
![Page 26: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/26.jpg)
¿Como lidiar con estructuras HTML5 y CSS3 no soportados?
![Page 27: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/27.jpg)
Una nuve, muchas aplicaciones
![Page 28: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/28.jpg)
HTML5 permite hacer numerosas cosas...
![Page 29: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/29.jpg)
Desarrollo Nativo
![Page 30: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/30.jpg)
¿Por qué desarrollar nativo?
• Velocidad• Poder• Control• Integración
![Page 31: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/31.jpg)
iOS
![Page 32: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/32.jpg)
Android
![Page 33: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/33.jpg)
BlackBerry
![Page 34: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/34.jpg)
WP7, WebOS, Symbian
![Page 35: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/35.jpg)
¿Nativo o Web móvil?
Vs.
![Page 36: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/36.jpg)
Un pequeño demo
![Page 37: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/37.jpg)
Desarrollo híbrido
![Page 38: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/38.jpg)
Conclusión
Web apps:• Móvil• Competente• Abierto
Native apps:• Integrado• Actualizado• Experiencia de usuario
![Page 39: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/39.jpg)
"Si no puedes pensar una manera de mejorar tu aplicación Web utilizando las caracteristicas del SDK (API) ... ...lo estas haciendo mal"
![Page 40: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/40.jpg)
¿Qué hacer entonces?
1. Web app2. Webviews3. Añadir mejoras aprovechando el API (ej: widgets,
notificaciones, acelerometro)4. Comunicación entre aplicacion nativa y javascript y
visceversa
![Page 41: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/41.jpg)
¿Para dónde vamos?
Tendencias
![Page 42: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/42.jpg)
Tendencias
![Page 43: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/43.jpg)
Otro demo :)
![Page 44: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/44.jpg)
Cada vez más cosas
• 2007: Multi-touch, acelerometro, microfono• 2008: video, brujula,background apps• 2009: Bluetooth, múltiples tamaños de pantalla• 2010: Giroscopios, cámara front-facing• 2011: Barometro, NFC, tablets, accesorios USB,
Android@Home• 2012: ???
o Google TV,car, lavadora, neveras, portaretratos
![Page 45: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/45.jpg)
¿Y acá que?
![Page 46: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/46.jpg)
¿Y acá que?
![Page 47: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/47.jpg)
¿Y acá que?
...
![Page 48: Desarrollando para nuevos dispositivos](https://reader036.vdocuments.site/reader036/viewer/2022062313/557b4962d8b42a0d388b4db1/html5/thumbnails/48.jpg)
Referencias
http://www.google.com/events/io/2011/sessions/html5-versus-android-apps-or-web-for-mobile-development.htmlhttp://web.archive.org/web/20080530073139/http://java.sun.com/features/1998/05/birthday.htmlhttp://www.codepedia.com/1/J2MEhttp://www.codepedia.com/1/Oak+Projecthttp://www.hpcfactor.com/support/windowsce/default.asphttp://www.mobilespoon.net/2009/03/history-of-pdas-part-2.htmlhttp://www.pcworld.com/article/195199/a_brief_history_of_palm.htmlhttp://www.engadget.com/2009/12/28/ten-years-of-blackberry/