Download - proyecto paginaweb
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.