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

26
Clase 14/16 MEDIOS DIGITALES Web Móvil ESCUELA DE CREATIVOS PUBLICITARIOS DE URUGUAY Docente: Chino Carranza

description

El crecimento de la web móvil, sus características diferenciales y cómo sacarle provecho desde distintos tipos de apps web y nativas y el diseño adaptable.

Transcript of La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Page 1: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Clase 14/16

MEDIOS DIGITALESWeb Móvil

ESCUELA DE CREATIVOS PUBLICITARIOS DE URUGUAYDocente: Chino Carranza

Page 2: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

¿PARA QUÉ QUEREMOS WEB MÓVIL?

2

Page 3: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

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

3

Page 4: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

SO/LO/MO

Page 5: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Social, Local, Móvil

Page 6: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

DISEÑO Y ARQUITECTURA PARA LA WEB MÓVIL

Page 7: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

INCONSISTENCIAS

• Sistemas operativos

• Navegadores

• Flash

• Resolución de pantalla

• Orientación de la pantalla

• Input

• Mouse/trackball

• Stylus

• Touch

• Multitouch

7

Page 8: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

PERIFÉRICOS• Foto

• Frontal

• Trasera

• Video

• GPS

• Brújula

• Micrófono

• Acelerómetro

• Giroscopio

• Multitouch

• Luz

8

Page 9: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

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

9

Page 10: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Google Docs

Page 11: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Facebook

Page 12: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

BBC Radio Touch

Page 13: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Transmission Web Interface

Page 14: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

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

14

Page 15: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Wunderlist

Page 16: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Reeder

Page 17: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Wunderadio

Page 18: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

Foursquare

Page 19: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

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

19

Page 20: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
Page 21: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
Page 22: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
Page 23: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
Page 24: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
Page 25: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

AVANCES Y DUDAS DEL PROYECTO FINAL

25

Page 26: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012

HASTA LA PRÓXIMA