Universidad Nacional Experimental

De los Llanos Occidentales

Ezequiel Zamora

Vice-Rectorado de Planificación y Desarrollo Social

Programa Ingeniería, Arquitectura y Tecnología

Carrera Ingeniería En Informática

Propuesta para el diseño de un sitio web de contenido

accesible a personas con discapacidad.

Autor:

Barinas, Enero de 2015

ÍNDICE

LA PROPUESTA..........................................................................................................3

1.1.- DESCRIPCIÓN DE LA PROPUESTA................................................................3

1.2.- OBJETIVOS DE LA INVESTIGACIÓN.............................................................6

1.2.1.- OBJETIVO GENERAL.....................................................................................6

1.2.2.- OBJETIVOS ESPECÍFICOS.............................................................................6

1.3.- JUSTIFICACIÓN..................................................................................................6

MARCO TEÓRICO......................................................................................................8

2.1.- FUNDAMENTACIÓN TEÓRICA.....................................................................8

PRINCIPIOS DE ACCESIBILIDAD.....................................................................10

RECOMENDACIONES.........................................................................................12

2.2.- DEFINICIÓN DE TÉRMINOS BÁSICOS........................................................14

CAPITULO III............................................................................................................17

MARCO METODOLÓGICO.....................................................................................17

3.1.- TIPO DE INVESTIGACIÓN..............................................................................17

3.2.- METODOLOGÍA PARA EL DESARROLLO DEL SOFTWARE...................18

CAPITULO I

1.1.- PLANTEAMIENTO DEL PROBLEMA

Si bien es cierto que la tecnología cada vez avanza más rápido y trae consigo

beneficios para la sociedad, agregando rapidez y agilidad a la comunicación, también

es cierto que los beneficios no son para todos. Pues se tiene la creencia de que ante

nuevas cosas todo será mucho más fácil, pero se omite que aunque esto pueda cubrir

las necesidades de una porción de la población, no cubre el total de ésta.

Los discapacitados, son personas que también necesitan acceder a la

información por cualquier tipo de medio, sean físicos o digitales. En este caso, se

habla del uso de la Internet como medio de comunicación o aprendizaje, entre otros.

Si bien es cierto que la tecnología brinda mayores ventajas para que las personas

discapacitadas puedan acceder a los contenidos de una página web, además de

proporcionar mayor facilidad de acceso, también genera mayor grado de dificultad,

puesto que son más las variantes que una persona con cualquier tipo de discapacidad

tiene que aprender y son más los sitios web diseñados que no tienen un diseño

adecuado y resultan inaccesibles, limitándoles la navegación.

La Web es un recurso muy importante para diferentes aspectos de la vida:

educación, empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros. Es

muy importante que la Web sea accesible para así proporcionar un acceso equitativo e

igualdad de oportunidades a las personas con discapacidad. Una página Web

accesible puede ayudar a personas con discapacidad a que participen más activamente

en la sociedad. La Web ofrece a aquellas personas con discapacidad una oportunidad

de acceder a la información y de interactuar.

La accesibilidad web es la posibilidad efectiva de que el mayor número de

personas puedan acceder de manera satisfactoria a web y hacer uso de sus contenidos,

independientemente de cualquier limitación personal o derivada del entorno, es decir,

en igualdad de condiciones y oportunidades con el conjunto de la sociedad. En lo

concreto, la accesibilidad web refiere un conjunto de estándares de diseño y de

software pensados específicamente para que personas con discapacidad (física,

sensorial, cognitiva, etc.), edad avanzada, dificultades derivadas del contexto de uso

(técnicas o ambientales), insuficiencia de medios, restricciones en cuanto al dominio

del idioma y poca o nula experiencia en el uso de dispositivos electrónicos, puedan

utilizar los contenidos y servicios de los sitios web, interactuando en forma

productiva con ellos. En este sentido, a través del desarrollo de sitios web conformes

a dichos estándares, se procura extender al ámbito digital el derecho constitucional de

acceso igualitario a la cultura, al ocio y al tiempo libre.

No obstante, La accesibilidad Web beneficia también a organizaciones y a

personas sin discapacidad. Por ejemplo, un principio básico de la accesibilidad Web

es la flexibilidad con el objetivo de satisfacer diferentes necesidades, situaciones y

preferencias. Esta flexibilidad va a beneficiar a todas aquellas personas que utilizan la

Web, incluyendo personas que no tienen ninguna discapacidad pero que, debido a

determinadas situaciones, tienen dificultades para acceder a la Web (por ejemplo, una

conexión lenta), también estaríamos hablando de aquellas personas que sufren una

incapacidad transitoria (por ejemplo, un brazo roto), y de personas de edad avanzada.

Por otra parte hacer un sitio Web accesible puede ser algo sencillo o

complejo, depende de muchos factores como por ejemplo, el tipo de contenido, el

tamaño y la complejidad del sitio, así como de las herramientas de desarrollo y el

entorno. Muchas de las características accesibles de un sitio se implementan de forma

sencilla si se planean desde el principio del desarrollo del sitio Web o al comienzo de

su rediseño. La modificación de sitios Web inaccesible puede requerir un gran

esfuerzo, sobre todo aquellos que no se "etiquetaron" correctamente con etiquetas

estándares de XHTML, y sitios con cierto tipo de contenido, como multimedia.

A partir de esto se debe tener presente que diseñar sitios web, los cuales

están contenidos en la Internet, tienen su propia manera de creación, de interacción,

de lectura y futuros usuarios que reciben la información. Por lo anterior, resulta

importante conocer y profundizar en los requerimientos y pautas que existen, tenerlas

presentes y aplicarlas; de lo contrario, el sitio web diseñado no será eficaz para los

usuarios. De tal manera, es indispensable analizar todos aquellos componentes que

permitan una mejor interacción entre las personas consideradas dentro de un rango de

normalidad, como personas con discapacidad.

Ahora bien, ¿los sitios web están pensados para que todas las personas

puedan acceder a ellos? ¿Qué parámetros hay que tener en cuenta en el momento de

diseñar páginas web para discapacitados? ¿Cómo es posible diseñar de manera

eficiente los sitios web para que las personas discapacitadas puedan acceder a ellos?

¿Qué tecnologías existen para que las personas con alguna deficiencia o discapacidad

puedan navegar por la Internet?

Tomando en consideración lo antes mencionado el siguiente trabajo tiene

como fin analizar la aplicación de la accesibilidad web en el desarrollo de los sitios

web para las personas discapacitadas, planteando el diseño de un sitio web con

estándares de accesibilidad que permita a personas con discapacidades sensoriales,

motrices y cognitivas tener acceso a la información contenida en la Internet.

1.2.- OBJETIVOS DE LA INVESTIGACIÓN

1.2.1.- OBJETIVO GENERAL

Diseñar un sitio web de contenido accesible a personas con discapacidad

tomando en consideración las pautas de accesibilidad al contenido en la Web

(WCAG), reduciendo de esta forma las barreras a la información.

1.2.2.- OBJETIVOS ESPECÍFICOS. Definir los requerimientos técnicos a satisfacer por el sitio web a ser

diseñado.

Recabar la información y el contenido que se va para publicar en la

sitio web

Determinar la metodología más idónea para el diseño del sitio web

Diseñar la estructura física, lógica y funcional del sitio web tomando

en consideración las pautas de accesibilidad al contenido en la web.

1.3.- JUSTIFICACIÓNAl desarrollar un sitio web accesible, encontramos, entre otras ventajas, la

igualdad de uso que el propio sitio provee. Es decir, es fácil de usar y adecuado para

todas las personas independientemente de sus conocimientos, experiencias,

capacidades y habilidades.

Asimismo, el desarrollo de un sitio web que utiliza requisitos accesibles,

además de permitir y mejorar el acceso de las personas con discapacidad a los

contenidos Web, posee otras ventajas adicionales, como:

Simplifica el desarrollo: ciertas condiciones y requisitos técnicos que hacen

a la accesibilidad de un sitio web contribuyen a mejorar los procesos de desarrollo.

Conceptos como separación de contenido y presentación, o el uso de estándares,

facilitan el desarrollo y mantenimiento. Otras ventajas derivadas son una mejor re-

utilización de los recursos y la disminución de la carga de los servidores.

Facilita la independencia de dispositivo y la inter-operabilidad: la

Accesibilidad Web permite alcanzar un buen nivel de interacción mediante diferentes

dispositivos o configuraciones según las características o preferencias de los usuarios.

Aumenta la usabilidad: los sitios Web accesibles son, en general, más

“usables” para todo el mundo. Conceptos como la sencillez, la facilidad de manejo y

navegación, y la eficiencia se manejan en ambas disciplinas.

Mejora el acceso en general: las mejoras de usabilidad, de navegación, de

estructuración, etc., asociadas a la accesibilidad, constituyen valores en sí mismos que

benefician a todos los usuarios de la web en general.

Aumenta el público objetivo: al mejorar el acceso a los contenidos web de

forma general, no se excluyen grupos de personas que potencialmente pueden formar

parte de los usuarios de nuestras páginas web, lo cual puede redundar en un aumento

de las visitas y, por tanto, de los beneficios.

Mejora la indexación en los buscadores: la necesidad de proporcionar

equivalentes textuales, así como la estructuración y la semántica de los contenidos,

tiene como resultado el enriquecimiento de la información de la web de forma que los

contenidos pueden ser indexados más efectivamente por los buscadores

CAPITULO II

MARCO TEÓRICO

Está comprobado que ningún hecho o situación de la realidad pueden

tomarse en cuenta sin una perfecta conceptualización y unas bases sólidas bajos las

cuales apoyar su investigación, no obstante, dicha tarea sólo puede ir desarrollándose

a medida que se profundiza en la naturaleza del propio objeto estudiado.

2.1.- FUNDAMENTACIÓN TEÓRICA.

Se define como una persona con discapacidad “Toda aquella que, como

consecuencia de una o más deficiencias físicas, psíquicas o sensoriales, congénitas o

adquiridas, previsiblemente de carácter permanente y con independencia de la causa

que las hubiera originado, vea obstaculizada, en a lo menos un tercio, su capacidad

educativa, laboral o de integración social”

.

Los tipos de discapacidades que existen y pueden dificultar el uso de los

equipos computacionales, son:

Discapacidades visuales: Desde poca visión hasta la ceguera, el

rango de limitaciones visuales es amplio. Los síntomas de visión

reducida son visión borrosa, visión desenfocada, problemas para ver

de lejos o de cerca, daltonismo y visión túnel entre otros.

Discapacidades de movimiento: Las discapacidades de movimiento

pueden estar causadas por la artritis, problemas cardíacos, parálisis

cerebral, la enfermedad de Parkinson, esclerosis múltiple y la pérdida

de las extremidades o los dedos, entre otros factores.

Discapacidades auditivas: Las personas con dificultades auditivas

quizás puedan oír algunos sonidos pero es posible que no puedan

distinguir las palabras. Otras quizás no puedan oír ningún sonido.

Discapacidades cognitivas y de lenguaje: Las discapacidades

cognitivas y de lenguaje abarcan tanto la dislexia como dificultades

para recordar, resolver problemas o percibir información sensorial o

incluso problemas para comprender y utilizar el lenguaje.

Epilepsia: Ciertos patrones de luz o sonido pueden provocar ataques

epilépticos en algunas personas susceptibles de padecerlos.

Discapacidades relacionadas con la edad: El problema más común al

envejecer es el deterioro natural de la vista. A los 65 años, la mayoría

de las personas ha perdido parte de su capacidad para enfocar,

resolver imágenes, distinguir colores y adaptarse a los cambios de

luz. Como parte del proceso natural de envejecimiento y longevidad,

la necesidad de contraste aumenta debido a la decoloración de los

fluidos y las lentes oculares. La mayoría de las personas sufren

pérdidas de percepción del color que acompañan a la visión borrosa.

Con la longevidad, también suelen experimentarse otros efectos

degenerativos. Así, son habituales diversos grados de pérdida de

audición, al igual que las dificultades de coordinación motora, a

menudo debidas a la artritis o al desgaste de las articulaciones.

Accesibilidad

El concepto de accesibilidad es la base para el trabajo de integración de

discapacitados al mundo de Internet, incrementando la utilidad y el atractivo de los

sitios Web existentes. En un contexto general podemos decir que la accesibilidad

consiste en el “acceso a la información sin limitación alguna por razón de deficiencia,

discapacidad o minusvalía”, de modo que la accesibilidad no es de interés únicamente

para las personas con discapacidad sino que mejora el acceso Web en general.

Otro aspecto importante a considerar en materia de accesibilidad son las

ayudas técnicas. Éstas son elementos, ya sean software o hardware, que permiten

facilitar el uso de alguna herramienta informática, en nuestro contexto son los

elementos que facilitan la interacción entre las personas con discapacidad y el

computador; por ejemplo, un lector de pantalla es una ayuda técnica que permite a los

discapacitados visuales interactuar con un computador.

Entre los principales beneficios que acarrea la accesibilidad en Internet

están:

1. Facilitar el acceso a los sitios Web de Gobierno. De esta forma, los

discapacitados podrán ingresar a una gran fuente de información y beneficios, que

permitirá mejorar notablemente su calidad de vida, además apoyará notablemente la

integración de distintos grupos de discapacitados.

2. Potencia el teletrabajo. Así, Internet se constituye en una herramienta que

permitirá a los discapacitados visuales introducirse desde sus hogares al mundo

laboral.

PRINCIPIOS DE ACCESIBILIDAD

Existen tres principios básicos para la accesibilidad de discapacitados a sitios

Web, los que constituyen el fundamento de las recomendaciones o pautas que se

entregan en esta Guía, a saber: Comprensibilidad, Navegabilidad y Robustez.

Comprensibilidad

La comprensibilidad supone que los contenidos de una página o sitio Web,

deben poder ser comprendidos sin dificultad por una persona discapacitada. Por lo

tanto, se hace necesario que imágenes, botones y todo elemento -que no sea texto-

esté debidamente etiquetado con un texto alternativo que describa el contenido que se

pretende entregar. De este modo, las ayudas técnicas podrán interpretar sin dificultad

la información y el usuario podrá acceder a una información consistente sin perdida

del contexto en el que se encuentra.

Los lectores de pantalla recorren los textos en una página de arriba hacia

abajo, por lo que si se ingresa a una página Web que no siga las recomendaciones de

la W3C, se podrá notar que el sintetizador de voz verbalizará incorrectamente los

textos y serán difíciles de entender, o bien, describirán contenidos visualmente

inexistentes. Las razones aluden específicamente a la falta de textos alternativos y

etiquetas de los contenidos de la página. Estos errores son los más comunes al revisar

los sitios Web.

Dado lo anterior, el usar elementos distintos al texto para el despliegue de la

información, como tablas y animaciones, resulta una gran traba en la entrega de los

contenidos accesibles, pues tienden a confundir la apreciación de los usuarios.

Increíblemente, en el sentido de la comprensibilidad, no son muchos los

requerimientos para que una página sea accesible. Si los desarrolladores de páginas

incluyeran textos alternativos a los contenidos que no son texto, la accesibilidad de

estos contenidos aumentaría considerablemente. No hay duda sobre la complejidad de

otras situaciones, aunque la gran mayoría no necesita grandes modificaciones.

Navegabilidad

Para maximizar la accesibilidad y utilidad de una página Web es necesario

contar con mecanismos comprensibles para navegar por y entre las páginas. En

general, la mayor parte de las ayudas técnicas son manejadas por teclado, por lo que

algunos elementos de navegación como barras de desplazamiento, mapas y otros,

dificultarán la navegación de las personas discapacitadas en directa proporción a su

dependencia del uso del Mouse.

La inclusión de textos que indiquen dónde están los contenidos de la página

actual o mencionar lo que viene a continuación, puede ser de gran utilidad, tomando

en cuenta que los lectores de pantalla leen la información desde el principio de la

página hasta el final. Por otra parte, una serie de indicadores o “banderas” que

orienten a los usuarios son claves para hacer accesible una página Web.

Robustez

El objetivo de la robustez es asegurar una accesibilidad continua, que

perdure en el tiempo. Por lo tanto, esto implica una implementación depurada con

gran parte de los estándares, propuestos posteriormente en este mismo documento, de

modo de asegurar la accesibilidad. Este principio también hace alusión a la

compatibilidad que tienen las tecnologías usadas para la construcción de un sitio Web

y las ayudas técnicas que proveerán a los usuarios discapacitados del acceso a la

información.

Incorporar nuevas tecnologías no probadas por las ayudas técnicas puede ser

el primer paso de la pérdida de la accesibilidad, por lo que es muy importante adoptar

medidas de restricción de tecnologías que puedan poner en peligro la accesibilidad.

Por lo general tecnologías no estandarizadas, como Macromedia Flash, presentan

problemas para cumplir con las recomendaciones y sólo la última versión del

programa lector de pantalla Jaws 5.0 es capaz de leer - todavía con deficiencias- estos

medios, por lo que su soporte total aún está en proceso de corrección.

Recomendaciones de diseño para la accesibilidad en paginas web

Las recomendaciones o pautas contenidas en esta Guía están separadas de

acuerdo a los principios de comprensibilidad, navegabilidad y robustez.

Cada recomendación está dividida en uno o varios puntos de verificación

que explican cómo se aplicara la recomendación en el sitio Web.

Cada punto de verificación tiene asignada una prioridad 10 la cual está

asociada al grado de accesibilidad que permitirá una vez implementada.

La prioridad indica el impacto que tiene el punto de verificación en la

accesibilidad:

Prioridad 1. Un desarrollador de contenidos de páginas Web tiene

que satisfacer este punto de verificación. De otra forma, uno o más

grupos de usuarios encontrarán imposible acceder a la información

del documento.

Ejemplo: Incluir texto alternativo a las imágenes, para que cuando los

discapacitados visuales pasen por estos contenidos el lector de pantalla verbalice el

texto alternativo asociado.

Prioridad 2. Un desarrollador de contenidos de páginas Web debe

satisfacer este punto de verificación. De otra forma, uno o más

grupos encontrarán dificultades en el acceso a la información del

documento.

Ejemplo: Deben emplearse resúmenes de las tablas y usar los atributos del

lenguaje de programación que esté empleando para generar estas síntesis de este tipo

de contenidos.

Prioridad 3. Un desarrollador de contenidos de páginas Web puede

satisfacer este punto de verificación. De otra forma, uno o más

grupos de usuarios encontrarán alguna dificultad para acceder a la

información del documento.

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de

los elementos permitidos en el HTML, es decir, hacer un uso correcto de este

lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web

semántica que aboga por un uso lógico de los elementos según el significado para el

que fueron concebidas. En su última instancia, esto ha supuesto una auténtica

revolución en el diseño web puesto que apuesta por separar totalmente el contenido

del documento de la visualización.

De esta forma se utiliza el documento HTML únicamente para contener,

organizar y estructurar la información y las hojas de estilo CSS para indicar como se

mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla

de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de

voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del

documento. También existen páginas dinámicas, las cuales permiten interacción entre

la web y el visitante, proporcionándole herramientas tales como buscadores, chat,

foros, sistemas de encuestas, etc. y poseen de un Panel de Control de administración

de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de

contenido en la misma.

La World Wide Web ya no se entiende como un macrotexto, sino como un

espacio de relación y de servicios de todo tipo. Quizás haya triunfado la visión

mercantil de la Web como un hipermercado global para hacer negocios, pero a la par,

se han desarrollado otros servicios con fines menos crematísticos y con un enfoque

centrado en la transmisión de conocimientos, la puesta en común y el desarrollo

colaborativo para crear cultura, pensamiento, ciencia, saber y, en suma,

conocimiento.

Francisco Tósete (2009) fija el proceso de diseño de sitios web, en

Arquitectura de la información:

Definición: abarca aspectos como la definición de la finalidad del web,

objetivos, expectativas y necesidades de los usuarios, estudio del sector y definición

de audiencias, identificación y recopilación del contenido, definición de los servicios

y funcionalidades.

Estructuración: engloba todos los aspectos referidos al rotulado y

organización de categorías; organización del sitio mediante un mapa, esquemas de

organización y estructura de directorios; aspectos referentes a la buscabilidad como

elección del motor de búsqueda y la política de indización de contenidos,

metainformación y metaestructuras.

Producción: abarca las cuestiones referidas al prototipado como el diseño

de prototipos y patrones, al estilo y diseño de la imagen gráfica, a los aspectos

relacionados con la usabilidad y accesibilidad. Una vez lanzado el producto, se

procederá al seguimiento y análisis mediante su posicionamiento en buscadores,

feedback y medición de resultados y propuestas de rediseño.

Este mismo autor, en Arquitectura de la información: fundamentos del

diseño de sedes en la World Wide Web, establece los siguientes aspectos a tener en

cuenta en el diseño de una sede web:

información: contenidos.

gestión: estructura, organización, esquemas.

disposición y presentación: acceso, búsqueda, recuperación y

consultas.

Y, por lo tanto, una sede web tendría que contar son los siguientes

componentes:

Definición de la sede: misión, objetivos y estrategias. ¿Cuáles son las

razones que tiene la organización para producirla? ¿Por qué está aquí el usuario?

Gestión de los contenidos: identificación, recopilación, selección,

producción, mantenimiento y actualización de los contenidos. El contenido es la base

de la sede, los usuarios acceden a la sede por el contenido o por los servicios. Para

este autor, la clave del sitio web está en potenciar los contenidos, debe haber como

mínimo un 30% de espacio en la web dedicado a contenidos.

Sistemas de navegación: para facilitar el desplazamiento por la sede y el

acceso a los contenidos. La Web es interacción, movimiento, acción, toma de

decisiones y asimilación. Un sistema de navegación evita la desorientación y el

desbordamiento cognitivo. Hay que dotar al sistema de consistencia, predecibilidad y

retroactividad.

Sistemas de rotulado: su función es representar, describir y transmitir de

forma sintética los contenidos. Los rótulos deben ser concisos y significativos para

que el usuario comprenda con claridad y rapidez la información que hay detrás de

ellos para tomar una decisión. El lenguaje ha de ser próximo al usuario, por eso surge

una tensión entre los lenguajes controlados (lenguajes de clasificación jerárquicos/

facetados, tesauros) y los lenguajes naturales. El sistema de rotulado también se

ocupa de los microcontenidos, metadatos y marcado.

Sistemas de búsqueda: para facilitar la exploración, el acceso y la

recuperación de información. Permiten expresar las consultas en lenguaje natural y

acceder a los contenidos sin navegar por un gran número de seccione intermedias.

Son complementarios y nos sustitutivos de la navegación. Para diseñarlos hay que

tener en cuenta las características del motor de búsqueda (operadores, capacidades de

indización, personalización, funciones de feedback y ayuda automática), el tipo de

indización de los contenidos y la presentación de los resultados.

Así pues, antes de elaborar cualquier sitio web, es preciso seguir un plan

ordenado. Se pueden establecer las siguientes etapas para el diseño Web:

1. Delimitación del tema: de qué va a tratar el sitio web. Delimitación

de contenidos.

2. Recolección de la información: recopilar y seleccionar la

información que se va a incluir.

3. Agregación: hacer un balance equilibrado entre linealidad y

jerarquización. Creación de páginas, nodos, secciones y

subsecciones.

4. Estructuración de los contenidos: unión de los diferentes nodos y

páginas teniendo en cuenta la jerarquización y ordenación de los

contenidos. Creación de nodos de metainformación sobre otros nodos

y enlaces que permitan la estructuración horizontal y vertical.

Creación de la página inicial y de las páginas principales. En esta

etapa se definen tanto las estructuras jerárquicas y horizontales, como

las taxonomías y esquemas de clasificación.

5. Creación de los sistemas de navegación y búsqueda: creación de

páginas guía, ayudas a la navegación, tablas de contenido, índices,

sumarios, mapas de navegación, glosarios, páginas de búsqueda, uso

de iconos y barras de navegación, utilización de metáforas, etc.

accesibles desde cualquier otra página del sitio web.

6. Diseño y estilo gráfico: estilos y formatos textuales, coherencia

gráfica, diseño de fondos y distribución de los elementos dentro de la

página, inclusión de material multimedia, cantidad y tamaño de las

imágenes, etc. Dar homogeneidad y coherencia a todo el sitio web.

Utilizar metáforas orgánicas, funcionales y visuales.

7. Ensamblaje final: últimos enlaces, diseño de portadas y estilos

gráficos, logotipos, enlaces sobre autoría, contacto, fechas de

creación o de actualizaciones, etc.

8. Evaluación y test de uso: comprobación del funcionamiento, vínculos

y páginas rotas, usabilidad, accesibilidad, últimos ajustes, etc.

En el diseño de un sitio web, podemos distinguir 2 aspectos diferenciados:

Diseño de la interfaz: para guiar al usuario por medio de un sistema visual

e informativo adecuado. Para ello hay que disponer la interacción con metáforas,

imágenes y conceptos que puedan transmitir significados a través de la pantalla del

ordenador. Se debe elegir un modelo y conservar la integridad, uniformidad y

coherencia de ese diseño a lo largo de todo el hiperdocumento. El diseño de la

interfaz gráfica engloba conceptos y nociones provenientes de diferentes campos y

disciplinas como el diseño gráfico, la informática, los sistemas audiovisuales, la

psicología cognitiva, ergonomía.

Diseño de las páginas: disposición de los elementos dentro de las páginas

para ser vistos en pantalla, esquemas de contenido, tipografía, rotulado, títulos,

disposición de las imágenes y del contenido multimedia, equilibrio entre el contenido

textual y gráfico, y la sensación visual.

El proceso de diseño del sitio web abarca muchos y diferentes aspectos

como son:

Estructuración del conocimiento: delimitar el ámbito disciplinar, corpus

de conocimiento y tema sobre el que vamos a tratar de acuerdo con el fin perseguido:

informar, investigar, educar, vender, etc. La estructuración del conocimiento en la

web permite convertir la tradicional estructura secuencial en una estructura

multisecuencial, por tanto, se atenderá pues más a las relaciones entre conocimientos

que a la información aislada.

Estructuración de la información: para ello se debe fragmentar la

información en nodos que posteriormente se organizarán estableciendo distintas

categorías que atiendan a diferentes aspectos: relaciones jerárquicas, cronológicas,

secuenciales, espaciales, etc. Además de los nodos, se precisa la creación de

metanodos con información sobre otros nodos: sumarios, índices, tablas de contenido,

etc. Para esta fase es muy útil la utilización de mapas conceptuales, no sólo para el

diseño, sino con el fin de integrarlos dentro del propio hipertexto a modo de mapa de

navegación junto a otras herramientas de navegación. Una de las ventajas que ofrece

el hipertexto es la posibilidad de organizar la información de más de una forma,

dejando al usuario la elección de en qué modo acceder a ella, por lo tanto, se pueden

conjugar varios criterios de organización y ofrecer al usuario distintas formas de

acceso para que elija la forma que le sea más cómoda o la más adecuada para los

fines que persigue. La web permite una estructuración de la información modular y

descentralizada que por medio de los enlaces se podrán conexionar a otros módulos,

atendiendo a diferentes perspectivas.

Planteamiento general del diseño: hay que utilizar criterios de

accesibilidad, plantearse el tipo servicios y funcionalidades que se van a ofrecer y con

qué fin, y cómo se van a presentar al usuario, es decir, diseñar su usabilidad. La

finalidad del sitio web debe condicionar la interfaz para adaptarse a las expectativas

del usuario (un sitio de ocio no puede tener un diseño serio, poco atractivo y

aburrido), pero la interfaz debe ser, ante todo, funcional.

Organizar la información: hay que dotar al sitio de una buena

organización para que el usuario pueda localizar lo que busca de la forma más fácil,

clara e intuitiva posible. Se deben crear tablas de contenido, índices, diferentes

secciones con títulos significativos, etc. Hay que simplificar el contenido y no

mezclar varios temas en una misma página, jerarquizar la información no sólo dentro

del propio hipertexto, sino dentro de la propia página colocando la información más

importante en las ramas superiores o en la parte superior de la página dejando la

información complementaria o más detallada para el final o para las ramas más bajas,

agrupar las opciones importantes en la misma página, no ampliar el número de

opciones en cada nivel hasta la extenuación. La organización de la información debe

anticiparse en todo momento a los deseos del usuario y a las tareas más frecuentes

para que el usuario llegue antes a ellas.

Tipos de información e interfaz de usuario: disposición de la página en la

pantalla (utilización de marcos o frames, distribución de los contenidos, colores,

fondos, presencia de logotipos, etc.); elementos textuales (determinar la amplitud de

cada uno de ellos, selección de la información, palabras clave, enlaces, formatos y

estilos de letra); selección y elaboración de gráficos; inclusión y uso de audio, vídeo y

animaciones; selección de iconos, botones, barras de menús; presencia de campos de

ayuda para la orientación del usuario, etc.

Interrelación entre la información: estructuración de los nodos de texto,

audio, vídeo e interconexión de todas estas morfologías para convertir el hipertexto

en hipermedia; establecimiento de enlaces entre documentos, partes de documentos,

fragmentos de información, etc. dentro del propio documento y fuera de él.

Creación de un sistema de navegación: que posibilite una navegación

simple, intuitiva, consistente, transparente y flexible. Se trata de interrelacionar la

información y la interfaz. Se pueden elaborar una gran número de herramientas que

ayuden a la navegación en forma de botones, barras de navegación, uso de metáforas,

mapas sensibles, FAQ o Preguntas más frecuentes (Frequently Asked Question) que

faciliten la navegación y la hagan comprensible. Todas estas herramientas son

imprescindibles si se trata de documentos largos y complejos en los que el peligro de

pérdida del contexto aumenta cuando el usuario se aleja de la página principal y se

adentra por las ramas inferiores de una estructura profunda o demasiado amplia.

Creación de un sistema de búsqueda y recuperación: Para ello es

necesario el uso de herramientas de representación de la información (metadatos,

métodos de indización, etc.), formas de presentación de las consultas y los resultados,

y otras herramientas de recuperación y búsqueda tanto de la información interna

como externa. Se pueden incorporar motores de búsqueda para que rastreen dentro

del propio documento y/o en toda la World Wide Web.

2.2.- DEFINICIÓN DE TÉRMINOS BÁSICOS

Administrador de Internet (WEBMASTER). Supervisor de la página

Web, encargado de que todo funcione correctamente en ellos.

Arpanet. Red de la agencia de proyectos de Investigación avanzada; la red

creada por la Agencia de Proyectos de Investigación Avanzada del Departamento de

Defensa (DARPA); la red a partir de la cual surgió Internet.

Asp (Active Server Page). Paginas activas de servidor, lenguaje que nos

permite conectarnos a un servidor.

Automatización. Funcionamiento automático de una máquina o un conjunto

de máquinas, encaminado a un fin único, lo cual permite realizar con poca

intervención del hombre una serie de trabajos industriales, administrativos o de

investigación.

Apache: Programa de servidor http Web de código abierto (Open Sourse),

con muchos módulos que se le pueden agregar y que se consiguen gratuitamente en el

Internet. Corre en UNIX, LINUX, BSD Y WINDOWS.

Base de datos (database): Una colección de datos organizados que se

pueden consultar.

Ciberespacio: Un término para la realidad virtual inmersa, a veces usado

para referirse a Internet.

Cliente: A veces usado como un navegador; otras veces esto significa una

computadora que hace contacto con el host.

Correo electrónico (e-mail) mensajes personales enviados entre usuarios

para obtener acceso a información privada.

Firewall. Una barrera de seguridad que ayuda a limitar los accesos no

autorizados a un sistema de computadoras.

FTP. Acrónimo de file transfer protocol, protocolo de transferencia de

archivos. La transferencia se realiza de un servidor FTP a través del navegador un

programa utilitario de FTP.

Hardware. Conjunto de elementos materiales de un computador.

Hipervínculo: (hyperlink) Un elemento de HTML que, cuando se hace clic

en él, permite que las personas pasen a otros documentos, imágenes, sonidos o

películas.

Html: El lenguaje HTML (Hipertext markup language, leguaje de marcas

de hipertexto) es el método que se utiliza para diseñar el aspecto visual de las páginas

Web.

Http: Herramienta de acceso a sitios Web (Web site).

Internet: Apócope de internacional Net, soporte de comunicación entre

computadoras (net=red).

Intranet: Red de acceso restringido por contraseña.

IP: Acrónimo de Internet protocol. Protocolo que dentro de Internet del

TCI/IP dirige la separación de los datos de los mensajes en paquetes para su

transmisión, su enrutamiento del emisario al destinatario y el ensamblaje de los

paquetes en el mensaje original al se recibido.

Lenguaje: Conjunto de palabras y símbolos que permiten la comunicación

entre el ordenador y el usuario.

MySQL: Gestor de base de datos

Navegador (Browser): Programa con una interfaz gráfica interactiva que

permite la búsqueda, la visualización y el manejo de información multimedia en una

red.

Normalización: Su objetivo primordial es darle consistencia a las BD, en

cual no tendrá problemas de acceso, es decir, leer, almacenar o actualizar la

información.

PHP (Preprocesador de Hipertexto): Lenguaje de programación utilizado

para páginas web.

PHPMyAdmin: Es una herramienta muy completa que permite acceder a

todas las funciones típicas de la base de datos MySQL a través de una interfaz web

muy intuitiva.

Proxy (Servidor Proxy): Componente de un firewall que maneja el tráfico

de una LAN desde y hacia Internet. Permite la descarga más rápida de documentos o

páginas Web de uso frecuente y el control de acceso.

Servidor de Nombre de Dominio (DNS): un sistema que puede resolver

una dirección IP con un nombre.

URL: Acrónimo de uniform resource locator. Es el sistema de direcciones

en Internet

Usuario: persona que utiliza la computadora o interactúa con un ordenador.

CAPITULO III

MARCO METODOLÓGICOEl objetivo de este capítulo consiste en explicar los aspectos metodológicos

empleados para la consecución de los objetivos planteados en la investigación

Si bien es un tema de alta complejidad y requiere de profesionales en el

tema, este proyecto será exploratorio y buscará generar interés en todos aquellos

estudiantes de diseño de imagen y sonido, para que en sus proyectos web incorporen

todo lo relacionado con el tema y así poder crear páginas web donde se incluya a

estas personas. También se pretende sensibilizar, replicar el conocimiento y analizar

cómo se puede lograr el diseño de una web accesible. Más que una guía para crear

sitios web, este proyecto pretende establecer las bases mínimas que se requieren para

lograr que un sitio pueda ser accesible para las personas con algún tipo de

discapacidad.

3.1.- TIPO DE INVESTIGACIÓN

El proyecto está enmarcado dentro de la categoría de Proyecto Profesional,

puesto que, a partir de un análisis de una temática anteriormente expuesta, explica

cómo puede un diseñador, por medio del conocimiento y estudio de accesibilidad

web, realizar páginas web, no sólo con un diseño excelente sino con un plus extra:

llegar a personas discapacitadas y así poder brindarles las herramientas necesarias,

por medio del seguimiento de ciertos parámetros para que, sin ninguna barrera,

puedan acceder a la Internet.

3.2.- TÉCNICAS E INSTRUMENTOS DE RECOLECCIÓN DE LA INFORMACIÓN.

Las técnicas de recolección de datos son aquellas que permiten obtener todos

los datos necesarios para realizar la investigación del problema que está en estudio

mediante la utilización de instrumentos que se diseñan de acuerdo a la técnica a

seguir. La recolección de los datos depende en gran parte del tipo de investigación y

del problema planteado para la misma, y puede incluir elementos como las fichas

bibliográficas, la observación, entrevistas, cuestionarios, paneles de información,

listas de cotejos y otros.

Existen dos métodos principales de recolección de datos: el método directo en

el cual el investigador procede a recolectar los datos directamente de la fuente

primaria de información y el medio indirecto, en el cual la información llega al

investigador a través de personas o medios cercanos a la fuente primaria que le brinda

los datos necesarios para realizar la investigación.

Para la presente investigación se utilizó el método directo ya que al tratarse de

un proyecto profecional resulta imprescindible la presencia de los investigadores en la

fuente primaria a fin de garantizar la obtención de todos aquellos datos de

importancia para la resolución efectiva del problema.

En el caso tratado en este proyecto la valides de esta técnica viene dada

además por su evidente ventaja al permitir comprender sin intermediaciones los

aspectos relevantes de la problemática examinada.

Los datos secundarios "(...) son registros escritos que proceden también de un

contacto con la práctica, pero que ya han sido recogidos y muchas veces procesados

por otros investigadores". (Sabino, 1986, 9.130). Los antecedentes tanto de la

institución como del estudio, los textos que sirvieron de base para la elaboración de la

propuesta, las teorías que sustenta los procesos aquí descritos y en fin todo apoyo

teórico presente en estas páginas entran dentro de esta clasificación.

Se consideran adecuadas las herramientas de recolección de datos señaladas,

puesto que, mediante su utilización se obtiene una recopilación de dato de primera

mano acorde con la realidad y con una visión muy amplia de lo que se debe hacer en

el desarrollo del sistema. Se agiliza, por lo tanto el proceso de análisis obteniéndose

una mejor calidad en los datos recopilados y una base de información que pueda ser

utilizada en cualquier momento del desarrollo, a fin de despejar incógnitas.

3.3.- METODOLOGÍA PARA EL DESARROLLO DEL SOFTWARE

Para el diseño del repositorio se implementará la metodología para el

desarrollo de aplicaciones web: UML-Based Web Engineering (UWEUML), la cual

fue presentada por Nora Koch en el año 2000.

Esta metodología utiliza un paradigma orientado a objetos, y está basada en

el Proceso Unificado (PU) y el Lenguaje Unificado de Modelado (LUM o UML, por

sus siglas en inglés, Unified Modeling Language), pero adaptados a la web, cubre

todo el ciclo de vida de este tipo de aplicaciones centrando además su atención en

aplicaciones personalizadas dirigidas a los usuarios. (UWE) consiste en una

herramienta para modelar aplicaciones web, prestando especial atención en

sistematización y personalización (sistemas adaptativos), cuyas fases coinciden con

las propuestas en el Proceso Unificado de Modelado.

Está especializada en la especificación de aplicaciones adaptativas, y por

tanto hace especial hincapié en características de personalización, como es la

definición de un modelo de usuario o una etapa de definición de características

adaptativas de la navegación en función de las preferencias, conocimiento o tareas de

usuario.

Fases de la metodología UWE

UWE está basada en los estándares UML y UP, por lo tanto cubre todo el

ciclo de vida de este tipo de aplicaciones.

Para Galiano Luis (2012), la metodología UWE presenta 6 fases o etapas:

Captura, análisis y especificación de requisitos: durante esta fase, se

adquieren, reúnen y especifican las características funcionales y no funcionales que

deberá cumplir la aplicación web. Trata de diferentes formas las necesidades de

información, las necesidades de navegación, las necesidades de adaptación y las de

interfaz de usuario, así como algunos requisitos adicionales. Centra el trabajo en el

estudio de los casos de uso, la generación de los glosarios y el prototipo de la interfaz

de usuario.

Diseño del sistema: Se basa en la especificación de requisitos producido por

el análisis de los requerimientos (fase de análisis), el diseño define cómo estos

requisitos se cumplirán, la estructura que debe darse a la aplicación web.

Codificación del software: Durante esta etapa se realizan las tareas que

comúnmente se conocen como programación; que consiste, esencialmente, en llevar a

código fuente, en el lenguaje de programación elegido, todo lo diseñado en la fase

anterior.

Pruebas: Las pruebas se utilizan para asegurar el correcto funcionamiento

de secciones de código.

La Instalación o Fase de Implementación: es el proceso por el cual los

programas desarrollados son transferidos apropiadamente al computador destino,

inicializados, y, eventualmente, configurados; todo ello con el propósito de ser ya

utilizados por el usuario final. Esto incluye la implementación de la arquitectura, de la

estructura del hiperespacio, del modelo de usuario, de la interfaz de usuario, de los

mecanismos adaptativos y las tareas referentes a la integración de todas estas

implementaciones.

El Mantenimiento: es el proceso de control, mejora y optimización del

software ya desarrollado e instalado, que también incluye depuración de errores y

defectos que puedan haberse filtrado de la fase de pruebas de control.

Para aquellos proyectos basados en diseño se han de considerar que la

metodología UWE propone una extensión de UML que se divide en 4 pasos:

1. Análisis de requisitos. Su objetivo es encontrar los requisitos

funcionales de la aplicación Web para representarlos como casos de uso.

Da lugar a un diagrama de casos de uso.

2. Diseño conceptual. Su objetivo es construir un modelo conceptual del

dominio de la aplicación considerando los requisitos reflejados en los

casos de uso. Da como resultado un diagrama de clases de dominio.

3. Diseño navegacional. Se obtienen el modelo de espacio de navegación y

modelo de estructura de navegación, que muestra cómo navegar a través

del espacio de navegación. Se obtienen diagramas de clases que

representan estos modelos.

4. Diseño de presentación. De este paso se obtienen una serie de vistas de

interfaz de usuario que se presentan mediante diagramas de interacción

UML.

3.4.- ESTUDIO DE FACTIBILIDAD.

Los estudios de factibilidad consideran la factibilidad técnica, económica y

operacional de cada alternativa, así como si el proyecto es o no apropiado dados los

factores políticos y otros del contexto institucional.

El éxito de un proyecto está determinado por el grado de factibilidad que se

presente en cada uno de estos aspectos. El estudio de factibilidad sirve para recopilar

datos relevantes sobre el desarrollo de un proyecto y en base a ello tomar la mejor

decisión, si procede su estudio, desarrollo o implementación; así como lo indican los

tutoriales para el desarrollo de proyectos. (2006).

Factibilidad Operacional

Esta Factibilidad comprende una determinación de la probabilidad de que un

nuevo sistema Web se use como se corresponde. Deberían considerarse tres aspectos

de factibilidad operacional por lo menos:

1. Un nuevo sistema Web puede ser demasiado estático para el usuario. Si lo

es, los usuarios pueden ignorar el sitio Web o bien usarlo en tal forma que

no atraerá su atención.

2. Un sitio Web puede hacer que los usuarios les resulte tedioso encontrar la

información que desean, como consecuencia de una técnica de diseño

inadecuado, por ello es de gran importancia realizar un diseño acorde a la

información obtenida de la institución

3. Consideración, es la probabilidad de la obsolescencia subsecuente en el

sistema Web. La tecnología que ha sido anunciada pero que aún no está

disponible pude ser preferible a la tecnología que se encuentra en una o

más de las alternativas que se están comparando.

La operatividad correcta del sitio Web es altamente garantizada, ya que se

cumple con los aspectos antes mencionados,

Factibilidad Técnica

En este punto se toma en consideración el software, hardware y el personal

técnico que ha de desarrollar el sito web

Se recomienda:

Hardware:

Equipo servidor

Procesador Pentium 4 2.2 o superior

3 gb de memoria RAM.

Disco Duro de 120 GB de 7200 RPM.

Software:

OsCommerce (Open Source).

Macromedia Flash

PHP, MySQL, PHPMyAdmin, Apache.

Para la implantación se podría aplicar:

Servidor apache 4.0

Conexión (Banda Ancha).

El equipo anteriormente especificado, es solo una opción, puede variar en sus

componentes de hardware siempre y cuando no debiliten su estructura principal.

Factibilidad Económica

Los estudios de factibilidad económica incluyen análisis de costos y

beneficios asociados con cada alternativa del proyecto. Primero se comparan los

costos esperados de cada alternativa con los beneficios esperados para asegurarse que

los beneficios excedan a los costos.