Medios DigitalesWeb móvil                                       1Clase 14/16Escuela de Creativos Publicitarios de UruguayD...
La web móvil en UY   2
Penetración                                                                                  3■ Conexión a Internet desde ...
Sistemas operativos móviles                                  4    Symbian                                         32,21%  ...
Web en dispositivos móviles   5
¿Para qué queremos web móvil?   6Charlemos...
Algunos valores de la movilidad/ubicuidad                 7 ■ Notificaciones          ■ Entretenimiento en momentos        ...
Diseño y arquitectura para la web móvil   8
Inconsistencias                                        9 ■ Sistemas operativos          ■ Input ■ Navegadores             ...
Periféricos                        10  ■ Foto          ■ Micrófono      ■ Frontal   ■ Acelerómetro      ■ Trasera   ■ Giro...
Aplicaciones web                                        11 ■ Compatibilidad “universal”     ■ (no tanto) ■ Sin descargas ■...
12Google Docs
13Facebook
14BBC Radio Touch
15Transmission Web Interface
Aplicaciones nativas conectadas                                   16 ■ Optimizadas para cada dispositivo/sistema ■ Pueden ...
17Wunderlist
18Reeder
19Wunder Radio
20Foursqaure
Diseño adaptable o responsivo                                     21 ■ Una sola página web ■ Un sólo código ■ Capaz de dif...
22
23
24
25
26
¿Quieren hablarde Google+        27Charlemos...
28Ya que insisten...
Avances y dudas del proyecto final   29Charlemos...
Hasta la próxima   30
Upcoming SlideShare
Loading in …5
×

La Escuelita - Medios Digitales - Clase 14 - Web móvil

1,002 views

Published on

La web en dispositivos móviles y sus desafíos. Cifras de conectividad, usos y particularidades.
Aplicaciones web y nativas conectadas y diseño adaptable o responsivo.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,002
On SlideShare
0
From Embeds
0
Number of Embeds
160
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

La Escuelita - Medios Digitales - Clase 14 - Web móvil

  1. 1. Medios DigitalesWeb móvil 1Clase 14/16Escuela de Creativos Publicitarios de UruguayDocente: Chino Carranza
  2. 2. La web móvil en UY 2
  3. 3. Penetración 3■ Conexión a Internet desde el celular Tráfico escritorio vs. móvil ■ Perfil del Internauta Uruguayo: 14% ■ URSEC: 10% 99,1% ■ AGESIC/INE: 9,4% 0,9%
  4. 4. Sistemas operativos móviles 4 Symbian 32,21% iOS 15,84% Android 13,13%SonyEriccson 12,23%Desconocido 11,71% Samsung 10,19% BlackBerry 2,26% WinCE 1,4% Otros 1,04%
  5. 5. Web en dispositivos móviles 5
  6. 6. ¿Para qué queremos web móvil? 6Charlemos...
  7. 7. Algunos valores de la movilidad/ubicuidad 7 ■ Notificaciones ■ Entretenimiento en momentos ociosos ■ Correo ■ Lectura ■ Alertas ■ Juegos ■ Recordatorios ■ Información ■ Geolocalización ■ Comunicación instantánea ■ Geoalertas ■ Amplificación de la realidad
  8. 8. Diseño y arquitectura para la web móvil 8
  9. 9. Inconsistencias 9 ■ Sistemas operativos ■ Input ■ Navegadores ■ Mouse/trackball ■ Flash ■ Stylus ■ Resolución de pantalla ■ Touch ■ Orientación de la pantalla ■ Multitouch
  10. 10. Periféricos 10 ■ Foto ■ Micrófono ■ Frontal ■ Acelerómetro ■ Trasera ■ Giroscopio ■ Video ■ Multitouch ■ GPS ■ Luz ■ Brújula
  11. 11. Aplicaciones web 11 ■ Compatibilidad “universal” ■ (no tanto) ■ Sin descargas ■ Sin actualización ■ Sincronía sin servicios de sincronización ■ Se programan en lenguajes web ■ No se pueden usar todas las funciones del teléfono
  12. 12. 12Google Docs
  13. 13. 13Facebook
  14. 14. 14BBC Radio Touch
  15. 15. 15Transmission Web Interface
  16. 16. Aplicaciones nativas conectadas 16 ■ Optimizadas para cada dispositivo/sistema ■ Pueden usar todas las funciones del teléfono ■ Requieren descarga ■ Requieren actualizaciones ■ Cargan sólo datos pero requieren servicios de sincronización ■ Interfaz más rica ■ Se programan en distintos lenguajes según el sistema
  17. 17. 17Wunderlist
  18. 18. 18Reeder
  19. 19. 19Wunder Radio
  20. 20. 20Foursqaure
  21. 21. Diseño adaptable o responsivo 21 ■ Una sola página web ■ Un sólo código ■ Capaz de diferenciar entre escritorio y dispositivos móviles ■ Responde al tamaño del navegador también ■ Jerarquiza según el contexto
  22. 22. 22
  23. 23. 23
  24. 24. 24
  25. 25. 25
  26. 26. 26
  27. 27. ¿Quieren hablarde Google+ 27Charlemos...
  28. 28. 28Ya que insisten...
  29. 29. Avances y dudas del proyecto final 29Charlemos...
  30. 30. Hasta la próxima 30

×