la escuelita - medios digitales - clase 14 - web móvil

Post on 25-Jun-2015

860 Views

Category:

Education

3 Downloads

Preview:

Click to see full reader

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.

TRANSCRIPT

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

Facebook

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...

top related