![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)