Introducción a la web móvil

972 views

Published on

Introducción a la asignatura "Mobile web" en el Máster en Infomática Móvil de la UPSA (http://web.upsa.es/mimo/)

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
972
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introducción a la web móvil

  1. 1. http://www.w3.org/2008/Talks/www2008-mwi/#%2812%29 http://www.w3.org/2007/Talks/2007-10-MoMo/#%2811%29 Mobile webMáster en Informática Móvil y Tarjetas Inteligentes (MIMO) - http://web.upsa.es/mimo
  2. 2. Presentaciones José Manuel (JM) Navarro @jmnavarro jmnavarro@gmail.com Unkasoft Director Técnico Iniciador Salamanca Organizador
  3. 3. Objetivos! Entender la problemática del desarrollo web para móvil, sus variantes y cómo se afronta http://www.library.jhu.edu/bin/p/i/svMath_problem.jpg
  4. 4. Objetivos! Entender la arquitectura de los sistemas web y sistemas online en general. http://img.archiexpo.es/images_ae/photo-g/software-de-cad-2d-para-arquitectura-91443.jpg
  5. 5. Objetivos! Practicar conceptos básicos, para que podáis profundizar y continuar solos http://fotos-bebes.net/2008/12/autoestimulacion-bebes.html
  6. 6. Objetivos! Desarrollar un ejemplo completo, que os de una visión real (y que os quite el miedo)
  7. 7. Por vuestra parte! Conceptos y cierta práctica en web: ! XML, HTML, CSS, Javascript, etc.! Programación + OO: Java (o mejor Grails)! Un poco de bases de datos relacionales: MySQL! Curiosidad y vocación
  8. 8. Qué vais a aprender! Día 1: un poco de historia, WML, XHTML y CSS! Día 2: Javascript + AJAX! Día 3: Arquitectura servidor. Desarrollo servidor REAL! Día 4: Detección de dispositivos y capacidades (discovery)! Práctica y evaluación: proyecto real
  9. 9. 3, 2, 1... despegamos!
  10. 10. ¿Qué nos espera? En 2013, el tráfico de Internet móvil será mayor que el de Internet “fijo” Gartner
  11. 11. ¿Qué nos espera? La “web móvil” es una parte muy pequeña del Internet móvil
  12. 12. Sistemas online ServidorWeb móvil Apps Otros sistemas
  13. 13. ¿Qué es un móvil?Un cacharro portátil http://laughingsquid.com/the-portable-cell-phone-booth/
  14. 14. ¿Qué es un móvil? Que siempre te acompaña http://alquicira.com
  15. 15. ¿Qué es un móvil?Que es fácil y rápido de usar http://commons.wikimedia.org/wiki/File:Easy_button.JPG
  16. 16. ¿Qué es un móvil? y que me permite comunicarcon el mundo http://www.flickr.com/photos/pshanks/411196422/
  17. 17. Categorías! Teléfonos! Low-end devices! Medium-end devices! High-end devices! Smartphones! Non-phones! Tablets
  18. 18. Teléfonos
  19. 19. Low-end devices
  20. 20. Smartphones Y por supuesto...
  21. 21. Pantallas http://mobiforge.com/node/197
  22. 22. La importancia de los Smartphones
  23. 23. La importancia de lossmartphones! Su usuario medio genera 10 veces el tráfico de un usuario no-smart! Y un usuario de iPhone general 30 veces más tráfico!
  24. 24. La importancia de lossmartphones! 35% de los usuarios de smartphone usan Internet a diario.! Sólo el 4% de los no-smart lo usan todos los días
  25. 25. La importancia de lossmartphones ! 70% de los usuarios de smartphone usan el e-mail ! Sólo el 12% de los no-smart lo usan
  26. 26. Mobile Browsers
  27. 27. Interacción! Focus based
  28. 28. Interacción! Pointer based
  29. 29. Interacción! Touch based
  30. 30. Interacción! Multitouch & gestures based http://embody3d.com/2010/01/14/intellectual-property-and-industrial-design-part-1/
  31. 31. Renderización! Scroll! Smart zoom! Reflow! Proxies device <— protocolo optimizado —> proxy <— HTTP —> web
  32. 32. Y la realidad es que... Cada vez se usa más el móvil para navegar http://mobileanalyticssimplified.com/post/790212999/11-of-web-traffic-worldwide-is-now-mobile
  33. 33. Y la realidad es que... Cada vez se usa más el móvil para navegar http://mobileanalyticssimplified.com/post/790212999/11-of-web-traffic-worldwide-is-now-mobile
  34. 34. Y la realidad es que... pero...
  35. 35. Y la realidad es que... Cada vez se usan menos las versiones "mobile" de las webs
  36. 36. Y la realidad es que... Así que las versiones "mobile" tienden a desaparecer!
  37. 37. Y la realidad es que...
  38. 38. Y la realidad es que... ¿y eso?
  39. 39. Razones ! Se tiende a la simplicidad en la versión estándar ! Maquetación adaptable ("fluid") que no requiere de versiones especiales
  40. 40. Razones ! Navegadores móviles renderizan igual o mejor que los de escritorio (HTML 5) ! Interfaz multitouch hace usables las webs normales
  41. 41. Razones ! Los usuarios no quieren dos webs: quieren una que se vea bien everywhere ! La apps mejoran la UX para cada plataforma
  42. 42. MIMO: Mobile WebEsta presentación forma parte del material de formación de laasignatura “Mobile web” en el “Máster en Informática Móvil y TarjetasInteligentes” de la Universidad Pontificia de Salamanca.Todos los derechos reservados. Prohibida su reproducción total oparcial.Para más información, póngase en contacto con el profesor de laasignatura (José Manuel Navarro) en la dirección de correojmnavarro@gmail.com o en una de las siguientes direcciones:•http://www.web.upsa.es/mimo/•mimo@upsa.es

×