iriso: herramienta para la validación y verificación de las "buenas prác

Autora: María Eugenia Fernández Menéndez

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"

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"

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"

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"

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"

TAW del CTIC

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

HERA del SIDAR

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

EvalAccess (Universidad País Vasco)

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

mobileOK Checker

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

mobiReady

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

Cynthia

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

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

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"

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"

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"

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"

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"

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"

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"

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"

Documento de Pautas

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

Documento de Test

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

Pautas

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

Puntos de Verificación

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

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

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

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"

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"

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"

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"

Ejecución de Pautas

Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la

Web Móvil"

• 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

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"

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"

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"

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"

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"