Desarrollando para nuevos dispositivos

1,936 views

Published on

Published in: Technology, Design
  • Be the first to comment

Desarrollando para nuevos dispositivos

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

×