iriso: herramienta para la validación y verificación de las "buenas prác
DESCRIPTION
Slides used for the submission of my degree project, "Iriso: Tool for validation and verification of the "Mobile Web Best Practices"". This tool allows to validate the Mobile Web Best Practices of the W3C and add new documents to validate guidelines for HTML documents in response to these guidelines.TRANSCRIPT
![Page 1: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/1.jpg)
Autora: María Eugenia Fernández Menéndez
![Page 2: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/2.jpg)
Demo
Ejecución de Pautas
Incorporación de nuevas Pautas
Solución aportada: Iriso
Objetivos
Introducción
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 3: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/3.jpg)
Demo
Ejecución de Pautas
Incorporación de nuevas Pautas
Solución aportada: Iriso
Objetivos
Introducción
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 4: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/4.jpg)
Introducción
• Existencia de diversidad de Pautas relativas a la
accesibilidad
• WCAG (Pautas de Accesibilidad al contenido en la
Web)
• MWBP (Buenas Prácticas en Web Móvil)
• Sección 508
• Verificación automática y manual
• Guías de estilo: diseño y contenidoIriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la Web Móvil"
![Page 5: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/5.jpg)
Demo
Ejecución de Pautas
Incorporación de nuevas Pautas
Solución aportada: Iriso
Introducción
Objetivos
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 6: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/6.jpg)
Objetivos
• Aplicaciones para validar documentos de pautas
• WCAG
•TAW, HERA, EvalAccess, Pista, etc.
• MWBP
• mobileOK Checker, mobiReady, TAW, etc.
• Sección 508
• Cynthia de HiSoftware
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 7: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/7.jpg)
TAW del CTIC
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 8: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/8.jpg)
HERA del SIDAR
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 9: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/9.jpg)
EvalAccess (Universidad País Vasco)
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 10: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/10.jpg)
mobileOK Checker
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 11: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/11.jpg)
mobiReady
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 12: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/12.jpg)
Cynthia
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 13: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/13.jpg)
Resumen
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
• Diversidad de Documentos de Pautas
• Diversidad de Herramientas para validarlos
• Ninguna herramienta que permita:
• Validar diversos documentos de pautas
• Añadir nuevos documentos de pautas
![Page 14: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/14.jpg)
Demo
Ejecución de Pautas
Incorporación de nuevas Pautas
Objetivos
Introducción
Solución aportada: Iriso
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 15: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/15.jpg)
Solución aportada: Iriso (I)
• Framework para incorporar documentos de pautas,
cuyos objetivos son:
• Incorporación de nuevos documento de pautas o
pautas de forma sencilla
• Ayudar al desarrollador a construir sitios web
accesibles, atendiendo a diversos documentos,
mediante la utilización de una única herramienta
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 16: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/16.jpg)
Solución aportada: Iriso (II)
• Herramientas y tecnologías utilizadas durante el
desarrollo:
• Microsoft SQL Server 2008 y SQL Server
Management Studio
• Microsoft Visual Studio 2008
• .NET Framework 3.5
• C#, LINQ, WPF
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 17: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/17.jpg)
Solución aportada: Iriso (III)
• Tecnologías y herramientas utilizadas durante el
desarrollo:
• Python
• IronPython
• Eclipse + PyDev
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 18: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/18.jpg)
Solución aportada: Iriso (IV)
• Patrones arquitectónicos:
• MVC y n-capas
• Patrones de diseño: además de command,
• Facade
• DAO
• Abstract Factory y Factory Method
• DTOIriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la Web Móvil"
![Page 19: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/19.jpg)
Solución aportada: Iriso (V)
• Aplicaciones desarrolladas sobre el framework
• Almacenamiento de Documentos y Pautas:
• Base de Datos (relacional)
• Lenguaje Python
• Aporta:
• Inserción dinámica de documento y pautas
• Complejidad del frameworkIriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la Web Móvil"
![Page 20: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/20.jpg)
Demo
Ejecución de Pautas
Solución aportada: Iriso
Objetivos
Introducción
Incorporación de nuevas Pautas
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 21: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/21.jpg)
Incorporación de nuevas pautas (I)
• Bases de Datos (relacional) . Gramática.
• Documento de Pautas
• Documento de Test
• Pautas y Puntos de Verificación
• Casos de Testeo
• Condiciones: xpath, expresiones regulares, existe
elemento, atributo dentro de elemento con valor
determinado.Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la Web Móvil"
![Page 22: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/22.jpg)
Documento de Pautas
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 23: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/23.jpg)
Documento de Test
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 24: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/24.jpg)
Pautas
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 25: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/25.jpg)
Puntos de Verificación
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 26: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/26.jpg)
Casos de Testeo
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
Casos de testeo: Condicional If
Ejecutar Método
![Page 27: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/27.jpg)
Condiciones
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
Comprobar si existe
el elemento table
Resultado
del caso de
testeo
![Page 28: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/28.jpg)
Caso de testeo para Ejecutar Método
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 29: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/29.jpg)
Incorporación de nuevas pautas (II)
• Lenguaje Dinámico
• La pauta no tiene cabida en la Base de Datos
• IronPython
• Eclipse + PyDev
• Almacenamiento del caso de testeo codificado en
Python
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 30: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/30.jpg)
Incorporación de nuevas pautas (III)
• Ejemplo de inserción de código Python en la Base de
Datos:
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 31: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/31.jpg)
Demo
Incorporación de nuevas Pautas
Solución aportada: Iriso
Objetivos
Introducción
Ejecución de Pautas
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 32: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/32.jpg)
Ejecución de Pautas
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 33: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/33.jpg)
• Obtener el caso de testeo: Condicional If
• Obtener la condición a ejecutar
• Ejecutar la condición y obtener lista de resultados
• Lista con resultados + información caso testeo
(añadida en condicional if)
• Mostrar resultados en la aplicación de escritorio
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
Ej: ejecución Condición en Condicional If
![Page 34: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/34.jpg)
Ejecución de Pautas
Python
Base de Datos
Solución aportada: Iriso
Situación Actual
Problema
Demo
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 35: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/35.jpg)
Demo (I)
A. Validación de un documento acorde a las “Buenas Prácticas en Web
Móvil”
B. Incorporación de nuevos documentos de pautas
Documento Pautas: WGAC 1.0
Documento Test: WCAG 1.0
Pauta: 1. Provide equivalent alternatives to auditory and visual content.
Puntos de Verificación:
1.1 Provide a text equivalent for every non-text element (e.g., via "alt",
"longdesc", or in element content). [A Level]
Casos Testeo: CondicionalIf
Condición: cadena xpath
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 36: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/36.jpg)
Demo (II)
Pauta: 3. Use markup and style sheets and do so properly.
Puntos de Verificación:
3.3 Use style sheets to control layout and presentation. [AA Level]
Casos Testeo: CondicionalIf
Condición: cadena xpath
Pauta: 5. Create tables that transform gracefully.
Puntos de Verificación:
5.5 Provide summaries for tables. [AAA Level]
Casos Testeo: CondicionalIf
Condición: cadena xpath
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 37: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/37.jpg)
Conclusiones
• Se han cumplido los objetivos del proyecto:
• Herramienta de escritorio, incorporar documentos
de pautas, fácil de usar, ayuda al desarrollador y se
permiten validar las Buenas Prácticas en Web Móvil
• Importancia y utilidad de los patrones arquitectónicos
y de diseño: facilidad de diseño, implementación y
modificación.
• Complejidad análisis documento técnico del W3C,
especialmente el de las Buenas Prácticas en Web
Móvil.Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la Web Móvil"
![Page 38: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/38.jpg)
Trabajo Futuro
• Proporcionar una interfaz más amigable para la
incorporación de nuevos documentos de pautas.
• Historial de validaciones por URL y procesamiento de
un conjunto de URLs.
• Creación de un cliente Web
• Mejorar el tiempo de respuesta de la aplicación
• Mejorar la interfaz de la aplicación WPF
Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la
Web Móvil"
![Page 39: Iriso: Herramienta para la validación y verificación de las "Buenas Prác](https://reader036.vdocuments.co/reader036/viewer/2022081404/558c8d6dd8b42a63678b4709/html5/thumbnails/39.jpg)