Using Web Pages Accesible Design for the Correct Web Visualization on Mobile Devices
0 recomendaciones454 vistas
Este documento describe un proyecto para mejorar el acceso a contenido web desde dispositivos móviles. Actualmente, muchos sitios web no son accesibles en dispositivos móviles debido a limitaciones de diseño. El proyecto propone un proxy que reformatea y transcodifica páginas web para diferentes formatos móviles, mejorando así la visualización y accesibilidad. El proxy evalúa la accesibilidad de páginas y las reestructura si es necesario para cumplir con estándares y poder verse correctamente en diferentes dispositivos
Using Web Pages Accesible Design for the Correct Web Visualization on Mobile Devices
- 1. ENC 2006 Using Web Pages Accessible Design for the Correct Web Visualization on Mobile Devices Dr. Juan Gabriel González Serna. Dra. Azucena Montes Rendón. Dr. Víctor Jesús Sosa Sosa. Ing. Juan Carlos Olivares Rojas. Cuernavaca, Morelos, México, septiembre de 2006.
- 2. 2 Agenda Metodología de solución Problemática Motivación Resultados ConclusionesPruebas
- 3. 3 Introducción Grado de penetración de los dispositivos móviles en nuestra sociedad Llaves 0% Cartera Celulares Tarjetas Llaves del trabajo Periódico Espejo MP3/Walkman Videojuego Cámara Credenciales 80% 90% 100%50% 60% 70%10% 20% 30% 40% Siempre Frecuentemente
- 4. 4 Introducción Tipos de conexión a Internet en México. Fuente: Asociación Mexicana de Internet AMIPCI ¿Por qué el acceso a la Web desde dispositivos móviles en nuestro país es muy bajo?
- 5. 5 Problemática • Muchos de los recursos existentes en la Web no pueden visualizarse en dispositivos móviles, por que no son accesibles. Esto ha originado que la Web no sea ubicua y que esté fragmentada.
- 6. 6 Problemática Los sitios Web no están diseñados tomando en cuenta las características y limitaciones de los dispositivos móviles 800 600
- 7. 7 Problemática $63$33.122120285Total $13.5$9.7249581.0Enviar un correo con una nota y un archivo adjunto de 50 kb $12$9.2445576.1Ver página Web de 70 KB $3$1.567412.2Reenviar un correo 9 Kb $3$1.447411.8Recibir un correo (9 kb) $10.5$8.7637272.4Descargar una archivo PDF (68k) $1.5$0.84426.7Cargar página Web $4.5$0.841276.3Búsqueda de un restaurante y menú $3$0.721005.9Buscar un numero en un directorio $3$0.721095.4Resultados de los partidos del fútbol $4.5$0.481533.7Buscar una película y ver su sinopsis $3$0.24922Leer noticias CSDGPRSTiempo (Segs.) Tamaño (KB)Tarea CSD: $1.5 minuto GPRS: $0.12 KB Telcel Costos Costos de acceso a Internet en México desde un dispositivo móvil haciendo uso de la red de telefonía celular.
- 8. 8 Motivación Reformateo y destilado de recursos Web
- 9. 9 Motivación Formatos de transcodificación soportados
- 10. 10 Motivación GET http://www.cenidet.edu.mx/ HTTP/1.0 Accept: */* UA-OS: Windows CE (Pocket PC) –Version 3.0 UA-Color: Color16 UA-Pixeles: 240x320 UA-CPU: ARM SA1110 UA-Voice: False UA-Language: Mozilla/2.0 Accept-Encoding: gzip, deflate User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320) Host: www.itmorelia.edu.mx Proxy-Connection: Keep-Alive X-Transform: XHTML-MP; Complete; Asynchronous GET http://www.cenidet.edu.mx/ HTTP/1.0 Accept: */* UA-OS: Windows CE (Pocket PC) –Version 3.0 UA-Color: Color16 UA-Pixeles: 240x320 UA-CPU: ARM SA1110 UA-Voice: False UA-Language: Mozilla/2.0 Accept-Encoding: gzip, deflate User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320) Host: www.itmorelia.edu.mx Proxy-Connection: Keep-Alive X-Transform: XHTML-MP; Complete; Asynchronous Generador Hoja de Estilo Transformador Multiformato XSLT HTMLR Extractor de Elementos HTML XHTML XML Identificador de dispositivoIdentificador de dispositivo y formatoy formato <HTML> <TITLE> <HEAD> </HTML> <BODY> texto texto </HEAD> </BODY> </TITLE> PS PDFWML XHTML- MPTXT XML Proceso de transcodificación 29% Promedio OK
- 11. 11 Motivación • Hipótesis: si una página Web está estructuralmente bien diseñada y cumple con las normas de accesibilidad, dicha página tiene mayor probabilidad de visualizarse correctamente en un dispositivo móvil. • Al igual que las personas con alguna discapacidad física pueden ver recursos Web si estos son accesibles, puede verse a los dispositivos móviles como dispositivos con capacidades limitadas que si las páginas Web son accesibles a ellos, los podrán visualizar.
- 12. 12 Metodología de solución No existen herramientas que se encarguen de corregir errores de accesibilidad en línea, generalmente existen herramientas para validar si el código es accesible Estado del arte
- 13. 13 Metodología de solución Proxy de Accesibilidad Móvil
- 14. 14 Pruebas • 12 Usuarios respondieron la encuesta. 3 han utilizado dispositivos móviles para acceder a la Web. • Se analizaron 100 Sitios Web. • El tamaño promedio de la página principal es de 30,476.81 (aprox. 30 Kb), los cuales contienen un promedio de 56.99 objetos (imágenes, otros recursos).
- 15. 15 Resultados A AA AAA Porcentaje de páginas que cumplen con los niveles de accesibilidad del W3C.
- 16. 16 Conclusiones • Incrementar la audiencia. • Contenido reutilizable por múltiples formatos o dispositivos.* • Reduce el mantenimiento del sitio. • Menor carga del servidor. • Menor ancho de banda requerido. • Ahorro de costos en el acceso a la Web. Ventajas
- 17. 17 Conclusiones • La mayoría de las páginas Web tienen un diseño estructural inadecuado, motivo por el cual no pueden ser accesibles por cualquier persona e independientes del dispositivo. Por este motivo, es de suma importancia realizar un mecanismo de que en cierta manera reestructure el contenido de la Web de tal forma que sea accesible y pueda visualizarse de manera correcta en dispositivos móviles.
- 18. 18 ¿Preguntas? • {gabriel, amr, vjsosa, jcolivares04c} @cenidet.edu.mx • http://www.cenidet.edu.mx/~wm-serna/ • http://mail.cenidet.edu.mx/~jcolivares04c/ “Distribuye y vencerás”.