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"

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




Introducción

Objetivos


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


Web Móvil"

TAW del CTIC


Web Móvil"

HERA del SIDAR


Web Móvil"

EvalAccess (Universidad País Vasco)


Web Móvil"

mobileOK Checker


Web Móvil"

mobiReady


Web Móvil"

Cynthia


Web Móvil"

Resumen


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



Objetivos

Introducción



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


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


Web Móvil"

Solución aportada: Iriso (III)

• Tecnologías y herramientas utilizadas durante el

desarrollo:

• Python

• IronPython

• Eclipse + PyDev


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


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


Demo



Objetivos

Introducción



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


Documento de Pautas


Web Móvil"

Documento de Test


Web Móvil"

Pautas


Web Móvil"

Puntos de Verificación


Web Móvil"

Casos de Testeo


Web Móvil"

Casos de testeo: Condicional If

Ejecutar Método

Condiciones


Web Móvil"

Comprobar si existe

el elemento table

Resultado

del caso de

testeo

Caso de testeo para Ejecutar Método


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


Web Móvil"

Incorporación de nuevas pautas (III)

• Ejemplo de inserción de código Python en la Base de

Datos:


Web Móvil"

Demo



Objetivos

Introducción



Web Móvil"



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


Web Móvil"

Ej: ejecución Condición en Condicional If


Python

Base de Datos


Situación Actual

Problema

Demo


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


Web Móvil"

Demo (II)

Pauta: 3. Use markup and style sheets and do so properly.


3.3 Use style sheets to control layout and presentation. [AA Level]



Pauta: 5. Create tables that transform gracefully.


5.5 Provide summaries for tables. [AAA Level]




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


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


Web Móvil"

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

Education