+ All Categories
Home > Education > La Escuelita - Medios Digitales - Clase 14 - Web móvil

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

Date post: 25-Jun-2015
Category:
Upload: daniel-carranza
View: 861 times
Download: 3 times
Share this document with a friend
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.
Popular Tags:
30
Medios Digitales Web móvil Clase 14/16 Escuela de Creativos Publicitarios de Uruguay Docente: Chino Carranza 1
Transcript
Page 1: La Escuelita - Medios Digitales - Clase 14 - Web móvil

Medios DigitalesWeb móvil

Clase 14/16Escuela de Creativos Publicitarios de UruguayDocente: Chino Carranza

1

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

La web móvil en UY 2

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

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

Page 4: La Escuelita - Medios Digitales - Clase 14 - Web 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%

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

Web en dispositivos móviles 5

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

¿Para qué queremos web móvil? 6

Charlemos...

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

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

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

Diseño y arquitectura para la web móvil 8

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

Inconsistencias

■ Sistemas operativos

■ Navegadores

■ Flash

■ Resolución de pantalla

■ Orientación de la pantalla

■ Input

■ Mouse/trackball

■ Stylus

■ Touch

■ Multitouch

9

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

Periféricos

■ Foto

■ Frontal

■ Trasera

■ Video

■ GPS

■ Brújula

■ Micrófono

■ Acelerómetro

■ Giroscopio

■ Multitouch

■ Luz

10

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

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

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

Google Docs

12

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

Facebook

13

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

BBC Radio Touch

14

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

Transmission Web Interface

15

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

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

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

Wunderlist

17

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

Reeder

18

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

Wunder Radio

19

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

Foursqaure

20

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

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

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

22

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

23

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

24

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

25

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

26

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

¿Quieren hablar de Google+ 27

Charlemos...

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

Ya que insisten...

28

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

Avances y dudas del proyecto final 29

Charlemos...


Recommended