Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tema:

Tesina de Graduación para optar por el grado de
Bachiller en Ingeniería de Sistemas

Diego Porras González
14 de en...
Justificación
del problema

•Muchos sitios web creados
por empresas o personas no
tienen accesibilidad, debido al
desconoc...
Justificación
del problema

•Un sitio Web no accesible
resta oportunidad de ofrecer la
máxima audiencia potencial al
no pe...
Formulación
del Problema

•¿Qué procesos de evaluación
y métricas se pueden usar para
analizar cuantitativamente la
accesi...
Objetivo
General

•Analizar los procesos actuales
de Evaluación de Accesibilidad
en la Web con el fin de
proponer un nuevo...
Objetivos
Específicos

•Estudiar
los
procesos
de
evaluación
y
métricas
de
accesibilidad en la Web que usa la
W3C con el fi...
Objetivos
Específicos

• Proponer un proceso de evaluación
semiautomático de accesibilidad
para los sitios Web que ayude c...
Variables

•
•
•
•
•

Procesos de Evaluación.
Métricas de Accesibilidad.
Barreras de Accesibilidad
Proceso Semiautomático....
Marco
Institucional

• La Universidad Magister es
una entidad de derecho
privado que tiene como fines
la promoción, la dif...
Marco
Institucional

• Tres pilares sostienen el
quehacer institucional: la
Responsabilidad Social, el
Compromiso con el A...
• Según Pressman

Marco teórico
Sistema de
Información

• “Un sistema de información
es
un
conjunto
de
elementos orientado...
• Según Larman
Marco teórico
UML (UNIFIED
MODELING
LANGUAGE)

• “UML es un lenguaje que
permite
especificar,
visualizar y ...
• Según Larman
Marco teórico
CASOS DE
USO

• “El caso de uso es un
documento narrativo que
describe la secuencia de
evento...
Marco teórico
ACCESIBILIDAD

• Según Thatcher
• La accesibilidad en la Web se
refiere a la posibilidad ó
capacidad de la m...
• Investigación
• Proceso sistemático
• Empírico
• Aplica estudio de
fenómeno

un

Metodología
• Tipos de investigación
• ...
• Fuentes de Información

Metodología

• Fuentes Primarias
• Libros, tesis, manuales, procedimient
os, Internet
• Fuentes ...
• Instrumentos técnicos de
recolección de información
Metodología
• La observación
• La entrevista

Tesina de Graduación p...
Caso de Uso Reporte de Accesibilidad Web

Usuario

Usuario en el sistema

Usuario

Captura de Datos
Reporte
Accesibilidad ...
ENTREVISTA
•Las personas con diversidad funcional pueden encontrar
problemas de acceso a los productos al no haber sido
di...
Conclusión 1

Recomendación

• Se establece como
metodología de
desarrollo UML ya que
cuenta con todas las
herramientas ne...
Conclusión 2

Recomendación

• El lenguaje de
programación que
cumple con los
requisitos de desarrollo
son html, css, xml,...
Conclusión 3

Recomendación

• Resultados que se
obtienen al evaluar una
página Web en la
aplicación desarrollada
incluyen...
Conclusión 4

Recomendación

• La generación de
resultados
semiautomáticos por
medio de la aplicación
Web desarrollada es ...
Conclusión 5

Recomendación

• Al tratarse de pruebas
semiautomáticas, es
posible que muchos de
los resultados sean
positi...
Conclusión 6

Recomendación

• La lectura de las métricas
provenientes de procesos
automáticos realizada en
el proyecto es...
Conclusión 7

Recomendación

• La Página principal de la
Universidad Magister
mostró resultados
positivos para las 3
métri...
Conclusión 8

Recomendación

• El valor de esta
investigación se estima
en 430,000.00.

• Elaborar una
propuesta para el
d...
Objetivo
General

• Desarrollar
un
Sistema
de
Información de acuerdo al análisis
realizado bajo la metodología
UML, que in...
Objetivo 1

• Elaborar un proceso de evaluación
semiautomático de accesibilidad
para los sitios Web que ayude con
la lectu...
Tesina de Graduación para optar por el grado de
Bachiller en Ingeniería de Sistemas

Diego Porras González
14 de enero 201...
Tesina de Graduación para optar por el grado de
Bachiller en Ingeniería de Sistemas

Diego Porras González
14 de enero 201...
Muchas gracias
Upcoming SlideShare
Loading in …5
×

PROPUESTA DE UNA APLICACIÓN PARA ANALIZAR LA ACCESIBILIDAD DE LOS SITIOS WEB MEDIANTE UN PROCESO DE EVALUACIÓN SEMIAUTOMÁTICA

392 views

Published on

Estimados usuarios.

Bienvenidos a nuestro sitio virtual de la UNIVERSIDAD MAGISTER en Slide Share donde podrá encontrar los resultados de importantes trabajos de investigación prácticos producidos por nuestros profesionales. Esperamos que estos Mares Azules que les ponemos a su disposición sirvan de base para otras investigaciones y juntos cooperemos en el Desarrollo Económico y Social de Costa Rica y otras latitudes.

Queremos ser enfáticos en que estos trabajos tienen Propiedad Intelectual por lo que queda totalmente prohibida su reproducción parcial o total, así como ser utilizados por otro autor, a excepción de que los compartan como citas de autor o referencias bibliográficas. Toda esta información también quedará a su disposición desde nuestro sitio web www.umagister.com,

Disfruten con nosotros de este magno contenido bibliográfico Magister esperando sus amables comentarios, no sin antes agradecer a nuestro Ing. Jerry González quien está administrando este sitio.

Rectoría, Universidad Magister. – 2014.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

PROPUESTA DE UNA APLICACIÓN PARA ANALIZAR LA ACCESIBILIDAD DE LOS SITIOS WEB MEDIANTE UN PROCESO DE EVALUACIÓN SEMIAUTOMÁTICA

  1. 1. Tema: Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  2. 2. Justificación del problema •Muchos sitios web creados por empresas o personas no tienen accesibilidad, debido al desconocimiento de su importancia. •Un sitio accesible permite que todos los usuarios lo recorran, sin tener en cuenta ningún tipo de navegador o dispositivo. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  3. 3. Justificación del problema •Un sitio Web no accesible resta oportunidad de ofrecer la máxima audiencia potencial al no permitir que cualquier usuario pueda utilizar la información. •Muchos diseñadores y programadores no escriben páginas accesibles para sus clientes y usuarios. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  4. 4. Formulación del Problema •¿Qué procesos de evaluación y métricas se pueden usar para analizar cuantitativamente la accesibilidad de un Sitio Web? Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  5. 5. Objetivo General •Analizar los procesos actuales de Evaluación de Accesibilidad en la Web con el fin de proponer un nuevo método de evaluación que considere métricas y reportes para garantizar la accesibilidad de los usuarios. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  6. 6. Objetivos Específicos •Estudiar los procesos de evaluación y métricas de accesibilidad en la Web que usa la W3C con el fin de cumplir con los requerimientos de una página Web accesible. •Analizar las barreras más comunes que impiden que una página Web ofrezca accesibilidad y equidad a las personas con discapacidad. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  7. 7. Objetivos Específicos • Proponer un proceso de evaluación semiautomático de accesibilidad para los sitios Web que ayude con la lectura de los resultados. • Desarrollar una aplicación “online” para los procesos de evaluación con el fin de garantizar la accesibilidad. • Realizar un caso de estudio de Evaluación de Accesibilidad de la página principal del sitio Web de la Universidad Magister con el uso de la herramienta desarrollada. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  8. 8. Variables • • • • • Procesos de Evaluación. Métricas de Accesibilidad. Barreras de Accesibilidad Proceso Semiautomático. Desarrollo de una aplicación online. • Caso de Estudio Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  9. 9. Marco Institucional • La Universidad Magister es una entidad de derecho privado que tiene como fines la promoción, la difusión y la preservación de la cultura. Cumple este propósito en contacto directo permanente con el pensamiento universal y presta particular atención a los problemas costarricenses. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  10. 10. Marco Institucional • Tres pilares sostienen el quehacer institucional: la Responsabilidad Social, el Compromiso con el Ambiente y la Tecnología Humanizada, con los cuales trabaja con comunidades indígenas, centros de atención de problemas sociales, Cruz Roja, programas de adultos mayores y otros. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  11. 11. • Según Pressman Marco teórico Sistema de Información • “Un sistema de información es un conjunto de elementos orientados al tratamiento y administración de datos e información, organizados y listos para su posterior uso, generados para cubrir una necesidad u objetivo” (Ingeniería del Software, Pressman, 2002) Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  12. 12. • Según Larman Marco teórico UML (UNIFIED MODELING LANGUAGE) • “UML es un lenguaje que permite especificar, visualizar y construir los artefactos de los sistemas de software” (UML y Patrones, Larman, 2007) Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  13. 13. • Según Larman Marco teórico CASOS DE USO • “El caso de uso es un documento narrativo que describe la secuencia de eventos de un actor (agente externo) que utiliza un sistema para completar un proceso” (UML y Patrones, Larman, 2007) Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  14. 14. Marco teórico ACCESIBILIDAD • Según Thatcher • La accesibilidad en la Web se refiere a la posibilidad ó capacidad de la misma en ser percibida, entendida, interactuada y navegada por personas con algún grado de discapacidad. Se incluyen problemas visuales, auditivos, físicos, cognitivos, neurológicos y del habla (“Web Accessibility”, Thatcher, 2006) Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  15. 15. • Investigación • Proceso sistemático • Empírico • Aplica estudio de fenómeno un Metodología • Tipos de investigación • Exploratoria • Examinar un tema • Descriptiva • Especificar propiedades Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  16. 16. • Fuentes de Información Metodología • Fuentes Primarias • Libros, tesis, manuales, procedimient os, Internet • Fuentes Secundarias • el conocimiento del propio investigador • apoyo del conocimiento de compañeros de trabajo y profesores. • Población • Página Web principal de la Universidad, y los desarrolladores a los que se les hizo la entrevista. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  17. 17. • Instrumentos técnicos de recolección de información Metodología • La observación • La entrevista Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  18. 18. Caso de Uso Reporte de Accesibilidad Web Usuario Usuario en el sistema Usuario Captura de Datos Reporte Accesibilidad Web del sitio deseado Vista pantalla Reporte de Accesibilidad Web <<extend>> Validación de Datos Diagrama No.4 Reporte de Accesibilidad de una Página Web Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  19. 19. ENTREVISTA •Las personas con diversidad funcional pueden encontrar problemas de acceso a los productos al no haber sido diseñados convenientemente según las pautas de diseño accesible. •Las páginas web tienen que cumplir cuatro grandes objetivos: ser perceptibles para cualquier persona, ser operables por cualquier persona, ser comprensibles para cualquier persona y ser robustas. •Algunos problemas típicos de usabilidad son los esquemas de navegación confusos y el mal etiquetado de los botones, que dificulta saber qué hacer en cada momento; el exceso de información en cada página. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  20. 20. Conclusión 1 Recomendación • Se establece como metodología de desarrollo UML ya que cuenta con todas las herramientas necesarias para la implementación del Sistema de Información. • Realizar la revisión de los casos de uso especificados, con el fin de implementar y dar mantenimiento a la aplicación. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  21. 21. Conclusión 2 Recomendación • El lenguaje de programación que cumple con los requisitos de desarrollo son html, css, xml, php y javascript. • Utilizar los siguientes lenguajes de programación, los cuales son muy conocidos por los programadores y facilitan el mantenimiento de la aplicación: html, css, xml, php y javascript. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  22. 22. Conclusión 3 Recomendación • Resultados que se obtienen al evaluar una página Web en la aplicación desarrollada incluyen un reporte detallado de los errores y un link a una guía . • Se recomienda revisar el link de guía para cada error, advertencia y problema potencial detectado. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  23. 23. Conclusión 4 Recomendación • La generación de resultados semiautomáticos por medio de la aplicación Web desarrollada es una forma rápida y económica de conocer la accesibilidad de una página Web evaluada. • Se recomienda la utilización de herramientas semiautomáticas de accesibilidad Web , para ayudar a garantizar la accesibilidad en la Web de una forma rápida y económica. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  24. 24. Conclusión 5 Recomendación • Al tratarse de pruebas semiautomáticas, es posible que muchos de los resultados sean positivos y cumplan con la pauta de accesibilidad seleccionada, pasando por aceptable algo que no está bien especificado. • Se recomienda utilizar el juicio humano para revisar el código y complementar el proceso en forma adecuada. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  25. 25. Conclusión 6 Recomendación • La lectura de las métricas provenientes de procesos automáticos realizada en el proyecto es de un carácter aproximado y limita sus variables a la evaluación de una página Web por test realizado. • Se recomienda utilizar utilizar el juicio humano para poder utilizar estas métricas en una forma mucho más amplia y específica. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  26. 26. Conclusión 7 Recomendación • La Página principal de la Universidad Magister mostró resultados positivos para las 3 métricas de accesibilidad evaluadas, lo cual indica que es una página accesible • Se encontraron 11 errores, 2 Advertencias y 134 Problemas Potenciales, por lo que se recomienda revisar los 11 errores con su respectiva guía de solución para fortalecer aún más la accesibilidad del sitio. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  27. 27. Conclusión 8 Recomendación • El valor de esta investigación se estima en 430,000.00. • Elaborar una propuesta para el desarrollo y programación de un Sistema de Información que incluya los Casos de Uso presentados en el Capítulo IV. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  28. 28. Objetivo General • Desarrollar un Sistema de Información de acuerdo al análisis realizado bajo la metodología UML, que integre los procesos de evaluación de la accesibilidad Web del consorcio W3C, con el fin de ayudar a garantizar la accesibilidad de los sitios Web. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  29. 29. Objetivo 1 • Elaborar un proceso de evaluación semiautomático de accesibilidad para los sitios Web que ayude con la lectura de los resultados. Objetivo 2 • Desarrollar una aplicación “online” para los procesos de evaluación con el fin de garantizar la accesibilidad. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  30. 30. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  31. 31. Tesina de Graduación para optar por el grado de Bachiller en Ingeniería de Sistemas Diego Porras González 14 de enero 2013
  32. 32. Muchas gracias

×