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




                       Ejecución de Pautas


        Incorporación de nuevas Pautas


                   Solución...
Demo




                       Ejecución de Pautas


        Incorporación de nuevas Pautas


                   Solución...
Introducción
• Existencia de diversidad de Pautas relativas a la
accesibilidad

   • WCAG (Pautas de Accesibilidad al cont...
Demo




                       Ejecución de Pautas


        Incorporación de nuevas Pautas


                   Solución...
Objetivos
• Aplicaciones para validar documentos de pautas

• WCAG

   •TAW, HERA, EvalAccess, Pista, etc.

• MWBP

   • m...
TAW del CTIC




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




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




          Iriso: Herramienta para la validación y
        verificación de la...
mobileOK Checker




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




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




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

• Diversidad de Documentos de Pautas

• Diversidad de Herramientas para validarlos

• Ninguna herramienta que per...
Demo




                       Ejecución de Pautas


        Incorporación de nuevas Pautas


                    Solució...
Solución aportada: Iriso (I)

• Framework para incorporar documentos de pautas,
cuyos objetivos son:

  • Incorporación de...
Solución aportada: Iriso (II)

• Herramientas y tecnologías utilizadas durante el
desarrollo:

   • Microsoft SQL Server 2...
Solución aportada: Iriso (III)

• Tecnologías y herramientas utilizadas durante el
desarrollo:

   • Python

   • IronPyth...
Solución aportada: Iriso (IV)

• Patrones arquitectónicos:

   • MVC y n-capas

• Patrones de diseño: además de command,

...
Solución aportada: Iriso (V)

• Aplicaciones desarrolladas sobre el framework

• Almacenamiento de Documentos y Pautas:

 ...
Demo




                       Ejecución de Pautas


         Incorporación de nuevas Pautas


                   Solució...
Incorporación de nuevas
pautas (I)
• Bases de Datos (relacional) . Gramática.

   • Documento de Pautas

   • Documento de...
Documento de Pautas




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




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




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




         Iriso: Herramienta para la validación y
       verificación de las "Buenas Prácticas e...
Casos de Testeo




                          Casos de testeo: Condicional If


                                          ...
Condiciones




                                                Resultado
                                                ...
Caso de testeo para Ejecutar
          Método




            Iriso: Herramienta para la validación y
          verificaci...
Incorporación de nuevas
 pautas (II)
• Lenguaje Dinámico

• La pauta no tiene cabida en la Base de Datos

• IronPython

• ...
Incorporación de nuevas
 pautas (III)
• Ejemplo de inserción de código Python en la Base de
Datos:




                   ...
Demo




                        Ejecución de Pautas


        Incorporación de nuevas Pautas


                   Solució...
Ejecución de Pautas




              Iriso: Herramienta para la validación y
            verificación de las "Buenas Prác...
Ej: ejecución Condición en
                 Condicional If

• Obtener el caso de testeo: Condicional If

• Obtener la cond...
Demo


               Ejecución de Pautas

                                      Python

                         Base de ...
Demo (I)

A. Validación de un documento acorde a las “Buenas Prácticas en Web
   Móvil”

B. Incorporación de nuevos docume...
Demo (II)

Pauta: 3. Use markup and style sheets and do so properly.
Puntos de Verificación:
   3.3 Use style sheets to co...
Conclusiones

• Se han cumplido los objetivos del proyecto:

   • Herramienta de escritorio, incorporar documentos
   de p...
Trabajo Futuro

• Proporcionar una interfaz más amigable para la
incorporación de nuevos documentos de pautas.

• Historia...
Iriso: Herramienta para la validación y verificación de las "Buenas Prác
Upcoming SlideShare
Loading in …5
×

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

1,804 views

Published on

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.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,804
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Autora: María Eugenia Fernández Menéndez
  2. 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. 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. 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. 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. 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. 7. TAW del CTIC Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  8. 8. HERA del SIDAR Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  9. 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. 10. mobileOK Checker Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  11. 11. mobiReady Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  12. 12. Cynthia Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  13. 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. 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. 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. 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. 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. 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. 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. 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. 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. 22. Documento de Pautas Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  23. 23. Documento de Test Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  24. 24. Pautas Iriso: Herramienta para la validación y verificación de las "Buenas Prácticas en la Web Móvil"
  25. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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"

×