la escuelita - medios digitales - clase 14 - web móvil - 2012
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
![Page 1: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/2.jpg)
¿PARA QUÉ QUEREMOS WEB MÓVIL?
2
![Page 3: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/3.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/4.jpg)
SO/LO/MO
![Page 5: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/5.jpg)
Social, Local, Móvil
![Page 6: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/6.jpg)
DISEÑO Y ARQUITECTURA PARA LA WEB MÓVIL
![Page 7: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/7.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/9.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/10.jpg)
Google Docs
![Page 11: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/11.jpg)
![Page 12: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/12.jpg)
BBC Radio Touch
![Page 13: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/13.jpg)
Transmission Web Interface
![Page 14: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/14.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/15.jpg)
Wunderlist
![Page 16: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/16.jpg)
Reeder
![Page 17: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/17.jpg)
Wunderadio
![Page 18: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/18.jpg)
Foursquare
![Page 19: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/19.jpg)
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](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/20.jpg)
![Page 21: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/21.jpg)
![Page 22: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/22.jpg)
![Page 23: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/23.jpg)
![Page 24: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/24.jpg)
![Page 25: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/25.jpg)
AVANCES Y DUDAS DEL PROYECTO FINAL
25
![Page 26: La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012](https://reader030.vdocuments.pub/reader030/viewer/2022020110/557bbebad8b42a525b8b51c5/html5/thumbnails/26.jpg)
HASTA LA PRÓXIMA