Proyecto Investigacion SAC

Instituto Tecnolgico de Celaya
Asignatura:
Taller de Investigacin II
SAC
Sistema Accesible de Citas
Docente:
Hernndez Hernndez Ana Bertha
Elaborado por:
Jimnez Medina Vctor Manuel
Mendoza Jimnez Marleth
Quemada Patio Alejandra
ndic
1 INTRODUCCIN............................................................................................................ 2
2. MARCO DE REFERENCIA..............................................................................................4
2.1 ANTECEDENTES..................................................................................................... 4
2.2 PROBLEMTICA...................................................................................................... 5
2.3 HIPTESIS.............................................................................................................. 5
2.4 OBJETIVO................................................................................................................ 6
2.4.1 OBJETIVOS ESPECFICOS..................................................................................6
2.5 JUSTIFICACIN....................................................................................................... 6
2.6 ALCANCES DEL PROYECTO.....................................................................................6
3. MARCO TERICO......................................................................................................... 7
3.1 DISCAPACIDAD....................................................................................................... 7
3.1.1 CLASIFICACIN DE LAS DISCAPACIDADES........................................................8
3.1.2 BARRERAS QUE IMPIDEN EL ACCESO A LA ASISTENCIA..................................12
3.2 DISPOSITIVOS DE TRADUCCIN E INTERACCIN..................................................12
3.2.1 Sistemas Aumentativo y Alternativos de Comunicacin (SAAC)....................18
3.3 WORLD WIDE WEB CONSORTIUM (W3C)..............................................................20
3.3.1 PRINCIPIOS DE DISEO..................................................................................20
3.4 ACCESIBILIDAD WEB............................................................................................ 21
3.4.1 TERMINOLOGA.............................................................................................. 21
3.5 PAUTAS DE ACCESIBILIDAD AL CONTENIDO EN LA WEB (WCAG)..........................22
3.5.1 PAUTAS WCAG 2.0.......................................................................................... 22
3.5.2 CONFORMIDAD.............................................................................................. 23
3.6 ANALIZADORES.................................................................................................... 23
3.6.1 eXaminator.................................................................................................... 23
3.6.2 TAW................................................................................................................ 24
3.7 METODOLOGA DOM........................................................................................... 27

3.7.1 Definicin....................................................................................................... 27
3.7.2 VERSIONES DE DOM......................................................................................27
3.7.3 REPRESENTACIN DOM DE UNA PGINA WEB................................................28
3.8 LENGUAJE UNIFICADO DE MODELADO................................................................28
3.8.1 Objetivos de UML........................................................................................... 29
3.8.2 Modelado de objetos......................................................................................29
3.8.3 HERRAMIENTAS CASE........................................................................................37
3.8.3.1 Clasificacin................................................................................................ 38
4. DESARROLLO............................................................................................................ 40
4.1 DISEO................................................................................................................ 40
4.1.1 REGISTRO DE USUARIO..................................................................................40
4.1.2 DIAGRAMA DE CASOS DE USO PARA EL SISTEMA DE CITAS............................41
4.1.3 Diagrama de secuencia para navegar por la pgina......................................42
4.1.4 Diagrama de secuencia para navegar por la pgina......................................43
4.1.5 Diagrama de Casos de Uso para el Sistema de Citas.......................................1
4.2 Diseo De Base de DAtos....................................................................................1
4.3 PGINAS Y DOCUMENTOS...................................................................................2
5. RECOMENDACIONES................................................................................................... 3
6. FUENTES..................................................................................................................... 3
1 INTRODUCCIN
En el ltimo censo realizado en Mxico, correspondiente al ao 2010,

arroj que las personas que tienen algn tipo de discapacidad son 5
millones 739 mil 270, lo que representa 5.1% de la poblacin total, esta
cifra corresponde nicamente a nuestro pas, pero, qu pasa cuando las
estadsticas se enfocan a nivel mundial? De acuerdo con la Organizacin
Mundial de la Salud, OMS, se considera que mil millones de personas, es
decir el 15 por ciento de la poblacin en todo el mundo, vive con alguna

discapacidad.
El siguiente documento, desarrollado en el Instituto Tecnolgico de
Celaya para la materia Taller de Investigacin impartida por la M.C.
Hernndez Ana Bertha, presenta la base terica y dems documentacin
implementada en la realizacin del proyecto SAC, Sistema Accesible
de Citas para todos, cuyo propsito es el de proporcionar un apartado en
las pginas oficiales de centros de salud tanto del sector pblico y
privado en donde las personas con capacidades diferentes pueden
agendar citas de forma sencilla y rpida mediante interfaces que sean
de fcil manipulacin para ellas.
El proyecto est basado en estndares y pautas de accesibilidad de
desarrollo web del Consorcio de la Web, W3C por sus siglas en ingls,
por lo que a continuacin se presentan las definiciones de estndares y
cmo se da cumplimiento a los mismos en el diseo, desarrollo e
implementacin de la pgina web que sea aceptada como accesible.
2. MARCO DE REFERENCIA
2.1 ANTECEDENTES
Para muchas personas, las Tecnologas de la Informacin y Comunicacin

(TIC), entre ellas Internet, son hoy en da indispensables para la
economa, la educacin y la vida social. Para que las personas con
discapacidad tengan iguales posibilidades de acceso a la informacin
que los dems, los sitios web deben poder ser consultados por todos.
A nivel internacional, la Convencin sobre los derechos de las personas
con discapacidad, que entr en vigor el 3 de mayo de 2008, subraya que
hay que garantizar a las personas con discapacidad la igualdad de
acceso a las TIC, y contribuir a eliminar los obstculos que impiden el
acceso a la informacin, en particular por Internet.
Las leyes y reglamentos nacionales pueden fomentar el cumplimiento de
las normas de accesibilidad como es el caso de Argentina quien al
legislar el cumplimiento de estndares en pginas del gobierno y en
instituciones
educativas
se
ha
convertido
en
un
pas
lder
en
accesibilidad en Amrica Latina. De la misma manera, Espaa se

destaca por legislaciones de esta naturaleza en las que las pginas
desarrolladas en este pas deben cumplir la normatividad sealada por
la WCAG.
En Mxico, existen desarrollos orientados al cumplimiento de normas y
estndares accesible, bajo la direccin del Consejo Nacional Para
Prevenir la Discriminacin (CONAPRED), como el mismo sitio del consejo
y el de sus cursos a distancia llamado Conctate. Por otro lado, la Red
por los Derechos de la Infancia en Mxico (REDIM) se dio a conocer en
2013 su sitio con accesibilidad web www.derechosinfancia.org.mx, para
que todas las personas tengan la posibilidad de acceder a informacin
sobre los derechos de nias, nios y adolescentes, sin embargo son
sitios con poca difusin por lo que no se ha convertido en una prioridad

la creacin de sitios web accesibles debido principalmente a los mitos
que rodean estas normas.
A nivel mundial existen un gran nmero de hospitales e instituciones de
salud que implementan servicios de programacin de citas, sin embargo
no es una primaca en ninguna de ellas que su sitio cumpla con pautas
de accesibilidad para que cualquier persona
pueda navegar sin
complicaciones.
2.2 PROBLEMTICA
La discapacidad forma parte de la condicin humana: casi todas las

personas sufrirn algn tipo de discapacidad transitoria o permanente
en algn momento de su vida. Segn estimaciones del Informe Mundial
Sobre la Discapacidad (OMS, 2011), 15% de la poblacin mundial vive
con algn tipo de discapacidad, cifra que es superior a las estimaciones
hechas en los aos 1970, donde era aproximadamente un 10%. Como se
observa, el nmero de personas con discapacidad est creciendo y en
los aos futuros, ser un motivo de preocupacin an mayor debido a
que la poblacin est envejeciendo y el riesgo de discapacidad es
superior entre los adultos mayores, adems, el aumento mundial de
enfermedades crnicas tales como la diabetes, las enfermedades
cardiovasculares, el cncer y los trastornos de la salud mental aumentan
la posibilidad de desarrollar alguna discapacidad.
En todo el mundo, las personas con discapacidad tienen peores
resultados
sanitarios,
peores
resultados
acadmicos,
una
menor
participacin econmica y unas tasas de pobreza ms altas que las

personas sin discapacidad. En parte, ello es consecuencia de los
obstculos que entorpecen el acceso de las personas con discapacidad a
servicios que muchos de nosotros consideramos obvios, por ello, es
necesario crear un sistema de atencin a pacientes en el cul cualquier
persona con acceso a una computadora pueda agendar una cita mdica
en una institucin de salud mediante un sitio web accesible que facilite
la interaccin con pacientes con alguna discapacidad como debilidad
visual, personas de la tercera edad y personas con limitaciones motrices
o cognitivas de manera que se garantice la igualdad de acceso a las TIC.
2.3 HIPTESIS
La implementacin de una pgina web para la administracin de citas

mdicas accesible beneficiar a personas con discapacidad hacindolas
ms independientes y autnomas para realizar sus citas va Internet.
2.4 OBJETIVO
Realizar un desarrollo web de apoyo a las personas que reciben servicio

mdico del Hospital Mnica Pretelini de la ciudad de Toluca, mediante
un sistema de citas accesible va web destinado a las personas con
discapacidad visual, auditiva, motriz, cognitiva
y personas de edad
avanzada.
2.4.1 OBJETIVOS ESPECFICOS
Realizar un sitio Web con un nivel de conformidad AA de la WCAG 2.0.

Obtener una calificacin mnima 8.0 en la evaluacin de pautas de calidad de la
WCAG 2.0
Cumplir con las pautas de diseo e implementacin de W3C para el desarrollo
Web.
2.5 JUSTIFICACIN
Actualmente, son cada vez ms los servicios a los que se tiene acceso
va internet y a nivel mundial existen distintas instituciones de salud que
permiten planear una cita mdica desde un portal web, sin embargo son
muy pocas las que se preocupan por tener un sitio accesible que permita
que personas con discapacidades o de la tercera edad puedan hacer uso
de estos servicios a pesar representar una quita parte de la poblacin

mundial. Argentina es el pas Latinoamericano que ms ha trabajado en
sta rea, incluso existe una iniciativa en la que los sitios de gobierno y
de educacin del pas deben cumplir con cierta calificacin en cuanto
accesibilidad web, mientras que en Mxico es un tema al que no se le ha
dado mucha importancia.
2.6 ALCANCES DEL PROYECTO
El uso de estndares para la implementacin de este desarrollo web

permite:
Proporcionar a personas ciegas o con baja visin que utilizan

software de lectura de pantalla para navegar por Internet una
interpretacin correcta del contenido.
Permitir la utilizacin de las herramientas de Internet por parte de

personas con baja visin o con afecciones particulares, como el
daltonismo.
Dar acceso a personas con discapacidades motrices que no

pueden utilizar dispositivos de entrada estndares (teclado,
mouse), y de usuarios en entornos tecnolgicos con restricciones,
que utilizan software o hardware antiguo, equipos mviles con
pantallas pequeas, conexiones lentas, etc.
Tambin presenta avances para aquellos usuarios con

o Insuficiencia de medios
o Que acceden a los servicios de Internet mediante equipos y
conexiones con capacidades limitadas
o Para usuarios inexpertos o que presentan inseguridad frente

a la utilizacin de diversos dispositivos electrnicos
Sin embargo se encuentra limitada a personas con conocimientos
bsicos del uso de la computadora y de la navegacin en internet.
3. MARCO TERICO
3.1 DISCAPACIDAD
La Clasificacin Internacional del Funcionamiento de la Discapacidad y

de la Salud (CIF) define la discapacidad como un trmino genrico que
abarca deficiencias, limitaciones de la actividad y restricciones a la
participacin. Se entiende por discapacidad la interaccin entre las
personas que padecen alguna enfermedad (por ejemplo, parlisis
cerebral, sndrome de Down y depresin) y factores personales y
ambientales (por ejemplo, actitudes negativas, transporte y edificios
pblicos inaccesibles y un apoyo social limitado); por otro lado la
Organizacin Mundial de la Salud, define Discapacidad como un trmino
general que abarca las deficiencias, las limitaciones de la actividad y las
restricciones de la participacin, entendiendo deficiencias como aquellas
que afectan a una estructura o funcin corporal, las limitaciones como
las dificultades para ejecutar acciones o tareas, y las restricciones de la
participacin como problemas para participar en situaciones vitales.
Por consiguiente, la discapacidad es un fenmeno complejo que refleja

una interaccin entre las caractersticas del organismo humano y las
caractersticas de la sociedad en la que vive.
3.1.1 CLASIFICACIN DE LAS DISCAPACIDADES
El Instituto Nacional de Estadstica, Geografa e Informtica de Mxico

propone una clasificacin de las discapacidades catalogndolas segn el
rgano, funcin o rea del cuerpo afectada o donde se manifiesta la
limitacin.
La clasificacin est organizada en dos niveles: grupo y subgrupo. El
primer nivel de la clasificacin est formado por cuatro grandes grupos
de discapacidad y el grupo de las claves especiales, todos con claves
numricas de un dgito:
Grupo
Grupo
Grupo
Grupo
Grupo
1
2
3
4
9
Discapacidades sensoriales y de la comunicacin

Discapacidades motrices
Discapacidades mentales
Discapacidades mltiples y otras
Claves especiales
El segundo nivel de la clasificacin corresponde a los subgrupos, cuya

clave est compuesta de tres dgitos. Con el primero de izquierda a
derecha se identifica el grupo al que pertenecen.
Ejemplo:
Grupo 1 Discapacidades sensoriales y de la comunicacin

o Subgrupo 110 Discapacidades para ver
o Subgrupo 120 Discapacidades para or
o Subgrupo 130 Discapacidades para hablar (mudez)
o Subgrupo 131 Discapacidades de la comunicacin
comprensin del lenguaje

En total la clasificacin comprende 18 subgrupos.
Cada subgrupo est conformado por un listado, en orden alfabtico, de
descripciones relativas deficiencias y discapacidades; en l se incluyen
tanto nombres tcnicos como algunos sinnimos con los cuales la
poblacin reconoce la discapacidad. As, para una misma deficiencia o
discapacidad pueden aparecer varias descripciones. En algunos casos se

coloca entre parntesis su sinnimo.
A continuacin se describen cada uno de los tipos pertenecientes a esta
clasificacin y a los que garantizaremos la accesibilidad en el proyecto
nom_P, es decir las discapacidades sensoriales, motrices y mentales.
3.1.1.1 DISCAPACIDADES SENSORIALES Y DE LA COMUNICACIN
Este grupo comprende las discapacidades relacionadas, como su nombre

lo dice, con los sentidos, principalmente dificultades para ver, or y
hablar.
El grupo se conforma de cinco subgrupos: Discapacidades para ver,
Discapacidades
para
or,
Discapacidades
para
hablar
(mudez),
Discapacidades de la comunicacin y comprensin del lenguaje e

Insuficientemente especificadas del grupo Discapacidades sensoriales y
de la comunicacin
3.1.1.1.2 DISCAPACIDADES PARA VER
Incluye las descripciones que se refieren a la prdida total de la visin, a

la debilidad visual (personas que slo ven sombras o bultos), y a otras
limitaciones que no pueden ser superadas con el uso de lentes, como
desprendimiento de retina, acorea, facoma y otras. Se considera que
hay discapacidad cuando est afectado un slo ojo o los dos.
3.1.1.1.3 DISCAPACIDADES PARA OR
Comprende las descripciones que se relacionan con la prdida total de la

audicin en uno o en ambos odos, o con la prdida parcial pero intensa,
grave o severa en uno o en ambos odos.
Son ejemplos de las discapacidades que comprende el subgrupo los
sordos totales, los sordos de un solo odo, as como las personas con
debilidad auditiva (personas que slo escuchan sonidos de alta

intensidad). Estn incluidas las personas que tienen las limitaciones
descritas, hagan uso o no de un auxiliar auditivo (aparato).
3.1.1.1.4 DISCAPACIDAD PARA HABLAR
Discapacidades para hablar (mudez) se refiere exclusivamente a la

prdida total del habla, y las Discapacidades de la comunicacin y
comprensin del lenguaje incluye las discapacidades que se refieren a la
incapacidad para generar, emitir y comprender mensajes del habla.
Comprende las limitaciones importantes, graves o severas del lenguaje,
que impiden la produccin de mensajes claros y comprensibles.
3.1.1.2 DISCAPACIDADES MOTRICES
Comprende a las personas que presentan discapacidades para caminar,

manipular objetos y de coordinacin de movimientos para realizar
actividades de la vida cotidiana.
Este grupo lo conforman tres subgrupos: Discapacidades de las
extremidades inferiores, tronco, cuello y cabeza, el Discapacidades de
las extremidades superiores e Insuficientemente especificadas del grupo
discapacidades motrices. En este grupo se incluyen la prdida total o
parcial de uno o ms dedos de las manos o pies
El
proyecto
nom_P
est
enfocado
ayudar
personas
con
discapacidades motrices de las extremidades superiores, es decir,

personas que tienen limitaciones para utilizar sus brazos y manos por la
prdida total o parcial de ellos, y aquellas personas que aun teniendo
sus miembros superiores (brazos y manos) han perdido el movimiento,
por lo que no pueden realizar actividades propias de la vida cotidiana
tales como agarrar objetos, abrir y cerrar puertas y ventanas, empujar,
tirar o jalar con sus brazos y manos etctera.
3.1.1.3 DISCAPACIDADES MENTALES
En este grupo se incluye a las personas que presentan discapacidades

para aprender y para comportarse, tanto en actividades de la vida diaria
como en su relacin con otras personas.
El grupo est integrado por tres subgrupos: Discapacidades intelectuales
(retraso mental), Discapacidades conductuales y otras mentales e
Insuficientemente especificadas del grupo discapacidades mentales.
3.1.1.3.1 DISCAPACIDADES INTELECTUALES (RETRASO MENTAL)
Este subgrupo comprende las discapacidades intelectuales que se

manifiestan como retraso o deficiencia mental y prdida de la memoria.
Comprende a las personas que presentan una capacidad intelectual
inferior al promedio de las que tienen su edad, su grado de estudios y su
nivel sociocultural. A ellas se les dificulta realizar una o varias de las
actividades de la vida cotidiana, como asearse, realizar labores del
hogar, aprender y rendir en la escuela o desplazarse en sitios pblicos.
No slo interfiere con el rendimiento acadmico, sino tambin con
actividades cotidianas, como leer anuncios o instrucciones, sumar o
contar objetos o dinero, escribir recados y nmeros telefnicos, etctera.
3.1.1.3.2 DISCAPACIDADES CONDUCTUALES Y OTRAS MENTALES
En este subgrupo estn comprendidas las discapacidades de moderadas

a severas que se manifiestan en el comportamiento o manera de
conducirse de las personas, tanto en las actividades de la vida diaria
como en su relacin con otros.
En
este
tipo
de
discapacidades,
la
persona
puede
tener
una
interpretacin y respuesta inadecuada a acontecimientos externos. Por

ejemplo, si una persona sufre delirio de persecucin o paranoia (que
consiste en que el individuo cree que todos estn en contra suya) podra
interpretar como amenazante una inocente llamada telefnica que un

familiar hace en voz baja, y su respuesta inadecuada podra ser de
agitacin, inquietud, alboroto, clera o huida.
Las personas afectadas por discapacidades de este subgrupo tambin
pueden experimentar perturbacin de la capacidad para identificar
debidamente a objetos y personas, o a las dimensiones de tiempo y
espacio. Pueden no reconocer a las personas con quienes conviven, o
pueden creer que ya sucedi un acontecimiento que en realidad
suceder al da siguiente.
Tambin se incluye en el subgrupo la incapacidad o deficiencia para
distinguir
la
realidad
de
la
fantasa
(como
en
las
personas
esquizofrnicas, o las que comnmente se denominan locas), y las

perturbaciones severas en las relaciones con los dems (como en la
psicopata, en que el comportamiento de la persona es antisocial; o en el
autismo, cuya caracterstica ms comn es la incapacidad para
relacionarse con otros).
3.1.2 BARRERAS QUE IMPIDEN EL ACCESO A LA ASISTENCIA
Las personas con discapacidad tropiezan con una gran variedad de

obstculos cuando buscan asistencia, entre ellos los siguientes.
Costos prohibitivos
Oferta limitada de servicios
Obstculos fsicos
Aptitudes y conocimientos inadecuados del personal
3.2 DISPOSITIVOS DE TRADUCCIN E INTERACCIN
TECLADO:
Toda la funcionalidad del contenido es operable a travs de una interfaz
de teclado sin que se requiera una determinada velocidad para cada
pulsacin individual de las teclas, excepto cuando la funcin interna
requiere de una entrada que depende del trayecto de los movimientos

del usuario y no slo de los puntos inicial y final. (Nivel A)
-Si es posible mover el foco a un componente de la pgina usando una
interfaz de teclado, entonces el foco se puede quitar de ese componente
usando slo la interfaz de teclado y, si se requiere algo ms que las
teclas de direccin o de tabulacin, se informa al usuario el mtodo
apropiado para mover el foco. (Nivel A)
-Poner en pausa, detener, ocultar: Para la informacin que tiene
movimiento, parpadeo, se desplaza o se actualiza automticamente, se
cumplen todos los casos siguientes: (Nivel A)
MOVIMIENTO, PARPADEO, DESPLAZAMIENTO:
-Para toda informacin que se mueve, parpadea o se desplaza, que (1)
comienza automticamente, (2) dura ms de cinco segundos y (3) se
presenta en paralelo con otro contenido, existe un mecanismo para que
el usuario la pueda poner en pausa, detener u ocultar, a menos que el
movimiento, parpadeo o desplazamiento sea parte esencial de una
actividad; y
-Actualizacin automtica: Para toda informacin que se actualiza
automticamente, que (1) se inicia automticamente y (2) se presenta
en paralelo con otro contenido, existe un mecanismo para que el usuario
la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de
actualizacin a menos que la actualizacin automtica sea parte
esencial de una actividad.
MICRFONO Y PARLANTES:
-Subttulos (pregrabados): Se proporcionan subttulos para todo audio
pregrabado presente en un contenido multimedia sincronizado, excepto
cuando tal contenido es un contenido multimedia alternativo al texto y
est claramente identificado como tal. (Nivel A)
-Audio
descripcin
alternativa
multimedia
(pregrabada):
Se
proporciona una alternativa para contenido multimedia dependiente del

tiempo o una audio descripcin para el contenido de vdeo pregrabado
del contenido multimedia sincronizado, excepto cuando tal contenido es
un contenido multimedia alternativo al texto y est claramente
identificado como tal. (Nivel A)
MONITOR:
-Subttulos (directo): Se proporcionan subttulos para todo contenido de
audio en directo del contenido multimedia sincronizado. (Nivel AA)
-Identificacin de errores: Si se detecta automticamente un error de
entrada de datos, se identifica el tem errneo y el error se describe al
usuario por medio de texto. (Nivel A)
-Instrucciones o etiquetas: Se proporcionan etiquetas o instrucciones
cuando el contenido requiere entrada de datos por parte del usuario.
(Nivel A)
-Sugerencia tras error: Si se detecta automticamente un error de
entrada de datos y se pueden determinar las sugerencias apropiadas
para la correccin, entonces se proporcionan las sugerencias al usuario,
a menos que esto pudiese poner en riesgo la seguridad o el propsito
del contenido. (Nivel AA)
DISPOSITIVOS O HERRAMIENTAS EXTRA (SOFTWARE):

-Ampliadores de pantalla y otros asistentes visuales de la lectura, que
emplean personas con discapacidades visuales, perceptuales y fsicas
para cambiar fuentes, tamao, espaciado, color, sincronizar con una
emisin de voz, etc., con el propsito de mejorar la legibilidad visual de
textos representados e imgenes.
-Lectores
de
pantalla,
que
emplean
personas
ciegas
para
leer
informacin textual a travs de voz sintetizada o braille.

-Programas de "texto a palabra" (text-to-speech software), que emplean
algunas personas con discapacidades cognitivas o relativas al lenguaje o
al aprendizaje para convertir texto en voz sintetizada.
-Programas de reconocimiento de voz, que emplean personas con
ciertas discapacidades fsicas.
DISPOSITIVOS O HERRAMIENTAS EXTRA (HARDWARE):
-Teclados alternativos, que emplean personas con ciertas discapacidades
para simular un teclado (incluyen teclados alternativos con los que se
emplean switchs, soplidos y otros dispositivos especiales de entrada de
datos);
-Dispositivos de puntero alternativos, que emplean personas con ciertas
discapacidades fsicas para simular el puntero de un ratn y la
activacin de botones.
DISCAPACIDAD VISUAL
Hal, Jaws, Supernova y NVDA son programas parlantes que leen la
pantalla completa o archivos de texto, requieren un sintetizador de voz
para no inhibir las funciones multimedia de la computadora y se puede
elegir el tipo de voz que se desee, si masculino, femenino, de nio, etc.
Pueden reconocer texto, grficos, cuadros de dilogo, conos, botones y
mens, entre otros. Tambin trabajan con las aplicaciones de algunos
sistemas operativos. Unos se venden y otros son gratuitos, algunos se
instalan y otros se pueden ejecutar directamente desde una memoria
USB sin tener que ser instalados. Tambin existe el sistema PC-VOZ, que
es un software parlante desarrollado en Mxico, el cual facilita el acceso,
totalmente por voz, a las diferentes aplicaciones. As se pueden leer en
voz alta documentos, correos electrnicos, pginas de Internet y mucho
ms. Contiene una lupa digital que magnifica la pantalla para personas
con
debilidad
visual
personajes
animados
que
presentan
la
informacin en un globo de texto de forma amigable y accesible para

todas las personas.
Open Book y Screen Reader requieren un scanner con reconocedor
ptico de caracteres OCR capaz de traducir en texto las pginas que se
copien, es decir, convierten un impreso en texto digital para convertirlo
a voz. As mismo, existen programas que permiten la conversin directa
de texto a voz sin el escaneo, utilizando motores de voz gratuitos o con
costo, obviamente con diferente calidad en el audio. Incluso pueden
encontrarse voces que expresen sentimientos.
Lnea Braille es un dispositivo de salida para la lectura en braille del
contenido de la pantalla de la computadora. Se utiliza por personas con
discapacidad visual o con sordo ceguera. Est compuesto de un conjunto
de celdas que, mediante un mecanismo electromecnico que sube o
baja, representa un carcter braille en cada una.
Los teclados braille son dispositivos de entrada. Estn compuestos por
un conjunto de 6 u 8 teclas principales, una tecla de espacio y algunas
auxiliares. Las teclas principales permiten la escritura en braille de 6 u 8
puntos (segn el dispositivo) y su disposicin es la misma que en las
mquinas de escritura braille mecnicas (Mquina Perkins). Cada tecla
se corresponde
con un
punto
del smbolo braille.Otros
equipos
disponibles son las impresoras Braille permiten traducir textos en

caracteres digitales a impresin en Braille y pueden ser manejadas
tambin por las personas ciegas ya que cuentan con un sistema parlante
que indica el estado de la impresora, apagada, encendida con o sin
papel, etc. a travs de un software.
Para personas con debilidad visual pueden utilizarse magnificadores y
lupas digitales. Su funcin consiste principalmente en ampliar de dos a
veinticinco veces el tamao original de los objetos visibles en pantalla

en todas las aplicaciones. Adicionalmente, permite ubicar rpidamente
el objeto deseado en pantalla, mediante sus funciones de modificacin e
inversin de contrastes y permite un mejor acceso a la informacin.
Algunos lectores de pantalla integran ya lupas digitales.
DISCAPACIDAD AUDITIVA
En el caso de la discapacidad auditiva es importante sealar que no se
requieren recursos tecnolgicos para la accesibilidad a los programas de
Office, Internet, Windows ni para algn software interactivo. Sin
embargo, se requiere estar al pendiente de apoyos adicionales tales
como audfonos, implantes, guantes que traducen la voz a lenguaje de
seas, imgenes, videos subtitulados, alarmas visuales, mensajes en
texto y en video adjunto, el uso de tableros de comunicacin, promover
el
uso
de
la
Lengua
de
Seas
Mexicana
(LSM),
estimular
la
diversificacin del vocabulario y las prcticas sociales del lenguaje.

Las computadoras, celulares y tabletas, han sido una ayuda importante
para la educacin de las personas con discapacidad auditiva ya que han
hecho posible el incremento de la disponibilidad de informacin visual, la
motivacin del alumnado hacia las tareas de todo tipo -realizadas a
travs de este recurso-, la mejorara de la competencia de lenguaje y
comunicacin, la posibilidad de la realizacin de tareas repetitivas y la
apertura de una puerta hacia la inclusin y a la autonoma personal en el
aprendizaje y el acceso a la informacin.
En cuanto a otros mbitos como el video, cine, teatro y televisin es
importante tener presentes algunos aspectos para que las personas con
discapacidad
auditiva
puedan
disfrutar
de
estas
tecnologas
de
comunicacin. En este caso, consideramos el tema de los subttulos y

del Sistema Close Caption.
El subtitulado regular se utiliza para entender otro idioma, pero el

subtitulado para personas con discapacidad auditiva se presenta en el
mismo idioma con cdigos de colores para poder acceder y disfrutar de
igual forma del recurso, identificando quin es la persona que est
emitiendo cada dilogo e incluso el nfasis que se da al mensaje por
cada uno de los personajes.
Closed Caption (abreviado CC) significa subttulo oculto o no incrustado,
o bien, subtitulado enriquecido. Est destinado a describir lo que sucede
en la pantalla de forma audible, es decir, msica de fondo, efectos
especiales
de
sonido,
particularidades
de
la
voz,
caractersticas
acsticas de los objetos o personajes, etc. Los subttulos pueden

presentarse de forma individual a travs de las pantallas situadas en el
respaldo del asiento, pantallas de mano e incluso lentes especiales, o en
el caso del televisor, activando la funcin con el control remoto. Tambin
es posible mostrar los subttulos en una pantalla colocada sobre, debajo
o al lado del escenario.
Entre otras tecnologas de apoyo para personas con discapacidad
auditiva, estn las cmaras o webcam, telefona con capacidad de video
llamada para comunicarse con otras personas con el lenguaje de seas,
o por medio de mensajes de texto, despertadores o alarmas, con
adaptaciones que por medio de seales de luces o vibracin, indican o
llaman la atencin a la persona para despertar o recordarle alguna tarea
o asunto programado por la misma.
Por otra parte, en el mbito educativo se han desarrollado materiales
cuya finalidad es dar a conocer o fortalecer el uso de la Lengua de Seas
Mexicana, diversificar el vocabulario o fortalecer las prcticas sociales
del lenguaje.
DISCAPACIDAD INTELECTUAL, AUTISMO Y TDAH
Kids Keyboard.
Kids Keyboard. Teclado de aprendizaje para nios con teclas de gran

tamao y color distinto para nmeros, letras (vocales y consonantes) o
smbolos, para facilitar el aprendizaje de teclear.
Las personas con discapacidad intelectual, autismo o TDAH no requieren
recursos tecnolgicos especficos que apoyen su accesibilidad a las
Tecnologas de Informacin y Comunicacin. Sin embargo, es necesario
seleccionar recursos adecuados a sus caractersticas, es decir, elegir
software con claridad en el lenguaje, gil, dinmico, grfico, con
instrucciones claras, concreto, sencillo, y con diferentes niveles de
dificultad o que permitan la personalizacin de las actividades. La
utilizacin de estos recursos debe estar siempre acompaada de una
planeacin de actividades secuenciadas con un objetivo especfico.
El uso de las TIC ofrece gran variedad de recursos multimedia,
interactividad con los contenidos, retroalimentacin, repeticin de
actividades, representacin grfica de objetos asociados a sonidos, voz o
msica, lo cual se traduce en mayores periodos de atencin.
En este caso, tambin es posible implementar tableros de comunicacin
y equipos especiales diseados para personas con discapacidad, pero
empleados con estrategias de trabajo en pares, estrategias de monitores
de apoyo, o trabajo individual con un objetivo claro, de acuerdo a la
edad y nivel educativo de la persona a quien se dirige, propiciando la
interaccin social, el desarrollo de la comunicacin, la socio-adaptacin,
y el desarrollo de competencias y habilidades para la vida en sociedad.
Hay que organizar las actividades de los alumnos a travs de agendas
de seguimiento y secuenciacin de actividades y portales especiales
para el acceso a la informacin, como el portal ZAC Browser, el primer
navegador web y espacio virtual desarrollado especficamente para
nios con Trastornos del Espectro del Autismo (TEA), tales como el
Sndrome de Asperger, Trastornos generalizados del desarrollo (TGD),

etc.
Browser Gold.
ZAC Browser Gold. Zona de juegos para nios con autismo.
Se utilizan tambin otros recursos como simuladores de realidad virtual
inmersa
no
inmersa
realidad
aumentada,
prototipos
con
instrucciones claras y controlables, expresiones simples y concretas, sin

perder de vista que la comunicacin debe darse acorde a la edad y ritmo
de trabajo. Los recursos incorporan datos multisensoriales (verbal,
visual, escrito o auditivo) y con diferentes recursos multimedia
(cmaras, lentes, micrfonos, video, audio y realidad virtual).
3.2.1 SISTEMAS AUMENTATIVO Y ALTERNATIVOS DE COMUNICACIN
(SAAC)
Los Sistemas de Comunicacin Aumentativa y Alternativa son ayudas y

medios tcnicos distintos del lenguaje hablado (fotografas, pictogramas,
gestos, mmica, lenguaje escrito, Lenguaje de Seas, Braille, etc.). Estn
dirigidos a personas que presentan dificultades en la comunicacin.
Sirven para toda la escala de funciones comunicativas, permiten
comunicarse con todo tipo de interlocutores, son compatibles con otros
aspectos de la vida del individuo, son utilizables con todo tipo de
entornos y situaciones fsicas sin restricciones de temas y permiten
apoyar el desarrollo y crecimiento del individuo.
Para ello se requieren productos de apoyo para la comunicacin, que
incluyen recursos tecnolgicos, como los comunicadores de habla
artificial, computadoras personales, celulares y tabletas con programas
especiales que permiten diferentes formas de acceso adaptadas para
personas con movilidad muy reducida (teclados, ratones y sealadores
adaptados o virtuales). Facilitan tambin la incorporacin de los
diferentes sistemas de signos pictogrficos y el audio en tableros de

comunicacin interactivos. Los productos de apoyo tambin pueden
consistir en recursos no tecnolgicos, como los tableros de comunicacin
y los libros de comunicacin impresos.
Realidad Virtual. Para nios con discapacidad la realidad virtual no es
slo un juego.
Sistemas Alternativos de Comunicacin. Van dirigidos hacia aquellas
personas que no tienen lenguaje oral o se considera que no es posible
que se d a corto o largo plazo, y se necesita encontrar un sistema para
que la persona se comunique. Se refiere a mtodos de comunicacin
usados para reemplazar completamente el habla.
Sistemas Aumentativos de Comunicacin. Son aquellos que han

sido
diseados
para
incrementar
el habla.
No
suprime la
verbalizacin ni el lenguaje oral pero no es suficiente para

establecer una comunicacin satisfactoria. Se refiere a mtodos o
estrategias
usadas
para
complementar
las
formas
de
comunicacin.
SPQR. Aplicacin gratuita en colaboracin entre la Fundacin Orange
y BJ Adaptaciones.
El objetivo principal de los SAAC es proporcionar a la persona un
medio eficaz de comunicacin, motivndolo a la emisin de
mensajes, a la expresin de sus necesidades bsicas, sus estados de
nimo y una opinin acerca de un tema; ello propiciar una mejor
calidad de vida, desarrollando la autonoma personal, favoreciendo la
autoestima, estimulando la diversificacin del vocabulario y las
prcticas sociales del lenguaje.
As mismo se recomienda continuar con estrategias para fortalecer el
lenguaje oral, pues ya mencionamos que estos sistemas no suprimen
la verbalizacin. Por ello tambin se pueden utilizar recursos

tecnolgicos donde se trabajan tono, intensidad de la voz, presencia
o ausencia de sonido, regulacin y modulacin de voz, etc. Algunos
de estos software son: Speech Viewer, Prelingua, Modulador de
3.3 WORLD WIDE WEB CONSORTIUM (W3C)
El World Wide Web Consortium (W3C) es una comunidad internacional donde las Organizaciones
Miembro, el personal a tiempo completo, y la obra pblica en conjunto para desarrollar estndares
Web. Liderados por el inventor Web Tim Berners-Lee y CEO Jeffrey Jaffe, la misin del W3C es
guiar la Web hacia su mximo potencial.
3.3.1 PRINCIPIOS DE DISEO
Los siguientes principios de diseo guan el trabajo del W3C.

WEB PARA TODOS
El valor social que aporta la Web, es que sta hace posible la
comunicacin humana, el comercio y las oportunidades para compartir
conocimiento. Uno de los objetivos principales del W3C es hacer que
estos
beneficios
estn
disponibles
para
todo
el
mundo,
independientemente del hardware, software, infraestructura de red,

idioma, cultura, localizacin geogrfica, o habilidad fsica o mental.
WEB DE TODO
La cantidad de dispositivos diferentes para acceder a la Web ha crecido
exponencialmente.
Actualmente,
los
telfonos
mviles,
telfonos
inteligentes, PDAs, sistemas de televisin interactiva, sistemas de

respuesta de voz, puntos de informacin e incluso algunos pequeos
electrodomsticos
pueden
acceder
la
Web.
WEB PARA LA RICA INTERACCIN

La Web fue creada como una herramienta de comunicacin para permitir
el intercambio de informacin entre todo el mundo y desde cualquier
lugar. Durante muchos aos, para muchas personas la Web fue una
herramienta de "solo lectura". Los blogs y wikis trajeron ms autores a la
Web y las redes sociales emergieron del prspero mercado para crear
contenido y personalizar las experiencias en la Web. Los estndares del
W3C han apoyado esta evolucin gracias a la robusta arquitectura y a
los principios de diseo.
WEB DE DATOS Y SERVICIOS
Algunas personas ven la Web como un repositorio gigante de datos
enlazados mientras otros como un conjunto enorme de servicios que
intercambian mensajes. Ambas vistas son complementarias y los
requisitos de cada aplicacin pueden ser los mejores determinantes para
decidir que aproximacin elegir para solucionar progresivamente los
problemas complejos mediante tecnologa Web.
WEB DE CONFIANZA
La Web ha transformado la forma en que nos comunicamos unos con
otros. Al hacerlo, tambin se ha modificado la naturaleza de nuestras
relaciones sociales. La gente ahora "se renen en la Web" y llevar a cabo
relaciones comerciales y personales, en algunos casos sin siquiera
conocerlo en persona. W3C reconoce que la confianza es un fenmeno
social, pero el diseo de la tecnologa puede fomentar la confianza y la
confianza.
3.4 ACCESIBILIDAD WEB
La accesibilidad Web significa que personas con algn tipo de

discapacidad van a poder hacer uso de la Web. En concreto, al hablar de
accesibilidad Web se est haciendo referencia a un diseo Web que va a
permitir que estas personas puedan percibir, entender, navegar e
interactuar con la Web, aportando a su vez contenidos. La accesibilidad
Web tambin beneficia a otras personas, incluyendo personas de edad
avanzada que han visto mermadas sus habilidad a consecuencia de la

edad.
3.4.1 TERMINOLOGA
"Contenido" Web, normalmente hace referencia a la informacin

contenida en una pgina Web o en una aplicacin Web, incluyendo texto,
imgenes, formularios, sonido, etc. En los documentos WCAG, enlazados
desde Introduccin a las Pautas de Accesibilidad al Contenido en la Web
(WCAG), pueden encontrarse definiciones ms especficas.
Software Web incluye:
Navegadores Web, reproductores multimedia y otros "agentes de
usuario". Para obtener ms informacin, consulte Introduccin a las
Pautas de Accesibilidad para Agentes de Usuario (UAAG).
Herramientas de autor para crear sitios Web. Para obtener ms
informacin, consulte Introduccin a las Pautas de Accesibilidad para
herramienta de autor (ATAG).
Herramientas de evaluacin que determinan si un sitio Web cumple los
estndares y pautas. Para obtener una lista de herramientas de
evaluacin,
visite Herramientas
de
evaluacin,
reparacin
transformacin para accesibilidad de contenido Web.

Algunas veces las personas con discapacidad, para interactuar con la
Web, utilizan software de ayuda denominado tecnologas asistivas.
3.5 PAUTAS DE ACCESIBILIDAD AL CONTENIDO EN LA WEB (WCAG)
3.5.1 PAUTAS WCAG 2.0
PRINCIPIO 1: PERCEPTIBLE
La informacin y los componentes de la interfaz de usuario deben ser

presentados a los usuarios de modo que ellos puedan percibirlos.
PRINCIPIO 2: OPERABLE
Los componentes de la interfaz de usuario y la navegacin deben ser operables.
PRINCIPIO 3: COMPRENSIBLE
La informacin y el manejo de la interfaz de usuario deben ser comprensibles.
PRINCIPIO 4: ROBUSTO
El contenido debe ser suficientemente robusto como para ser

interpretado
de
forma
fiable
por
una
amplia
variedad
de
aplicaciones de usuario, incluyendo las ayudas tcnicas.

3.5.2 CONFORMIDAD
En esta seccin se presentan los requisitos de conformidad con las

WCAG 2.0. Tambin se proporciona informacin acerca de cmo realizar
declaraciones de conformidad, las cuales son opcionales. Finalmente, se
describe el significado de compatible con la accesibilidad, ya que slo se
puede depender de las tecnologas que se usan de un modo compatible
con la accesibilidad para satisfacer la conformidad. En Comprender la
Conformidad se incluye ms informacin acerca del concepto de
compatible con la accesibilidad.
Requisitos de conformidad
Para que una pgina web sea conforme con las WCAG 2.0, deben
satisfacerse todos los requisitos de conformidad siguientes:
1. Nivel de conformidad: Uno de los siguientes niveles de conformidad se
satisface por completo.
Nivel A: Para lograr conformidad con el Nivel A (el mnimo), la pgina
web satisface todos los Criterios de Conformidad del Nivel A, o
proporciona una versin alternativa conforme.
Nivel AA: Para lograr conformidad con el Nivel AA, la pgina web
satisface todos los Criterios de Conformidad de los Niveles A y AA, o se
proporciona una versin alternativa conforme al Nivel AA.
Nivel AAA: Para lograr conformidad con el Nivel AAA, la pgina web
satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA,
o proporciona una versin alternativa conforme al Nivel AAA.
3.6 ANALIZADORES
3.6.1 EXAMINATOR
Es un servicio en lnea para evaluar de modo automtico la accesibilidad

de
una
pgina
web,
usando
como
referencia
algunas
tcnicas
recomendadas por las Pautas de Accesibilidad para el Contenido Web 2.0

(WCAG 2.0).
eXaminator adjudica una puntuacin entre 1 y 10 como un indicador
rpido de la accesibilidad de las pginas y proporciona un informe
detallado de las pruebas realizadas.
La revisin automtica no puede abarcar todos los criterios de
conformidad de las WCAG 2.0.
3.6.1.2 EJEMPLOS DE PGINAS CALIFICADAS
EJEMPLOS
Apple (8.3)
o http://www.apple.com/
o 18/9/2014
Sitio Oficial Avon | Compra Productos de Belleza, cuidado de la piel (2.6)
o http://www.avon.com.co/PRSuite/home_page.page
o 18/9/2014
Horarios, aulas y guas docentes (5.6)
o http://uamfilosofia.com/consulta/
o 17/9/2014
Instituto Tecnolgico de Celaya
Ilustracin 1 Calificacin en Accesibilidad en la pgina del Instituto Tenolgico de

Celaya
3.6.2 TAW
La Fundacin CTIC es un Centro Tecnolgico especializado en tecnologas

de Internet. Somos la sede de la oficina espaola deW3C y es una de las
entidades del consorcio con mayor nmero de investigadores (en los
grupos de accesibilidad, semntica, herramientas y movilidad) adems
de liderar a nivel mundial la iniciativa de e-Government del W3C.
Desde el rea de tecnologa de la Fundacin desarrollamos herramientas
de validacin (como el TAW o el Pista Accesibilidad) y monitorizacin de
la accesibilidad (TAW Monitor) y de trascodificacin de contenidos
(Merkur), siendo referente mundial en validadores de accesibilidad.
Nuestro gran expertise en estandarizacin para la web permite aportar
un elevado valor aadido a empresas e instituciones, dando soporte en
todas las fases de los desarrollos para Internet, desde los momentos
iniciales con creacin de polticas o la seleccin de las plataformas al
acompaamiento en los desarrollos, validando las plantillas o apoyando
la integracin. Colaboramos con la Agencia Espaola de Normalizacin
(AENOR)
en
las
labores
de
certificacin
en
la UNE 139803
monitorizando los portales para asegurar los niveles de accesibilidad y

calidad no degeneren a lo largo de la vida de estos.
3.6.2.1 CMO FUNCIONA TAW?
TAW3 WCAG 1.0 ONLINE
Inicialmente se introduce una direccin URL. El sistema analiza la pgina,

basndose en las Pautas de Accesibilidad al Contenido Web 1.0, y
genera un informe HTML basado en la pgina analizada con informacin
sobre el resultado del anlisis.
El informe se divide en tres partes:
WEB ANALIZADA
La pgina analizada se muestra insertando iconos de alerta sobre los

problemas de accesibilidad encontrados. Estos iconos representan los
tres niveles de prioridad y pueden ser:
Prioridad 1 (color rojo). El texto alternativo es "1.automtico".

Prioridad 2 (color naranja). El texto alternativo es
"2.automtico".
Prioridad 3 (color verde). El texto alternativo es "3.automtico"
Estos problemas son los denominados automticos, aquellos en los que

la herramienta tiene la certeza de que incumplen las pautas (por
ejemplo, una imagen sin texto alternativo).
Asimismo, tambin pueden aparecer los siguientes iconos que indican
los problemas manuales:
Prioridad 1 (color rojo). El texto alternativo es "1.manual".

Prioridad 2 (color naranja). El texto alternativo es "2.manual".
Prioridad 3 (color verde). El texto alternativo es "3.manual".
El nivel de prioridad es el mismo, pero se trata de problemas que

necesitan ser revisados por el desarrollador. Se refiere a problemas de
accesibilidad bajo ciertas condiciones que se deben comprobar (por
ejemplo, la necesidad de una descripcin larga para las imgenes").
RESUMEN
Se muestran los problemas de accesibilidad encontrados, organizados

por prioridad, indicando:
Cdigo del punto de verificacin.

Descripcin del problema.
Nmero de lnea de la pgina analizada.
Etiqueta HTML que genera el problema de accesibilidad.
Una vez finalizada la descripcin de problemas encontrados se resumen:
Tiempo de anlisis...
Total de problemas encontrados en la pgina.
Si se realiz un anlisis con anterioridad de la pgina y desde el mismo

equipo en el que se est realizando ahora, el resultado del anterior.
3.7 METODOLOGA DOM

3.7.1 DEFINICIN
Una de las mayores potencialidades de JavaScript es que puede

manipular cualquier elemento de una pgina web y modificar su
contenido, su tamao, su color, su posicin e incluso hacer aparecer y
desaparecer elementos. Para hacer esto posible necesitamos identificar
con precisin cada elemento de una pgina web para poder indicarle a
JavaScript sobre qu elemento debe operar.
Para permitir que los lenguajes de programacin pudieran extraer

informacin o manipular cualquier elemento de una pgina web era
necesario definir de alguna manera qu tipos de elementos conforman
una pgina web, cmo nombrarlos y cmo se relacionan entre s.
Inicialmente esto resultaba bastante problemtico, ya que no exista un
estndar o especificacin oficial sobre cmo deba realizarse esto.
Para evitar los problemas de falta de estandarizacin, el organismo
internacional W3C defini un estndar denominado DOM Document
Object Model (Modelo de objetos para representar documentos) que
define qu elementos se considera que conforman una pgina web,
cmo se nombran, cmo se relacionan entre s, cmo se puede acceder
a ellos, etc.
3.7.2 VERSIONES DE DOM
El W3C trabaja continuamente para mejorar el DOM, corrigiendo errores

e
incorporando
especificacin
nuevas
o
funcionalidades.
recomendacin
oficial
Antes
se
de
llegar
trabajan
una
numerosos
borradores que son sometidos a revisin y correccin. Cuando se

alcanza un relativo grado de acuerdo entre los miembros del W3C se
libera lo que se denomina una recomendacin oficial de DOM versin a
modo de propuesta para su uso y aplicacin por todas las empresas,
instituciones y personas.
Las versiones de DOM a lo largo de la historia han sido:
a.
b.
c.
d.
Dom
Dom
Dom
Dom
Level 1: publicada en 1998.

Level 4: se esperaba como recomendacin oficial en
2016.
3.7.3 REPRESENTACIN DOM DE UNA PGINA WEB
En la representacin de un documento basada en DOM, cada unidad de

informacin , ya sea desde el documento entero al texto de un
elemento, est representada por un objeto de una clase que implementa
a Nodo que podr ser de los siguientes tipos:
a)
b)
c)
d)
e)
f)
g)
h)
i)
j)
k)
l)
Document : Raiz del documento, representa el documento entero

DocumentFragment : Es un objeto Document ligero
DocumentType : Identifica el tipo de documento (doctype)
EntityReference : Para insertar una referencia a una entidad
Element : Elemento del documento como <br />, <input /> ...
Attr : Atributo del elemento
ProcessingInstruction : Instruccin para la capa controlador
Comment : Comentario, por ejemplo entre 
Text : Dato de texto del elemento o atributo
CDATASection : Implementacin de Text
Entity : Representa una entidad a un nodo
Notation : Referencia a una notacin en la definicin de tipos
3.8 LENGUAJE UNIFICADO DE MODELADO
Es un lenguaje para especificar, construir, visualizar y documentar los

artefactos de un sistema de software orientado a objetos (OO). Un
artefacto es una informacin que es utilizada o producida mediante un
proceso de desarrollo de software.
Se quiere convertir en un lenguaje estndar con el que sea posible
modelar
todos
los
componentes
del
proceso
de
desarrollo
de
aplicaciones. Sin embargo, hay que tener en cuenta un aspecto

importante del modelo: no pretende definir un modelo estndar de
desarrollo, sino nicamente un lenguaje de modelado. Otros mtodos de
modelaje como OMT (Object Modeling Technique) o Booch s definen
procesos concretos. En UML los procesos de desarrollo son diferentes
segn los distintos dominios de trabajo; no puede ser el mismo el
proceso para crear una aplicacin en tiempo real, que el proceso de
desarrollo de una aplicacin orientada a gestin, por poner un ejemplo.
Las diferencias son muy marcadas y afectan a todas las fases del
proceso. El mtodo del UML recomienda utilizar los procesos que otras
metodologas tienen definidos.
3.8.1 OBJETIVOS DE UML
Objetivos principales de la consecucin de un nuevo mtodo que aunara

los mejores aspectos de sus predecesores, sus protagonistas se
propusieron lo siguiente:
El mtodo deba ser capaz de modelar no slo sistemas de

software sino otro tipo de sistemas reales de la empresa, siempre
utilizando los conceptos de la orientacin a objetos (OO).

Crear un lenguaje para modelado utilizable a la vez por mquinas
y por personas.
Establecer un acoplamiento explcito de los conceptos y los
artefactos ejecutables.
Manejar los problemas tpicos de los sistemas complejos de misin
crtica.
Lo que se intenta es lograr con esto que los lenguajes que se aplican
siguiendo los mtodos ms utilizados sigan evolucionando en conjunto y
no por separado. Y adems, unificar las perspectivas entre diferentes
tipos de sistemas (no slo software, sino tambin en el mbito de los
negocios), al aclarar las fases de desarrollo, los requerimientos de
anlisis, el diseo, la implementacin y los conceptos internos de la OO.
3.8.2 MODELADO DE OBJETOS
En la especificacin del UML podemos comprobar que una de las partes

que lo componen es un metamodelo formal. Un metamodelo es un
modelo que define el lenguaje para expresar otros modelos. Un modelo
en OO es una abstraccin cerrada semnticamente de un sistema y un
sistema es una coleccin de unidades conectadas que son organizadas

para realizar un propsito especfico. Un sistema puede ser descripto por
uno o ms modelos, posiblemente desde distintos puntos de vista.
Una parte del UML define, entonces, una abstraccin con significado de
un lenguaje para expresar otros modelos (es decir, otras abstracciones
de un sistema, o conjunto de unidades conectadas que se organizan
para conseguir un propsito). Lo que en principio puede parecer
complicado no lo es tanto si pensamos que uno de los objetivos del UML
es llegar a convertirse en una manera de definir modelos, no slo
establecer una forma de modelo, de esta forma simplemente estamos
diciendo que UML, adems, define un lenguaje con el que podemos
abstraer cualquier tipo de modelo.
El UML es una tcnica de modelado de objetos y como tal supone una
abstraccin de un sistema para llegar a construirlo en trminos
concretos. El modelado no es ms que la construccin de un modelo a
partir de una especificacin.
Un modelo es una abstraccin de algo, que se elabora para comprender
ese algo antes de construirlo. El modelo omite detalles que no resultan
esenciales para la comprensin del original y por lo tanto facilita dicha
comprensin.
3.8.2.1 ELEMENTOS PARA EL DESARROLLO DE PROYECTOS
En UML se especifican en forma de diagramas, stos, junto con la

documentacin sobre el sistema constituyen los artefactos principales
que el modelador puede observar.
Se necesita ms de un punto de vista para llegar a representar un
sistema. UML utiliza los diagramas grficos para obtener estos distintos
puntos de vista de un sistema:
Diagramas de Implementacin.
Diagramas de Comportamiento o Interaccin.

Diagramas de Casos de uso.
Diagramas de Clases.
Ejemplo de algunos de los diagramas que utiliza UML.

DIAGRAMAS DE IMPLEMENTACIN
Se derivan de los diagramas de proceso y mdulos de la metodologa de
Booch, aunque presentan algunas modificaciones. Los diagramas de
implementacin muestran los aspectos fsicos del sistema. Incluyen la
estructura del cdigo fuente y la implementacin, en tiempo de
implementacin. Existen dos tipos:
DIAGRAMAS DE COMPONENTES
Muestra la dependencia entre los distintos componentes de software,
incluyendo componentes de cdigo fuente, binario y ejecutable. Un
componente es un fragmento de cdigo software (un fuente, binario o
ejecutable) que se utiliza para mostrar dependencias en tiempo de
compilacin.
DIAGRAMA DE PLATAFORMAS DESPLIEGUE
Muestra la configuracin de los componentes hardware, los procesos, los
elementos de procesamiento en tiempo de ejecucin y los objetos que
existen en tiempo de ejecucin. En este tipo de diagramas intervienen
nodos, asociaciones de comunicacin, componentes dentro de los nodos
y objetos que se encuentran a su vez dentro de los componentes. Un
nodo es un objeto fsico en tiempo de ejecucin, es decir una mquina
que se compone habitualmente de, por lo menos, memoria y capacidad
de
procesamiento,
componentes.
su
vez
puede
estar
formado
por
otros
DIAGRAMAS DE INTERACCIN O COMPORTAMIENTO

Muestran las interacciones entre objetos ocurridas en un escenario
(parte) del sistema. Hay varios tipos:
Diagrama
Diagrama
Diagrama
Diagrama
de
de
de
de
secuencia.
colaboracin.
estado.
actividad.
DIAGRAMA DE SECUENCIA
Muestran las interacciones entre un conjunto de objetos, ordenadas
segn el tiempo en que tienen lugar. En los diagramas de este tipo
intervienen objetos, que tienen un significado parecido al de los objetos
representados en los diagramas de colaboracin, es decir son instancias
concretas de una clase que participa en la interaccin. El objeto puede
existir slo durante la ejecucin de la interaccin, se puede crear o
puede ser destruido durante la ejecucin de la interaccin. Un diagrama
de secuencia representa una forma de indicar el perodo durante el que
un objeto est desarrollando una accin directamente o a travs de un
procedimiento.
En este tipo de diagramas tambin intervienen los mensajes, que son la
forma en que se comunican los objetos: el objeto origen solicita (llama a)
una operacin del objeto destino. Existen distintos tipos de mensajes
segn cmo se producen en el tiempo: simples, sncronos, y asncronos.
Los diagramas de secuencia permiten indicar cul es el momento en el
que se enva o se completa un mensaje mediante el tiempo de
transicin, que se especifica en el diagrama.
DIAGRAMA DE COLABORACIN
Muestra la interaccin entre varios objetos y los enlaces que existen
entre ellos. Representa las interacciones entre objetos organizadas
alrededor de los objetos y sus vinculaciones. A diferencia de un

diagrama de secuencias, un diagrama de colaboraciones muestra las
relaciones entre los objetos, no la secuencia en el tiempo en que se
producen los mensajes. Los diagramas de secuencias y los diagramas de
colaboraciones expresan informacin similar, pero en una forma
diferente. Formando parte de los diagramas de colaboracin nos
encontramos con objetos, enlaces y mensajes. Un objeto es una
instancia de una clase que participa como una interaccin, existen
objetos simples y complejos. Un objeto es activo si posee un thread o
hilo de control y es capaz de iniciar la actividad de control, mientras que
un objeto es pasivo si mantiene datos pero no inicia la actividad.
Un enlace es una instancia de una asociacin que conecta dos objetos
de un diagrama de colaboracin. El enlace puede ser reflexivo si conecta
a un elemento consigo mismo. La existencia de un enlace entre dos
objetos indica que puede existir un intercambio de mensajes entre los
objetos conectados.
Los diagramas de interaccin indican el flujo de mensajes entre

elementos del modelo, el flujo de mensajes representa el envo de un
mensaje desde un objeto a otro si entre ellos existe un enlace. Los
mensajes que se envan entre objetos pueden ser de distintos tipos,
tambin segn como se producen en el tiempo; existen mensajes
simples, sincrnicos, balking, timeout y asncronos. Durante la ejecucin
de un diagrama de colaboracin se crean y destruyen objetos y enlaces.
DIAGRAMAS DE ACTIVIDAD
Son similares a los diagramas de flujo de otras metodologas OO. En
realidad se corresponden con un caso especial de los diagramas de
estado donde los estados son estados de accin (estados con una accin
interna y una o ms transiciones que suceden al finalizar esta accin, o

lo que es lo mismo, un paso en la ejecucin de lo que ser un
procedimiento) y las transiciones vienen provocadas por la finalizacin
de las acciones que tienen lugar en los estados de origen. Siempre van
unidos a una clase o a la implementacin de un caso de uso o de un
mtodo (que tiene el mismo significado que en cualquier otra
metodologa OO). Los diagramas de actividad se utilizan para mostrar el
flujo de operaciones que se desencadenan en un procedimiento interno
del sistema.
DIAGRAMAS DE ESTADO
Representan la secuencia de estados por los que un objeto o una
interaccin entre objetos pasa durante su tiempo de vida en respuesta a
estmulos (eventos) recibidos. Representa lo que podemos denominar en
conjunto una mquina de estados. Un estado en UML es cuando un
objeto o una interaccin satisfacen una condicin, desarrolla alguna
accin o se encuentra esperando un evento.
Cuando un objeto o una interaccin pasa de un estado a otro por la
ocurrencia de un evento se dice que ha sufrido una transicin, existen
varios tipos de transiciones entre objetos: simples (normales
reflexivas) y complejas. Adems una transicin puede ser interna si el

estado del que parte el objeto o interaccin es el mismo que al que
llega, no se provoca un cambio de estado y se representan dentro del
estado, no de la transicin. Como en todas las metodologas OO se
envan mensajes, en este caso es la accin de la que puede enviar
mensajes a uno o varios objetos destino
DIAGRAMAS DE CASOS DE USO
Unos casos de uso es una secuencia de transacciones que son
desarrolladas por un sistema en respuesta a un evento que inicia un
actor sobre el propio sistema. Los diagramas de casos de uso sirven para
especificar la funcionalidad y el comportamiento de un sistema
mediante su interaccin con los usuarios y/o otros sistemas. O lo que es
igual, un diagrama que muestra la relacin entre los actores y los casos
de uso en un sistema. Una relacin es una conexin entre los elementos
del modelo, por ejemplo la relacin y la generalizacin son relaciones.
Los
diagramas
de
casos
de
uso
se
utilizan
para
ilustrar
los
requerimientos del sistema al mostrar cmo reacciona una respuesta a

eventos que se producen en el mismo. En este tipo de diagrama
intervienen algunos conceptos nuevos: un actor es una entidad externa
al sistema que se modela y que puede interactuar con l; un ejemplo de
actor podra ser un usuario o cualquier otro sistema. Las relaciones entre
casos de uso y actores pueden ser las siguientes:
Un actor se comunica con un caso de uso.

Un caso de uso extiende otro caso de uso.
Un caso de uso usa otro caso de uso.
DIAGRAMAS DE CLASES
Los diagramas de clases representan un conjunto de elementos del
modelo que son estticos, como las clases y los tipos, sus contenidos y
las relaciones que se establecen entre ellos. Algunos de los elementos
que se pueden clasificar como estticos son los siguientes:
Paquete: Es el mecanismo de que dispone UML para organizar sus
elementos en grupos, se representa un grupo de elementos del modelo.
Un sistema es un nico paquete que contiene el resto del sistema, por lo
tanto, un paquete debe poder anidarse, permitindose que un paquete
contenga otro paquete.
Clases: Una clase representa un conjunto de objetos que tienen una

estructura, un comportamiento y unas relaciones con propiedades
parecidas. Describe un conjunto de objetos que comparte los mismos
atributos, operaciones, mtodos, relaciones y significado. En UML una
clase es una implementacin de un tipo. Los componentes de una clase
son:
Atributo. Se corresponde con las propiedades de una clase o un tipo. Se
identifica mediante un nombre. Existen atributos simples y complejos.
Operacin.
Tambin
conocido
como
mtodo,
es
un
servicio
proporcionado por la clase que puede ser solicitado por otras clases y
que produce un comportamiento en ellas cuando se realiza.
Las clases pueden tener varios parmetros formales, son las clases
denominadas plantillas. Sus atributos y operaciones vendrn definidas
segn
sus
parmetros
formales.
Las
plantillas
pueden
tener
especificados los valores reales para los parmetros formales, entonces

reciben el nombre de clase parametrizada instanciada. Se puede usar en
cualquier lugar en el que se podra aparecer su plantilla.
Relacionando con las clases nos encontramos con el trmino utilidad,
que se corresponde con una agrupacin de variables y procedimientos
globales en forma de declaracin de clase, tambin puede definirse
como un estereotipo (o nueva clase generada a partir de otra ya
existente) de un tipo que agrupa variables globales y procedimientos en
una declaracin de clase. Los atributos y operaciones que se agrupan en
una utilidad se convierten en variables y operaciones globales. Una
utilidad no es fundamental para el modelado, pero puede ser
conveniente durante la programacin.
Metaclase: Es una clase cuyas instancias son clases. Sirven como

depsito
para
mantener
las
variables
de
clase
proporcionan
operaciones (mtodo de clase) para inicializar estas variables. Se utilizan

para construir metamodelos (modelos que se utilizan para definir otros
modelos).
Tipos: Es un descriptor de objetos que tiene un estado abstracto y
especificaciones de operaciones pero no su implementacin. Un tipo
establece una especificacin de comportamiento para las clases.
Interfaz: Representa el uso de un tipo para describir el comportamiento
visible externamente de cualquier elemento del modelo.
Relacin entre clases: Las clases se relacionan entre s de distintas
formas, que marcan los tipos de relaciones existentes:
Asociacin:
Es una relacin que describe un conjunto de vnculos entre clases.
Pueden ser binarias o n-arias, segn se implican a dos clases o ms. Las
relaciones de asociacin vienen identificadas por los roles, que son los
nombres que indican el comportamiento que tienen los tipos o las
clases, en el caso del rol de asociacin (existen otros tipos de roles
segn la relacin a la que identifiquen). Indican la informacin ms
importante de las asociaciones. Es posible indicar el nmero de
instancias de una clase que participan en una relacin mediante la
llamada multiplicidad. Cuando la multiplicidad de un rol es mayor que 1,
el conjunto de elementos que se relacionan puede estar ordenado. Las
relaciones de asociacin permiten especificar qu objetos van a estar
asociados con otro objeto mediante un calificador. El calificador es un
atributo o conjunto de atributos de una asociacin que determina los
valores que indican cuales son los valores que se asociarn.
Una asociacin se dirige desde una clase a otra (o un objeto a otro), el

concepto de navegabilidad se refiere al sentido en el que se recorre la
asociacin.
Existe una forma especial de asociacin, la agregacin, que especifica
una relacin entre las clases donde el llamado "agregado" indica l todo
y el "componente" es una parte del mismo.
Composicin:
Es un tipo de agregacin donde la relacin de posesin es tan fuerte
como para marcar otro tipo de relacin. Las clases en UML tienen un
tiempo de vida determinado, en las relaciones de composicin, el tiempo
de vida de la clase que es parte del todo (o agregado) viene
determinado por el tiempo de vida de la clase que representa el todo,
por tanto es equivalente a un atributo, aunque no lo es porque es una
clase y puede funcionar como tal en otros casos.
Generalizacin:
Cuando se establece una relacin de este tipo entre dos clases, una es
una Superclase y la otra es una Subclase. La subclase comparte la
estructura y el comportamiento de la superclase. Puede haber ms de
una clase que se comporte como subclase.
Dependencia: Una relacin de dependencia se establece entre clases (u
objetos) cuando un cambio en el elemento independiente del modelo
puede requerir un cambio en el elemento dependiente.
DESARROLLO
UML no define un proceso concreto que determine las fases de
desarrollo de un sistema, las empresas pueden utilizar UML como el
lenguaje para definir sus propios procesos y lo nico que tendrn en
comn con otras organizaciones que utilicen UML sern los tipos de
diagramas.
UML es un mtodo independiente del proceso. Los procesos de
desarrollo deben ser definidos dentro del contexto donde se van a
implementar los sistemas.
3.8.3 HERRAMIENTAS CASE

3.8.3.1 CLASIFICACIN
TOOLKIT: es una coleccin de herramientas integradas que permiten

automatizar un conjunto de tareas de algunas de las fases del ciclo de
vida del sistema informtico: Planificacin estratgica, Anlisis, Diseo,
Generacin de programas.
WORKBENCH: Son conjuntos integrados de herramientas que dan
soporte a la automatizacin del proceso completo de desarrollo del
sistema informtico. Permiten cubrir el ciclo de vida completo. El
producto final aportado por ellas es un sistema en cdigo ejecutable y su
documentacin.
Una segunda clasificacin es teniendo en cuenta las fases (y/o tareas)
del ciclo de vida que automatizan:
UPPER CASE: Planificacin estratgica, Requerimientos de Desarrollo
Funcional de Planes Corporativos.
MIDDLE CASE: Anlisis y Diseo.
LOWER CASE: Generacin de cdigo, test e implantacin
EJEMPLOS
Rational Rose
Es la herramienta CASE que comercializan los desarrolladores de UML y

que soporta de forma completa la especificacin del UML 1.1. Esta
herramienta propone la utilizacin de cuatro tipos de modelo para
realizar un diseo del sistema, utilizando una vista esttica y otra
dinmica de los modelos del sistema, uno lgico y otro fsico. Permite
crear y refinar estas vistas creando de esta forma un modelo completo
que representa el dominio del problema y el sistema de software.
ERwin
PLATINUM ERwin es una herramienta de diseo de base de datos. Brinda
productividad en diseo, generacin, y mantenimiento de aplicaciones.
Desde un modelo lgico de los requerimientos de informacin, hasta el
modelo fsico perfeccionado para las caractersticas especficas de la
base de datos diseada, ERwin permite visualizar la estructura, los
elementos importantes, y optimizar el diseo de la base de datos.
Genera automticamente las tablas y miles de lneas de stored
procedure y triggers para los principales tipos de base de datos.
EasyCASE
EasyCASE
Profesional,
el
centro
de
productos
para
procesos,
modelamiento de datos y eventos, e Ingeniera de Base de Datos, es un

producto para la generacin de esquemas de base de datos e ingeniera
reversa, trabaja para proveer una solucin comprensible para el diseo,
consistencia y documentacin del sistema en conjunto.
PowerDesigner
PowerDesigner es una suite de aplicaciones de Powersoft para la
construccin, diseo y modelado de datos a travs de diversas
aplicaciones. Es la herramienta para el anlisis, diseo inteligente y
construccin slida de una base de datos y un desarrollo orientado a
modelos de datos a nivel fsico y conceptual, que dan a los
desarrolladores de aplicaciones Cliente/Servidor la ms firme base para

aplicaciones de alto rendimiento.
System Architect
System Architect posee un repositorio nico que integra todas las
herramientas, y metodologas usadas. En la elaboracin de los
diagramas, el System Architect conecta directamente al diccionario de
datos, los elementos asociados, comentarios,reglas de validaciones,
normalizacin, etc. Posee control automtico de diagramas y datos,
normalizaciones y balanceo entre diagramas "Padre e Hijo", adems de
balanceo horizontal, que trabaja integrado con el diccionario de datos,
asegurando la compatibilidad entre el Modelo de Datos y el Modelo
Funcional.
4. DESARROLLO
4.1 DISEO
El proyecto en su fase de diseo implementa el uso de diagramas UML

(Lenguaje Unificado de Modelado), a continuacin se presentan los
diagramas realizados.
4.1.1 REGISTRO DE USUARIO
Ilustracin 2 Diagrama de Casos de Uso Registro de Usuario
4.1.2 DIAGRAMA DE CASOS DE USO PARA EL SISTEMA DE CITAS
Ilustracin 3 Diagrama de Casos de Uso para el Sistema de Citas
4.1.3 DIAGRAMA DE SECUENCIA PARA NAVEGAR POR LA PGINA
Ilustracin 4 Diagrama de Secuencia para la Navegacin en el sitio

4.1.4 DIAGRAMA DE SECUENCIA PARA NAVEGAR POR LA PGINA
Index. html
Quines
somos
Galera
Citas
Contacto
Noticias
Misin
Salas
Loguearse
Ubicacin
Actividades
recientes
Visin
Habitacione
s
Ver
disponibilid
ad
Telfono
Artculos
semanales
Valores
Cafetera
Agendar
cita
Correo
Electrnico
Salir
Ilustracin 5 Mapa del Sitio
4.1.5 DIAGRAMA DE CASOS DE USO PARA EL SISTEMA DE CITAS
4.2 DISEO DE BASE DE DATOS

En el proyecto el sistema gestor de base de datos utilizado es MySQL en la distribucin
PhpMyadmin de Xampp. La base de datos, llamada SAC_BD, con un cotejamiento
utf8_spanish_ci 1y consta de 6 tablas en las que se almacenan los distintos datos
necesarios para el sistema, a continuacin su descripcin 2.
1 Formato de codificacin de caracteres Unicode e ISO 10646 de smbolos de longitud

variable que permite el uso de grafas latinas como la letra y los acentos.
2 Ver Anexo C de codificacin de la Base de Datos en el lenguaje sql.

51
4.2.1 TABLA DISCAPACIDAD

Tabla que almacena la informacin sobre las distintas discapacidades que puede
padecer un paciente, de manera simple y mediante una clasificacin no detallada.
4.2.1.1 CAMPOS
La tabla discapacidad, cuenta con 3 campos de identificacin, los cuales son:
idDis: Campo de tipo char de longitud 3 caracteres que funge como llave
primaria de la tabla discapacidad
Tipo: Campo de tipo varchar de longitud mxima de 30 caracteres que
almacena el nombre con que se identifica el tipo de discapacidad.
Descripcin: Campo de tipo varchar de longitud mxima de 100 caracteres que
almacena una breve descripcin del tipo de discapacidad.
4.2.2 TABLA ESPECIALIDAD

La tabla Especialidad almacena los datos acerca de las especialidades mdicas
disponibles para el servicio de citas.
4.2.2.1 CAMPOS
idEsp: Campo de tipo varchar de longitud mxima de 5 caracteres que funge

como llave primaria de la tabla especialidad.
Nombre: Campo que contiene el nombre de identificacin de la especialidad.
Descripcin: Campo que contiene la descripcin de la especialidad.
52
Ilustracin 6 Esquema Relacional de la Base de Datos Sac_bd
4.3 PGINAS Y DOCUMENTOS

A continuacin se presenta una breve descripcin de cada uno de los documentos de
tipo html, php, JavaScript y CSS que forman parte del Sistema Accesible de Citas SAC 3.
4.3.1 DOCUMENTOS JAVASCRIPT

Los documentos JavaScript en ste desarrollo son 2 y permiten ejecutar funciones tanto
de vista, como de manejo de variables y animacin, enseguida las descripcin de estos
documentos.
4.3.1.1 AJAXVISTA.JS
Este documento contiene funciones que permiten efectuar la animacin del banner de
inicio, la carga de distintas pginas dentro de una misma sin utilizar una etiqueta
iframe, la validacin del registro y una funcin Ajax que permite cargar una imagen
mientras se carga en contenido de la pgina.
3 Ver cdigo documentado en el Anexo B Cdigo

53
4.3.1.2 VIEW.JS
Documento que permite la manipulacin del formulario para hacer una cita y que
provee de las pistas para el llenado del mismo.
4.3.2 DOCUMENTO CSS

El documento que contiene las hojas de estilo en cascada aplicables a todo el sitio es el
llamado Estilo.css y contiene adems la paleta de colores utilizada, las fuentes y
tipografa, efectos propios de html5 y otros ms de los navegadores comnmente
usados.
4.3.3 DOCUMENTOS DE SESIN

Los documentos de sesin, como su nombre lo dice, son aquellos que permiten en el
sistema validar el inicio de sesin de un usuario, adems almacenan informacin
importante para el resto de los procesos dentro del mismo.
4.3.3.1 SESIN.PHP
Tiene como funcin el proporcionar una interfaz donde el usuario deber introducir sus
datos, es decir, usuario y contrasea, dentro de un formulario, que al enviar los datos
permite acceder al sistema de citas y agendar la visita del paciente, en caso de no
encontrarse registrado muestra un mensaje de error.
4.3.3.2 VALIDAR.PHP
sta seccin de cdigo permite hacer la conexin con la base de datos para verificar
que los datos que ha ingresado el usuario coinciden y posteriormente realizar su cita.
4.3.3.3 ADVERTENCIA.HTML
Este archivo se encarga de sugerir al usuario solicitar darse de alta con el
administrador en caso de que no tenga una cuenta.
4.3.3.4 CIERRE.PHP
La funcin de este archivo es cerrar la sesin y destruir los datos que se han registrado
durante sta y liberarlo para no ocasionar conflicto en caso de abrir nuevamente
sesin.
4.3.4 DOCUMENTOS DE VISUALIZACIN

4.3.4.1 MUESTRAMEDICOS2.PHP
Este archivo tiene como funcin la creacin de una lista desplegable que nos muestre
el contenido de una consulta que se dise para extraer las especialidades de los
54
mdicos y de esta manera solo mostrar la informacin concreta de la especialidad que

nos interesa.
Despus de que esta consulta nos arroja un resultado del conjunto de especialidades
de mdicos que se encuentran en el sistema de citas, entra en juego otra consulta
ms, el objetivo de esta es que habiendo recibido la seleccin de la especialidad
obtenida anteriormente genera una tabla, la cual tiene por contenido el nombre,
cedula, informacin y fotografa de todos los mdicos del sistema que tienen esa
especialidad, todo esto se muestra en tuplas para la mayor comodidad y distribucin
de la informacin.
4.4 PRUEBAS
4.4.1 SELECCIN DE COLORES
Para las personas con discapacidad visual, en especfico la ceguera a ciertos colores
(daltonismo) como: deutanopa, protanopa y tritanopa, requieren de un trato especial
en cuanto a los colores que se manejan en la interfaz de manera que debe existir la
menor variabilidad en cuanto al brillo y contraste en la colorimetra del sitio.
Para auxiliarnos en la seleccin de colores, utilizamos la herramienta Accessibility Color
Wheel, una herramienta que ayuda a elegir un par de colores para escribir una pgina
web. En funcin de la accesibilidad del texto y el color de fondo de un sitio que debe
ser fcilmente legible para las personas que no tienen una visin perfecta.
Esta herramienta ayuda a mejorar la accesibilidad del sitio analizando el contraste de
un par de colores y mostrando cmo la gente ciega de color ve y calificando si se
trata de una combinacin apta o no.
Ilustracin 7Interfaz de Heramienta Accessibility Color Wheel
PALETA DE COLORES
La paleta de colores elegidos oscilan entre distintos tonos de azul y gris y agregando
blanco y negro como colores neutros.
55
Ilustracin
Cdigo Hexadecimal
#EEEFF0
#D8D8D8
#FEFEFE
#718CBA
#333333
# 6C7A93
#B8B8B8
#71B1DC
#414141
#6F6F6F
8.Paleta de Colores Utilizada
4.4.1.1 PRUEBAS DE COLOR

Para el elemento banner de inicio los colores son, fondo #465674 y texto #eeeff0. Al
utilizar la herramienta Accessibility Color Wheel nuestra combinacin de colores fue
aprobada.
Ilustracin 9 Banner de Inicio
56
Calificacin:
Ilustracin 10 Prueba de Color Banner de Inicio-Aprobada.

Los tres tipos de ceguera de color ven de manera similar el banner de inicio.
4.4.2 PRUEBAS DE ACCESIBILIDAD COGNITIVA

4.4.2.1 PRUEBA DE FOTOSENSIBILIDAD EPILPTICA
Para las personas propensas a ataques epilpticos es indispensable no exponerse a
cambios bruscos de luminosidad, como lo son algunos efectos utilizados en videos y
animaciones dentro de las pginas web.
SAC slo posee una animacin como parte de la interfaz, incluida en pgina principal
en el banner de inicio, en ella se muestran fotografas de mdicos que hacen alusin al
hospital.
Utilizamos la herramienta PEAT (Photosensitive epilepsy analysis tool) que por medio
de una captura de pantalla puede analizar y dar el veredicto de si una animacin es o
no propensa a generar ataques epilpticos.
57
Ilustracin 11 Resultado de la prueba de foto sensibilidad epilptica
58
5. RECOMENDACIONES
59
6. FUENTES
Acerca de W3C,extraido de http://www.w3.org/Consortium/ el 17 de Septiembre de
2014
Definicin de Web, extrado de http://lema.rae.es/drae/?val=Web el 17 de septiembre
de 2014
Polo, Luciano (2003). World Wide Web Technology Architecture: A Conceptual Analysis
Gua
Breve
de
Accesibilidad
Web,
extrado
http://w3c.es/Divulgacion/GuiasBreves/Accesibilidad el 17 de Septiembre de 2014.
de
Organizacin
Mundial
de
la
Salud,
extrado
http://www.who.int/mediacentre/factsheets/fs352/es/ el 17 de septiembre de 2014
de
CIF,
extrado
de
http://www.paho.org/hq/index.php?
option=com_content&view=category&layout=blog&id=2642&Itemid=2561&lang=es
el 17 de Septiembre de 2014
Web Accesible, extrado de http://www.w3c.es/Traducciones/es/WAI/intro/accessibility el
17 de septiembre de 2014
Pautas
de
Accesibilidad
de
la
Web,
extrado
http://www.sidar.org/traducciones/wcag20/es/ el 8 de Octubre de 2014.
de
TAW, extrado de http://www.tawdis.net/index.html?lang=es el 8 de octubre de 2014

Luna Kano ,Mara del Rosario . TIC y discapacidad,RDU, Revista Digital Universitaria,
extrado de http://www.revista.unam.mx/vol.14/num12/art53/ el 18 de Noviembre de
2014
60

Proyecto Investigacion SAC

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Proyecto Investigacion SAC

Cargado por

Copyright:

Formatos disponibles

Instituto Tecnolgico de Celaya

3.7 METODOLOGA DOM........................................................................................... 27

En el ltimo censo realizado en Mxico, correspondiente al ao 2010,

decir el 15 por ciento de la poblacin en todo el mundo, vive con alguna

Para muchas personas, las Tecnologas de la Informacin y Comunicacin

accesibilidad en Amrica Latina. De la misma manera, Espaa se

sitios con poca difusin por lo que no se ha convertido en una prioridad

pueda navegar sin

La discapacidad forma parte de la condicin humana: casi todas las

participacin econmica y unas tasas de pobreza ms altas que las

La implementacin de una pgina web para la administracin de citas

Realizar un desarrollo web de apoyo a las personas que reciben servicio

Realizar un sitio Web con un nivel de conformidad AA de la WCAG 2.0.

de estos servicios a pesar representar una quita parte de la poblacin

El uso de estndares para la implementacin de este desarrollo web

Proporcionar a personas ciegas o con baja visin que utilizan

Permitir la utilizacin de las herramientas de Internet por parte de

Dar acceso a personas con discapacidades motrices que no

Tambin presenta avances para aquellos usuarios con

o Para usuarios inexpertos o que presentan inseguridad frente

La Clasificacin Internacional del Funcionamiento de la Discapacidad y

Por consiguiente, la discapacidad es un fenmeno complejo que refleja

3.1.1 CLASIFICACIN DE LAS DISCAPACIDADES

El Instituto Nacional de Estadstica, Geografa e Informtica de Mxico

Discapacidades sensoriales y de la comunicacin

El segundo nivel de la clasificacin corresponde a los subgrupos, cuya

Grupo 1 Discapacidades sensoriales y de la comunicacin

comprensin del lenguaje

discapacidad pueden aparecer varias descripciones. En algunos casos se

Este grupo comprende las discapacidades relacionadas, como su nombre

Discapacidades de la comunicacin y comprensin del lenguaje e

Incluye las descripciones que se refieren a la prdida total de la visin, a

Comprende las descripciones que se relacionan con la prdida total de la

debilidad auditiva (personas que slo escuchan sonidos de alta

Discapacidades para hablar (mudez) se refiere exclusivamente a la

Comprende a las personas que presentan discapacidades para caminar,

discapacidades motrices de las extremidades superiores, es decir,

3.1.1.3 DISCAPACIDADES MENTALES

En este grupo se incluye a las personas que presentan discapacidades

Este subgrupo comprende las discapacidades intelectuales que se

En este subgrupo estn comprendidas las discapacidades de moderadas

interpretacin y respuesta inadecuada a acontecimientos externos. Por

interpretar como amenazante una inocente llamada telefnica que un

esquizofrnicas, o las que comnmente se denominan locas), y las

Las personas con discapacidad tropiezan con una gran variedad de

3.2 DISPOSITIVOS DE TRADUCCIN E INTERACCIN

requiere de una entrada que depende del trayecto de los movimientos

proporciona una alternativa para contenido multimedia dependiente del

DISPOSITIVOS O HERRAMIENTAS EXTRA (SOFTWARE):

informacin textual a travs de voz sintetizada o braille.

informacin en un globo de texto de forma amigable y accesible para

del smbolo braille.Otros

disponibles son las impresoras Braille permiten traducir textos en

veinticinco veces el tamao original de los objetos visibles en pantalla

diversificacin del vocabulario y las prcticas sociales del lenguaje.

comunicacin. En este caso, consideramos el tema de los subttulos y

El subtitulado regular se utiliza para entender otro idioma, pero el

acsticas de los objetos o personajes, etc. Los subttulos pueden

Kids Keyboard. Teclado de aprendizaje para nios con teclas de gran

Sndrome de Asperger, Trastornos generalizados del desarrollo (TGD),

instrucciones claras y controlables, expresiones simples y concretas, sin

Los Sistemas de Comunicacin Aumentativa y Alternativa son ayudas y

diferentes sistemas de signos pictogrficos y el audio en tableros de

Sistemas Aumentativos de Comunicacin. Son aquellos que han