Upload
daniel-carranza
View
862
Download
3
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
Medios DigitalesWeb móvil
Clase 14/16Escuela de Creativos Publicitarios de UruguayDocente: Chino Carranza
1
La web móvil en UY 2
3Penetración
■ Conexión a Internet desde el celular
■ Perfil del Internauta Uruguayo: 14%
■ URSEC: 10%
■ AGESIC/INE: 9,4%
0,9%
99,1%
Tráfico escritorio vs. móvil
Sistemas operativos móviles 4
Symbian
iOS
Android
SonyEriccson
Desconocido
Samsung
BlackBerry
WinCE
Otros 1,04%
1,4%
2,26%
10,19%
11,71%
12,23%
13,13%
15,84%
32,21%
Web en dispositivos móviles 5
¿Para qué queremos web móvil? 6
Charlemos...
Algunos valores de la movilidad/ubicuidad
■ Notificaciones
■ Correo
■ Alertas
■ Recordatorios
■ Geolocalización
■ Geoalertas
■ Entretenimiento en momentos ociosos
■ Lectura
■ Juegos
■ Información
■ Comunicación instantánea
■ Amplificación de la realidad
7
Diseño y arquitectura para la web móvil 8
Inconsistencias
■ Sistemas operativos
■ Navegadores
■ Flash
■ Resolución de pantalla
■ Orientación de la pantalla
■ Input
■ Mouse/trackball
■ Stylus
■ Touch
■ Multitouch
9
Periféricos
■ Foto
■ Frontal
■ Trasera
■ Video
■ GPS
■ Brújula
■ Micrófono
■ Acelerómetro
■ Giroscopio
■ Multitouch
■ Luz
10
Aplicaciones web
■ 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
11
Google Docs
12
13
BBC Radio Touch
14
Transmission Web Interface
15
Aplicaciones nativas conectadas
■ 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
16
Wunderlist
17
Reeder
18
Wunder Radio
19
Foursqaure
20
Diseño adaptable o responsivo
■ 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
21
22
23
24
25
26
¿Quieren hablar de Google+ 27
Charlemos...
Ya que insisten...
28
Avances y dudas del proyecto final 29
Charlemos...
30Hasta la próxima