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.

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

2. 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"

3. 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"

4. 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 contenido
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

5. 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"

6. 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"

7. TAW del CTIC
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

8. HERA del SIDAR
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

9. EvalAccess (Universidad
País Vasco)
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

10. mobileOK Checker
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

11. mobiReady
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

12. Cynthia
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

13. Resumen
• 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
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

14. 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"

15. 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"

16. 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"

17. 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"

18. 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
• DTO
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

19. 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 framework
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

20. 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"

21. 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"

22. Documento de Pautas
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

23. Documento de Test
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

24. Pautas
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

25. Puntos de Verificación
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

26. Casos de Testeo
Casos de testeo: Condicional If
Ejecutar Método
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

27. Condiciones
Resultado
del caso de
testeo
Comprobar si existe
el elemento table
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

28. 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"

29. 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"

30. 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"

31. 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"

32. Ejecución de Pautas
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

33. Ej: ejecución Condición en
Condicional If
• 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"

34. Demo
Ejecución de Pautas
Python
Base de Datos
Solución aportada: Iriso
Situación Actual
Problema
Iriso: Herramienta para la validación y
verificación de las "Buenas Prácticas en la
Web Móvil"

35. 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"

36. 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"

37. 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"

38. 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"