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.

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. • 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. • 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. • 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. 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. • 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. • 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. • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Muchas gracias