https://wiki.ead.pucv.cl/api.php?action=feedcontributions&user=Antoniamartinez&feedformat=atomCasiopea - Contribuciones del usuario [es]2024-03-28T09:34:03ZContribuciones del usuarioMediaWiki 1.39.6https://wiki.ead.pucv.cl/index.php?title=Sometimiento_en_Tensi%C3%B3n_-_Hypnetorimachia_Poliphili&diff=525359Sometimiento en Tensión - Hypnetorimachia Poliphili2018-08-13T06:58:55Z<p>Antoniamartinez: /* Registro Bitácoras */</p>
<hr />
<div>{{Proyecto<br />
|Título=La expresión del no amor / Hypnetoromachia poliphili<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=eros<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Rodolfo Pinto, Katherine Exss, Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Rubio, Catalina Cea, Gabriel Gascón,<br />
}}<br />
='''ALMA''': Análisis y Abstracción ''El Sueño de Polífilo''=<br />
==Capítulos==<br />
Se hace un análisis en grupo de los capítulos leídos por cada integrante del grupo, en donde fueron titulados:<br />
===XXV: ''Incansable''===<br />
<poem><br />
Cuenta aquí la divina Polia su noble y antiguo origen y cómo Treviso fue edificada por sus antepasados. Y que era oriunda de la familia Lelia, y de qué modo, sin ella advertirlo y sin dar se cuenta, se enamoró de ella desmesuradamente su querido Polífilo.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Se piensa el capítulo desde el '''''Deseo Incansable''''' en donde Polífilo ve a Polia y se enamora instantánea y profundamente, y de esta forma, el intenta de todas formas explicarle y manifestarle su amor.<br />
<br />
Este primer momento se traduce en la Fijación por algo, en donde existe una primera atracción y obsesión por un objeto, una persona o hasta un quehacer, lo cual tiene una característica en particular que a uno lo toca y lo mueve por ello. <br />
<br />
Todo lo anterior, finalmente, se traduce coincidentemente que el primer momento para cualquier tipo de amor es la ''Fijación por la otredad''.<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''INCANSABLE''''':<br />
*** '''Significado''': Que no se cansa o tiene mucha resistencia física, Incapaz de cansarse, Persona que resiste la fatiga.<br />
*** '''Etimología''': Procede del prefijo ''in'' privación o negación, del verbo activo transitivo ''cansar'' y del sufijo ''ble'' que indica susceptibilidad o que puede ser.<br />
*** '''Sinónimos''': Inagotable, Infatigable, Tenaz, Persistente, Diligente.<br />
** '''''DESEO''''':<br />
*** '''Significado''': Movimiento intenso de la voluntad hacia la consecución de una cosa<br />
*** '''Etimología''': Del latín vulgar ''desidium'': ociosidad, libido. Del latín clásico ''desidia'': ociosidad, pereza, cuya raíz es del verbo ''desidere'': permanecer sentado, detenerse.<br />
*** '''Sinónimos''': Aspiración, Ansia, Afán, Anhelo, Apetito, Pretensión, Capricho, Empeño, Antojo, Pasión, Ambición, Interés.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-25.png|500px]]<br />
<br />
===XXVI: ''Súplica''===<br />
<poem><br />
Atacada Polia por la peste, hizo un voto a Diana y, habiéndose consagrado a ella, por casualidad la vio Polífilo en el templo, donde un día después la encontró sola orando. Contóle su pena y el martirio que sufría amándola y le pidió alivio, pero ella, permaneciendo inmisericorde, le vio desvanecerse como muerto y emprendió la huida como un malhechor.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Súplica Fatídica - Se titula porque es la primera vez en que Polífilo muestra /cuenta directamente su amor a Polia, y le suplica que le corresponda su amor o que por lo menos no sea indiferente ante su sentir. La súplica es la parte más intensa y extensa de todo el libro, además de sumamente descriptiva del dolor. <br />
<br />
Se ve aquí el segundo momento: El Deseo. En torno a esto, aquí es cuando por primera vez se manifiesta el rechazo, el Amor Frustrado o Unilateral, ya que no existe ni si quiera un recibimiento de lo que la otra persona está entregando, por ende, generará frustración porque no fue si quiera capaz de entregar lo que tenía dentro de sí.<br />
<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''SÚPLICA''''': <br />
*** '''Significado''': Acción y efecto de pedir algo con sumisión y humildad.<br />
*** '''Etimología''': Del latín ''supplicium'': acción y efecto de doblar hacia abajo, pedir con humildad y sumisión.<br />
*** '''Sinónimos''': Ruego, Imploración, Solicitud, Petición, Demanda, Apelación.<br />
** '''''FATÍDICA''''':<br />
*** '''Significado''': Que anuncia el porvenir, Que presagia acontecimientos nefastos, Que es inevitable y trae desgracia.<br />
*** '''Etimología''': Del latín ''fatidicus'': relativo al que anuncia desgracias. Sus componentes léxicos son ''fatum'' (destino, canción triste) y ''dicare'' (señalar, indicar).<br />
*** '''Sinónimos''': Fatal, Funesto, Nefasto, Aciago, Desdichado, Ominoso.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-26.png|500px]]<br />
<br />
[[Archivo:BpruebatipoD 2-26.png|500px]]<br />
[[Archivo:BpruebatipoD 3-26.png|500px]]<br />
<br />
===XXVII: ''Martirio''===<br />
<poem><br />
Polia termina de contar su crueldad y cómo, al huir, fue arrebatada por un torbellino y transportada sin darse cuenta a un bosque, donde vio que dos muchachas eran despedazadas. Luego, cómo volvió en sí espantada. Después, durmiendo, le pareció ser raptada por dos verdugos. Aterrorizada por ello, se movió en sueños y se despertaron ella y su nodriza, la cual le dio útil consejo sobre la razón de aquello.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Martirio Amenazante - La culpa del sufrimiento y muerte de Polífilo a causa del desprecio de su amor lleva a Polia a un estado de miedo o de martirio interno, personal, el cual es constante y se manifiesta en inconsciente a través de sueños.<br />
<br />
Es aquí cuando se toma consciencia de lo que provocó el desprecio del amor de otra persona, en lo que puede llegar a darse luego de un gran error. En el texto se hace sumamente explícita la forma en que ve la muerte de mujeres, siendo despedazadas por animales y siendo castigadas por Cupido, e incluso, los grabados siguen siendo explícitos en el sentir de Polia frente a toda la situación.<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''MARTIRIO''''': <br />
*** '''Significado''': Muerte o padecimientos sufridos por sostener una creencia religiosa o un ideal, Alguna cosa que ocasiona un sufrimiento intenso.<br />
*** '''Etimología''': Del latín ''martyrium'', siendo vocablo prestado del griego ''martyrion'' (en su origen testimonio o prueba en un juicio, tomando después el significado de testigo). Más tarde el cristianismo asumió que tenía relación con la fe.<br />
*** '''Sinónimos''': Suplicio, Tortura, Tormento, Sacrificio, Sufrimiento, Persecución, Inmolación.<br />
** '''''AMENAZANTE''''':<br />
*** '''Significado''': Cosa o persona que constituye una posible causa de riesgo o perjuicio para alguien o algo.<br />
*** '''Etimología''': Del latín ''Minacia'' (del adjetivo latino ''minax, minacis''), derivados del vocablo latino ''Mina'' (parte saliente o elevada, amenaza, pinchos, trampas metálicas enterradas o dispuestos en zanjas disimuladas).<br />
*** '''Sinónimos''': Intimidación, Advertencia.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-25.png|500px]]<br />
<br />
[[Archivo:BpruebatipoD-07.png|350px]]<br />
[[Archivo:BpruebatipoD-08.png|350px]]<br />
[[Archivo:BpruebatipoD-09.png|350px]]<br />
<br />
=== XXVIII: ''Sumisión''===<br />
<poem><br />
Polia cuenta de qué modo la sagaz nodriza le aconsejó, por medio de varios ejemplos y paradigmas, que evitara la ira y las amenazas de los dioses; y cómo una mujer, desesperada por un amor desmesurado, se mató; y le recomendó que fuera sin tardanza a la sacerdotisa del santo templo de la señora Venus, que le daría un consejo conveniente y eficaz.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Consejo de Sumisión - Ante el constante martirio de la amenaza por no seguir la voluntad de Cupido, Polia decide someterse ante eso y ceder ante el amor de Polífilo de manera que comienza a enamorarse.<br />
<br />
La sumisión llega como respuesta a todo el miedo y la tensión vivida a lo largo de los tres capítulos anteriores, en donde ya no se puede ir contra lo que debe suceder, aunque la persona no lo quiera de esa manera. Llega también como aceptación de lo frustrante que puede llegar a ser para sí también todo lo que rodea y de la forma única en que funcionan las cosas, las situaciones, y el mundo. <br />
<br />
* '''Estudio de los Términos'''<br />
** '''''CONSEJO''''': <br />
*** '''Significado''': Opinión o parecer que alguien da o recibe acerca de su conducta futura.<br />
*** '''Etimología''': Del latín ''Consilium'' (deliberación, debate) y éste del verbo ''Consulere'' (deliberar conjuntamente, consultar, pedir asesoramiento).<br />
*** '''Sinónimos''': Recomendación, Sugerencia, Advertencia, Aviso, Asesoramiento, Indicación, Observación, Opinión, Parecer.<br />
** '''''SUMISIÓN''''':<br />
*** '''Significado''': Acción de someterse, sin cuestionarlos, a la autoridad o la voluntad de otra persona o a lo que las circunstancias imponen.<br />
*** '''Etimología''': Del latín ''Submissio'' (allanamiento, sometimiento).<br />
*** '''Sinónimos''': Docilidad, Humildad, Mansedumbre, Obediencia, Fidelidad.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-28.png|500px]]<br />
<br />
==Abstracción==<br />
[[Archivo:1wiki-01Polifiloamor.png|center|750px]]<br />
<br />
<br />
* '''Amor Recíproco''': Existe ''satisfacción'' porque cuando uno entrega, el otro recibe, y viceversa. Inclusive, cuando uno de ellos da más que el otro, ''el sólo hecho de que la otra persona reciba ese amor, ya existe satisfacción'' por parte de quien lo emite.<br />
<br />
* '''Amor Unilateral (o Frustrado)''': Existe una ''sensación de frustración y de dolor'' por parte de ''quien entrega'' el amor, ya que la ''persona receptora ni si quiera es capaz de recibirlo''. Sólo existe un dar de parte de [A], y en el caso de Polia, existe un claro ''rechazo'' de ese amor.<br />
<br />
==El Frustrar de lo Inconcluso==<br />
En torno a los cuatro capítulos del libro estudiados se toma la '''Frustración''' como eje central de la abstracción, en donde el amor de Polífilo por Polia se da en torno a esta sensación de necesidad por parte de él y de rechazo por parte de ella.<br />
* '''Sinónimos''':<br />
** Desengaño<br />
** Revés<br />
** Error<br />
** Fallo<br />
** Fracaso<br />
** Desilusión<br />
*'''Definición''':<br />
** ''Imposibilidad de satisfacer una necesidad o un deseo''.<br />
** ''Sentimiento de tristeza, decepción y desilusión que esta imposibilidad provoca''.<br />
<br />
<br />
<br />
<br />
Se hace además un análisis y comparación en torno a la palabra '''''CASI''''':<br />
* '''Sinónimos''':<br />
** Aproximadamente<br />
** Por poco<br />
** Cerca de <br />
* '''Definición''':<br />
** Pronombre<br />
** ''Que no se da, ocurre o existe completamente''.<br />
** En torno a eso, se entiende como lo '''incompleto''' o lo '''inconcluso''', por lo que a partir de esos conceptos específicamente se lleva a cabo la ideación de la forma del espacio expositivo.<br />
<br />
='''CUERPO'''=<br />
Como observación general se trabaja el concepto del '''''Sometimiento a través de la Tensión''''', ya que en los capítulos abordados existe una constante pugna entre el deseo y el rechazo, es decir, se aborda el ''amor frustrado''. Se considera también como base para lo gestual que para someterse hay que estar en ello, por eso se crea un ''espacio interior''.<br />
<br />
Se aborda lo formal del espacio expositivo desde las palabras mismas abstraídas de lo estudiado:<br />
<br />
El ''peso'' en primer lugar es lo fundamental, todo funciona en torno a él ya que debe estar todo tenso, hace que la estructura sea forzada. Aquí está el ''martirio'', lo pesado, lo complicado de mover en donde se necesita la fuerza completa de la persona para lograr que aparezca lo interior.<br />
<br />
El primer momento solo puede verse desde afuera al igual que el segundo desde dentro, por lo que la lectura del verso no es posible en el exterior y obliga a la persona a entrar al espacio. Hay aquí un ''sometimiento ''frente al funcionamiento del cuerpo. <br />
<br />
El gesto de la ''súplica ''en el movimiento vertical que tiene. La sensación de ingresar y subirse al pedal, que es chico pesado y restringe el movimiento, hace adquirir un papel sumiso ante el cuerpo envolvente, estar al centro del funcionamiento.<br />
<br />
Lo ''incansable'' finalmente se observa en que el cuerpo tiene una vuelta propia.<br />
<br />
---<br />
El cuerpo se diseña a partir del gesto, es decir, la frustración. <br />
<br />
Como concepto principal que se puede aplicar al diseño en torno a la frustración (a lo incompleto o inconcluso, algo que evidentemente sería de una forma y no lo termina siendo) es el destiempo, ya que de otra forma podría mal interpretarse como un mal diseño que termina fallando. <br />
<br />
Es por esto que se aplica el destiempo en “algo” que están por alcanzarse pero que nunca lo hacen por el punto de partida del movimiento de estos elementos que están en distintos puntos ubicados (dependiendo del movimiento, y por ende, del mecanismo correspondiente). También bajo este mismo concepto, se trabaja el descalce, algo que está predispuesto a unirse de forma obvia, pero que por diseño (a propósito) están a punto de hacerlo pero nunca se concreta. <br />
<br />
Esta serie de sucesos continuos pretende que genere a quien está expectando e interactuando con el objeto de diseño frustración en lo que esperaba que iba a suceder finalmente con los movimientos que se generaban en él.<br />
<br />
<br />
A partir de estas primeras abstracciones de la frustración de lo inconcluso se propone como objeto de diseño la madera con cortes específicos que permiten la movilidad de este material rígido, aludiendo al posible movimiento que podría tener la tela (en múltiples ejes y direcciones, además de la elasticidad que tienen algunos materiales en específico), cosa que por ejemplo, no se podría realizar con papel. A su vez, la madera es mucho más fácil de controlar su movimiento y estructura para el cuerpo general. <br />
<br />
Se propone finalmente el destiempo entre los tres ejes verticales que componen el Espacio Expositivo Interactivo, conteniendo cada uno la unidad discreta que se transforma de volumen a plano. <br />
<br />
(Reunión de partes /encarcelado)<br />
<br />
=Primeros Prototipos= <br />
==Propuesta [A]==<br />
Se propone el Descale como objetivo final de la frustración.<br />
<br />
===animación===<br />
<br />
<center>{{#widget:Youtube|id=CF6HbI-RlV0}}</center><br />
<center>{{#widget:Youtube|id=rhKnLDWyKv8}}</center><br />
<center>{{#widget:Youtube|id=ihVGbeiv2p0}}</center><br />
<br />
===Formalidad===<br />
<br />
<br />
[[Archivo:MagoEnsamblaje4.png|262px]]<br />
[[Archivo:MagoEnsamblaje3.png|262px]]<br />
[[Archivo:MagoEnsamblaje2.png|262px]]<br />
[[Archivo:MagoEnsamblaje1.png|262px]]<br />
<br />
[[Archivo:MagoEnsamblaje5.png|350px]]<br />
[[Archivo:MagoEnsamblaje6.png|350px]]<br />
[[Archivo:MagoEnsamblaje7.png|350px]]<br />
<br />
<br />
===Escala Humana===<br />
<br />
[[Archivo:Ensamblaje4humano.png|350px]]<br />
[[Archivo:Ensamblaje2humano.png|350px]]<br />
[[Archivo:Ensamblaje1humano.png|350px]]<br />
<br />
==Propuesta [B]==<br />
Se propone el ''Destiempo'' como propuesta principal.<br />
===Formalidad===<br />
[[Archivo:Maquetapoli2.JPG|500px]]<br />
[[Archivo:MAQUETAPOLI1B.jpeg|500px]]<br />
<br />
===Momentos===<br />
[[Archivo:MAQUETAPOLI1moment1.jpeg|350px]]<br />
[[Archivo:Maqtpoli12.jpg|350px]]<br />
[[Archivo:DSC0995.JPG|350px]]<br />
<br />
==Propuesta [C]==<br />
Se propone el destiempo como propuesta principal del mecanismo.<br />
===Formalidad===<br />
[[Archivo:DSC0998.JPG|500px]]<br />
[[Archivo:DSC0999.JPG|500px]]<br />
<br />
<br />
===Momentos===<br />
[[Archivo:DSC1001.JPG|500px]]<br />
[[Archivo:DSC1004.JPG|500px]]<br />
<br />
<br />
=Segundo Prototipo: '''Destiempo en la Movilidad de la Madera'''=<br />
==Pruebas de Mecanismos==<br />
<center>{{#widget:Youtube|id=a-HkBm2yOYE}}</center><br />
<br />
==Pruebas de Material y Cortes==<br />
* '''Prueba [A]''': Primer acercamiento al movimiento.<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Puentes en una sola dirección, por lo que se abre de forma limitada.<br />
<gallery><br />
Archivo:Dsc1044polia.jpg<br />
Archivo:Dsc1046.jpg<br />
</gallery><br />
<br />
<br />
* '''Prueba [B]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Cortes segmentados cortos que debilitan lo estructural de la madera, pero que no permiten un buen abrir del plano.<br />
<gallery><br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.31.png<br />
Archivo:DSC1030.JPG<br />
</gallery><br />
<br />
<br />
<br />
* '''Prueba [C]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Cortes segmentados que limitan el abrir, a su vez, estructuran mejor la totalidad de la forma.<br />
<gallery><br />
Archivo:DSC1031.JPG<br />
Archivo:DSC1032.JPG<br />
Archivo:Dsc1034ploilk.jpg<br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.21.png<br />
Archivo:Captura de pantalla 2018-07-27 a las 10.58.23.png<br />
</gallery><br />
<br />
<br />
<br />
* '''Prueba [D]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Corte en espiral continuo, el cual exagera mucho su abrir y no tiene rigidez.<br />
** Prueba final usada para este prototipo.<br />
<gallery><br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.46.png<br />
Archivo:DSC1055.JPG<br />
</gallery><br />
<br />
==Prototipo==<br />
===Agarres===<br />
[[Archivo:Extremosuperiorploilio.jpg|500px]]<br />
[[Archivo:Dsc10005.jpg|500px]]<br />
<br />
<br />
===Propuesta Formal===<br />
[[Archivo:DSC1011.JPG|500px]]<br />
[[Archivo:DSC092000.JPG|500px]]<br />
<br />
===Detalles===<br />
[[Archivo:DSC1023.JPG|500px]]<br />
[[Archivo:DSC1026.JPG|500px]]<br />
<br />
<br />
===Momentos===<br />
[[Archivo:Fase1ploiaaa.jpg|350px]]<br />
[[Archivo:Fase2ploiaaa.jpg|350px]]<br />
[[Archivo:Dsc106.jpg|350px]]<br />
<br />
[[Archivo:Dsc10071.jpg|350px]]<br />
[[Archivo:Dscs10018.jpg|350px]]<br />
[[Archivo:Dscs10019.jpg|350px]]<br />
<br />
<br />
===Registro Visual del Movimiento===<br />
* '''Propuesta [A], Figuras sin Tope''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=i83zxnkqXFs}}</center><br />
<center>{{#widget:Youtube|id=OVkzTF2p19Y}}</center><br />
<br />
<br />
<br />
<br />
<br />
* '''Propuesta [B], Figuras con Tope''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=l6PR97pldwE}}</center><br />
<center>{{#widget:Youtube|id=xB06Q_TbbvM}}</center><br />
<br />
=Tercer Prototipo: '''Movimiento del Plano de Madera en más de un Eje'''=<br />
==Pruebas de Material, Forma y Cortes==<br />
* '''Prueba [A]''': <br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Prueba de cortes circulares en figura triangular, hasta su deformación.<br />
<gallery><br />
Archivo:Dsc1036.jpg<br />
</gallery><br />
<br />
* '''Prueba [B]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Puentes desde el centro de forma cuadrangular, hasta las esquinas de otra forma, con el fin de que en una misma figura la deformación ocurra de formas distintas de una misma vez (como parte de la corrección del movimiento y deformación de la figura en más de un eje).<br />
<gallery><br />
Archivo:DSC1037.JPG<br />
Archivo:DSC1040.JPG<br />
Archivo:DSC1038.JPG<br />
</gallery><br />
<br />
* '''Prueba [C]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Iteración de la primera prueba de la movilidad en materiales rígidos. Puentes en ambas direcciones, por lo que se abre de manera más libre.<br />
<gallery><br />
Archivo:Dsc104pola1.jpg<br />
Archivo:Dsc19042pilokioa.jpg<br />
</gallery><br />
<br />
* '''Prueba [D]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Analogía de la prueba de materialidad y corte anterior.<br />
<gallery><br />
Archivo:Dsc1048polia.jpg<br />
</gallery><br />
<br />
* '''Prueba [E]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Puentes en todas las direcciones, además de que la reiteración es mayor (en cuanto a cantidad).<br />
<gallery><br />
Archivo:DSC1049.JPG<br />
Archivo:Dsc1052.jpg<br />
</gallery><br />
<br />
* '''Prueba [F]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P1plllikh.png|Archivo Illustrator<br />
Archivo:DSC1065.JPG|Vista Superior<br />
Archivo:DSC1067.JPG|Vista Lateral Deformado<br />
Archivo:DSC1066.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [G]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P2sjksadhjfd.png|Archivo Illustrator<br />
Archivo:DSC1062.JPG|Vista Superior<br />
Archivo:DSC1063.JPG|Vista Lateral Deformado<br />
Archivo:DSC1064.JPg|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [H]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P3poliaaa.png|Archivo Illustrator<br />
Archivo:DSC1056.JPG|Vista Superior<br />
Archivo:DSC1057.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [I]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P4polaiasliwd.png|Archivo Illustrator<br />
Archivo:DSC1058.JPG|Vista Superior<br />
Archivo:DSC1060.JPG|Vista Superior<br />
Archivo:DSC1061.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
==Prototipo [A]==<br />
* '''Formalidad''': Cuadrados (4)<br />
* '''Medidas''': 500 x 500 mm<br />
* '''Materialidad''': Terciado + Cartón Piedra<br />
* '''Tensores''': Alambre Tensado (Secciones Unidas)<br />
* '''Eje Central''': Hilo/Cordel<br />
<br />
<gallery><br />
Archivo:Cap1cuadradoA.png|Creación del Archivo para Corte láser<br />
Archivo:Captura de pantalla 2018-07-26 a las 13.35.39.png<br />
Archivo:Captura de pantalla 2018-07-26 a las 13.36.47.png<br />
Archivo:Cap2cuadradoA.png<br />
Archivo:Cap3cuadradoA.png<br />
Archivo:Cap4cuadradoA.png|Archivo final corte láser<br />
</gallery><br />
<br />
[[Archivo:DSC1069.JPG|center|700px]]<br />
<br />
==Prototipo [B] (Iteración del Prototipo 2)==<br />
* '''Formalidad''': Círculos (4)<br />
* '''Medidas''': 300 mm diámetro<br />
* '''Materialidad''': Terciado<br />
* '''Tensores''': Hilo<br />
* '''Eje Central''': Tubo Aluminio<br />
<br />
===Registro Visual del Movimiento===<br />
* '''Vista Total del Módulo Expositivo Interactivo''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=_mKO7HtZe2E}}</center><br />
<br />
<br />
=Cuarto Prototipo: '''Dos Tipos de Movimientos para la Generación de Momentos'''=<br />
==Pruebas de Materialidad y Corte==<br />
==Giro en 45º de la Unidad Discreta==<br />
===Pruebas de Giro y Posición===<br />
* '''Cuadrado - Giro a "Rombo" - Volumen'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=gIlKXkLKagQ}}</center><br />
<br />
<br />
<br />
* '''"Rombo" - Giro a Cuadrado - Volumen'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=wcC1QCFXSsg}}</center><br />
<br />
<br />
===Rombo - Cuadrado: Sistema de Polea===<br />
* '''Polea'''<br />
<gallery><br />
Archivo:PoleaDSC1086.JPG<br />
</gallery><br />
<br />
* '''Unión entre Piezas'''<br />
<gallery><br />
Archivo:NudoPiezascuadradasDSC1088.JPG<br />
</gallery><br />
<br />
==Rotación en sí misma de la Unidad Discreta: Plano - Volumen==<br />
* '''Mutación Plano a Volumen: Vista Total'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=G94lWVqy8MI}}</center><br />
<br />
<br />
<br />
<br />
<br />
* '''Mutación Plano a Volumen: Vista en Detalle Unidad Discreta'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=av4vYyUVYZQ}}</center><br />
<br />
<br />
==Propuesta Tipográfica: Calado==<br />
Se propone como tipografía la Variante '''''Medium EB Garamond''''', además de ser calada a mano con el fin de generar el mismo aire que se produce entre la madera (cada cuerpo cuadrado) al desplegarse y formar el volumen.<br />
<br />
<gallery><br />
Archivo:IMG 20180801 195647353.jpg<br />
Archivo:IMG 20180801 195659465.jpg<br />
</gallery><br />
<br />
=Quinto Prototipo: '''Solución de Materialidad y Mecanismos'''=<br />
==Pruebas de Corte==<br />
* '''Problemática Anterior'''<br />
Anteriormente con el terciado de 3mm no se generaba un plano total, luego de la deformación al volumen los cortes quedaban girados y por ende, nunca se lograba en su totalidad un plano. Además, era muy frágil aunque se aumentaran las distancias de los puentes entre los cortes.<br />
<gallery><br />
Archivo:DSC1071.JPG|demostración del no plano<br />
</gallery><br />
<br />
<br />
* '''Pruebas de Cortes con terciado de 4mm'''<br />
Se estudia nuevamente la materialidad, esta vez con ''cortes de 1mm de espesor'' para ''evitar el roce'' y ''terminaciones redondeadas'' para evitar posibles rupturas de la madera. <br />
<br />
Cada archivo e iteración repara en la distancia de los puentes entre los cortes, cada vez más angostos, aportando a su movilidad.<br />
<br />
<gallery><br />
Archivo:Captura de pantalla 2018-08-05 a las 17.50.47.png<br />
Archivo:Captura de pantalla 2018-08-05 a las 17.51.00.png<br />
Archivo:Captura de pantalla 2018-08-05 a las 17.51.19.png<br />
</gallery><br />
<br />
==Cambio de los Momentos==<br />
* Volumen<br />
* Plano<br />
* Rotación<br />
<br />
==Delimitación del Suelo y Mecanismo==<br />
Se propone como base una forma '''hexagonal''', en donde los planos que forman los cuadrados, al ser tres, podrían perfectamente generar un hexágono en el espacio en vez de uno triangular. Aquí mismo se soluciona:<br />
* '''''Delimitación del espacio en la sala''''', <br />
* '''''Ubicación el mecanismo''''': Delimitación y orden para los dos movimientos diferentes (es decir, dos mecanismos distintos),<br />
* '''''Soporte para tensar la estructura''''': No se podía realizar en el suelo al ser cerámica.<br />
<br />
<gallery><br />
Archivo:HexágonoDSC1072.JPG<br />
Archivo:MecanismoDSC1074.JPG<br />
Archivo:MecanismoDSC1077.JPG<br />
</gallery><br />
<br />
==Mecanismos==<br />
===Volumen - Plano===<br />
Las unidades discretas (cuadrados de madera) ''se encuentran tensados desde su centro'' hacia el suelo, generando un '''''volumen en forma de S''''' (este es el '''primer momento'''). Luego '''''al soltarse las figuras vuelven a un plano''''', todavía con sus posiciones paralelas al suelo (''segundo momento'').<br />
<br />
* '''PIEZA QUE SOSTIENE EL CENTRO'''<br />
<gallery><br />
Archivo:PiezaCentroUnidadDIscretaDSC1079.JPG|Detrás<br />
Archivo:DPiezaCentralBSC1083.JPG|Vista delanta<br />
</gallery><br />
<br />
===Plano - Rotación===<br />
Al estar en un plano es más simple girar, y con la ayuda de la polea arriba esto se facilita. Se realiza un giro de casi 45º, en donde las figuras parecen un rombo (sólo por la posición, ya que solo son cuadrados girados).<br />
<br />
+ '''PIEZA DISEÑADA PARA EVITAR EL ROCE ENTRE LAS UNIDADES DISCRETAS AL GIRAR'''<br />
<gallery><br />
Archivo:PiezaRoceEsquinaADSC1081.JPG|Vista Lateral<br />
Archivo:PiezaRoceBDSC1082.JPG|Vista 3/4<br />
</gallery><br />
<br />
==Propuesta Gráfica==<br />
* '''POSICIONES BÁSICAS'''<br />
[[Archivo:Gráfica Tipografía-01.png|center|600px]]<br />
<br />
<br />
<br />
<br />
===Vista Superior y Lectura===<br />
[[Archivo:Plantagrafica1-02.png|center|800px]]<br />
<br />
<br />
<br />
<br />
===Propuesta Tipográfica===<br />
* '''[A]''' ''¿Su incansable súplica''<br />
<br />
[[Archivo:Pilares-04.png|350px]]<br />
[[Archivo:GráficaF5-06.png|350px]]<br />
[[Archivo:GráficaF5-09.png|350px]]<br />
<br />
<br />
<br />
<br />
<br />
* '''[B]''' ''ante el martirio''<br />
<br />
[[Archivo:Pilares-03.png|350px]]<br />
[[Archivo:GráficaF5-07.png|350px]]<br />
[[Archivo:GráficaF5-10.png|350px]]<br />
<br />
<br />
<br />
<br />
* '''[C]''' ''en sumisión?''<br />
[[Archivo:Pilares-05.png|350px]]<br />
[[Archivo:GráficaF5-08.png|350px]]<br />
[[Archivo:GráficaF5-11.png|350px]]<br />
<br />
=Sexto Prototipo: '''Definición y Afinación del Mecanismo'''=<br />
==Pieza Principal==<br />
[[Archivo:Cuadradofinal2 Convertido2-01.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-02.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-03.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-04.png|250px]]<br />
<br />
==Mecanismos==<br />
* '''Volumen a Plano'''<br />
** Cambio de traslape (abajo encima del de arriba).<br />
** Cambio del eje central (zona superior delante de él)<br />
** Giro al revés<br />
* '''Giro 45 º'''<br />
** Cambio de puntos de agarre (en diagonales).<br />
** Mecanismo con Poleas superiores (cambio de 1 a 2)<br />
** Sistema de Engranajes<br />
** Carril / fierros que mueven la estructura.<br />
<br />
==Gráfica==<br />
* Simplificación<br />
* Maqueta<br />
<br />
=Séptimo Prototipo: '''Definición de Engranajes y Fallo del Motor'''=<br />
==Mecanismo Rotación==<br />
===Detalles Engranajes===<br />
* '''Tope para el Engranaje Mayor - Rodamiento'''<br />
<br />
<br />
[[Archivo:Toperodamiento7.jpg|600px|center]]<br />
<br />
<br />
<br />
<gallery><br />
Archivo:TopeRodamiento1.jpg|Vistas<br />
Archivo:Toperodamiento2.jpg<br />
Archivo:Toperodamiento3.jpg<br />
Archivo:Toperodamiento4.jpg<br />
Archivo:Toperodamiento6.jpg|Ubicación<br />
Archivo:Toperodamiento9.jpg<br />
</gallery><br />
<br />
<br />
<br />
<br />
* '''Detalle de Engranajes Menores [A] - [B] - [C]'''<br />
<br />
<br />
<gallery><br />
Archivo:EngranajeChico6.jpg<br />
Archivo:EngranajeChico1.jpg<br />
Archivo:EngranajeChico2.jpg<br />
Archivo:EngranajeChico3.jpg<br />
Archivo:EngranajeChico4.jpg<br />
Archivo:EngranajeChico5.jpg<br />
</gallery><br />
<br />
<br />
<br />
* '''Detalle de Carril y Poleas en Caja (Sistema Inferior)'''<br />
<br />
<gallery><br />
Archivo:Riel1.jpg<br />
Archivo:Riel2.jpg<br />
Archivo:Riel3.jpg<br />
Archivo:Riel4.jpg<br />
</gallery><br />
<br />
<br />
===Prueba Mecanismos y Motor===<br />
* '''Primera prueba del motor con el mecanismo de rotación'''<br />
* '''Resultado''': No funciona ni mueve con facilidad la pieza principal (antes del contacto con los engranajes que mueven el resto del sistema).<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=Q5IECCaPY2U}}</center><br />
<br />
=Prototipo Final=<br />
==Momentos==<br />
===A===<br />
===B===<br />
==Mecanismos==<br />
===A===<br />
===B===<br />
==Gráfica==<br />
<br />
=Registro Bitácoras=<br />
==Catalina==<br />
<gallery><br />
Archivo:CCeaBitacora 1.jpg<br />
Archivo:CCeaPBitacora 2.jpg<br />
Archivo:PcceaBitacora 3.jpg<br />
Archivo:PcceaBitacora 4.jpg<br />
Archivo:PcceaBitacora 5.jpg<br />
Archivo:PcceaBitacora 6.jpg<br />
Archivo:PceacBitacora 7.jpg<br />
Archivo:PcceaBitacora 8.jpg<br />
Archivo:PcceaBitacora 9.jpg<br />
Archivo:PcceaBitacora 10.jpg<br />
Archivo:PcceaBitacora 11.jpg<br />
Archivo:PcceaBitacora 12.jpg<br />
Archivo:PcceaBitacora 13.jpg<br />
Archivo:PcceaBitacora 14.jpg<br />
Archivo:PceaBitacora 15.jpg<br />
Archivo:PcceaBitacora 17.jpg<br />
Archivo:PcceaBitacora 18.jpg<br />
Archivo:PcceaBitacora 19.jpg<br />
Archivo:PcceaBitacora 20.jpg<br />
Archivo:PcceaBitacora 21.jpg<br />
Archivo:PcceaBitacora 22.jpg<br />
</gallery><br />
<br />
==Antonia==<br />
<gallery><br />
Archivo:Mecanismoconengranaje.png<br />
Archivo:Hexagono pedal.png<br />
Archivo:Piezas de tope.png<br />
</gallery><br />
<br />
==Bastián==<br />
<gallery><br />
<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Sometimiento_en_Tensi%C3%B3n_-_Hypnetorimachia_Poliphili&diff=525358Sometimiento en Tensión - Hypnetorimachia Poliphili2018-08-13T06:58:09Z<p>Antoniamartinez: /* Registro Bitácoras */</p>
<hr />
<div>{{Proyecto<br />
|Título=La expresión del no amor / Hypnetoromachia poliphili<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=eros<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Rodolfo Pinto, Katherine Exss, Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Rubio, Catalina Cea, Gabriel Gascón,<br />
}}<br />
='''ALMA''': Análisis y Abstracción ''El Sueño de Polífilo''=<br />
==Capítulos==<br />
Se hace un análisis en grupo de los capítulos leídos por cada integrante del grupo, en donde fueron titulados:<br />
===XXV: ''Incansable''===<br />
<poem><br />
Cuenta aquí la divina Polia su noble y antiguo origen y cómo Treviso fue edificada por sus antepasados. Y que era oriunda de la familia Lelia, y de qué modo, sin ella advertirlo y sin dar se cuenta, se enamoró de ella desmesuradamente su querido Polífilo.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Se piensa el capítulo desde el '''''Deseo Incansable''''' en donde Polífilo ve a Polia y se enamora instantánea y profundamente, y de esta forma, el intenta de todas formas explicarle y manifestarle su amor.<br />
<br />
Este primer momento se traduce en la Fijación por algo, en donde existe una primera atracción y obsesión por un objeto, una persona o hasta un quehacer, lo cual tiene una característica en particular que a uno lo toca y lo mueve por ello. <br />
<br />
Todo lo anterior, finalmente, se traduce coincidentemente que el primer momento para cualquier tipo de amor es la ''Fijación por la otredad''.<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''INCANSABLE''''':<br />
*** '''Significado''': Que no se cansa o tiene mucha resistencia física, Incapaz de cansarse, Persona que resiste la fatiga.<br />
*** '''Etimología''': Procede del prefijo ''in'' privación o negación, del verbo activo transitivo ''cansar'' y del sufijo ''ble'' que indica susceptibilidad o que puede ser.<br />
*** '''Sinónimos''': Inagotable, Infatigable, Tenaz, Persistente, Diligente.<br />
** '''''DESEO''''':<br />
*** '''Significado''': Movimiento intenso de la voluntad hacia la consecución de una cosa<br />
*** '''Etimología''': Del latín vulgar ''desidium'': ociosidad, libido. Del latín clásico ''desidia'': ociosidad, pereza, cuya raíz es del verbo ''desidere'': permanecer sentado, detenerse.<br />
*** '''Sinónimos''': Aspiración, Ansia, Afán, Anhelo, Apetito, Pretensión, Capricho, Empeño, Antojo, Pasión, Ambición, Interés.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-25.png|500px]]<br />
<br />
===XXVI: ''Súplica''===<br />
<poem><br />
Atacada Polia por la peste, hizo un voto a Diana y, habiéndose consagrado a ella, por casualidad la vio Polífilo en el templo, donde un día después la encontró sola orando. Contóle su pena y el martirio que sufría amándola y le pidió alivio, pero ella, permaneciendo inmisericorde, le vio desvanecerse como muerto y emprendió la huida como un malhechor.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Súplica Fatídica - Se titula porque es la primera vez en que Polífilo muestra /cuenta directamente su amor a Polia, y le suplica que le corresponda su amor o que por lo menos no sea indiferente ante su sentir. La súplica es la parte más intensa y extensa de todo el libro, además de sumamente descriptiva del dolor. <br />
<br />
Se ve aquí el segundo momento: El Deseo. En torno a esto, aquí es cuando por primera vez se manifiesta el rechazo, el Amor Frustrado o Unilateral, ya que no existe ni si quiera un recibimiento de lo que la otra persona está entregando, por ende, generará frustración porque no fue si quiera capaz de entregar lo que tenía dentro de sí.<br />
<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''SÚPLICA''''': <br />
*** '''Significado''': Acción y efecto de pedir algo con sumisión y humildad.<br />
*** '''Etimología''': Del latín ''supplicium'': acción y efecto de doblar hacia abajo, pedir con humildad y sumisión.<br />
*** '''Sinónimos''': Ruego, Imploración, Solicitud, Petición, Demanda, Apelación.<br />
** '''''FATÍDICA''''':<br />
*** '''Significado''': Que anuncia el porvenir, Que presagia acontecimientos nefastos, Que es inevitable y trae desgracia.<br />
*** '''Etimología''': Del latín ''fatidicus'': relativo al que anuncia desgracias. Sus componentes léxicos son ''fatum'' (destino, canción triste) y ''dicare'' (señalar, indicar).<br />
*** '''Sinónimos''': Fatal, Funesto, Nefasto, Aciago, Desdichado, Ominoso.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-26.png|500px]]<br />
<br />
[[Archivo:BpruebatipoD 2-26.png|500px]]<br />
[[Archivo:BpruebatipoD 3-26.png|500px]]<br />
<br />
===XXVII: ''Martirio''===<br />
<poem><br />
Polia termina de contar su crueldad y cómo, al huir, fue arrebatada por un torbellino y transportada sin darse cuenta a un bosque, donde vio que dos muchachas eran despedazadas. Luego, cómo volvió en sí espantada. Después, durmiendo, le pareció ser raptada por dos verdugos. Aterrorizada por ello, se movió en sueños y se despertaron ella y su nodriza, la cual le dio útil consejo sobre la razón de aquello.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Martirio Amenazante - La culpa del sufrimiento y muerte de Polífilo a causa del desprecio de su amor lleva a Polia a un estado de miedo o de martirio interno, personal, el cual es constante y se manifiesta en inconsciente a través de sueños.<br />
<br />
Es aquí cuando se toma consciencia de lo que provocó el desprecio del amor de otra persona, en lo que puede llegar a darse luego de un gran error. En el texto se hace sumamente explícita la forma en que ve la muerte de mujeres, siendo despedazadas por animales y siendo castigadas por Cupido, e incluso, los grabados siguen siendo explícitos en el sentir de Polia frente a toda la situación.<br />
<br />
* '''Estudio de los Términos'''<br />
** '''''MARTIRIO''''': <br />
*** '''Significado''': Muerte o padecimientos sufridos por sostener una creencia religiosa o un ideal, Alguna cosa que ocasiona un sufrimiento intenso.<br />
*** '''Etimología''': Del latín ''martyrium'', siendo vocablo prestado del griego ''martyrion'' (en su origen testimonio o prueba en un juicio, tomando después el significado de testigo). Más tarde el cristianismo asumió que tenía relación con la fe.<br />
*** '''Sinónimos''': Suplicio, Tortura, Tormento, Sacrificio, Sufrimiento, Persecución, Inmolación.<br />
** '''''AMENAZANTE''''':<br />
*** '''Significado''': Cosa o persona que constituye una posible causa de riesgo o perjuicio para alguien o algo.<br />
*** '''Etimología''': Del latín ''Minacia'' (del adjetivo latino ''minax, minacis''), derivados del vocablo latino ''Mina'' (parte saliente o elevada, amenaza, pinchos, trampas metálicas enterradas o dispuestos en zanjas disimuladas).<br />
*** '''Sinónimos''': Intimidación, Advertencia.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-25.png|500px]]<br />
<br />
[[Archivo:BpruebatipoD-07.png|350px]]<br />
[[Archivo:BpruebatipoD-08.png|350px]]<br />
[[Archivo:BpruebatipoD-09.png|350px]]<br />
<br />
=== XXVIII: ''Sumisión''===<br />
<poem><br />
Polia cuenta de qué modo la sagaz nodriza le aconsejó, por medio de varios ejemplos y paradigmas, que evitara la ira y las amenazas de los dioses; y cómo una mujer, desesperada por un amor desmesurado, se mató; y le recomendó que fuera sin tardanza a la sacerdotisa del santo templo de la señora Venus, que le daría un consejo conveniente y eficaz.<br />
</poem><br />
<br />
* '''Titulación Capítulo'''<br />
Consejo de Sumisión - Ante el constante martirio de la amenaza por no seguir la voluntad de Cupido, Polia decide someterse ante eso y ceder ante el amor de Polífilo de manera que comienza a enamorarse.<br />
<br />
La sumisión llega como respuesta a todo el miedo y la tensión vivida a lo largo de los tres capítulos anteriores, en donde ya no se puede ir contra lo que debe suceder, aunque la persona no lo quiera de esa manera. Llega también como aceptación de lo frustrante que puede llegar a ser para sí también todo lo que rodea y de la forma única en que funcionan las cosas, las situaciones, y el mundo. <br />
<br />
* '''Estudio de los Términos'''<br />
** '''''CONSEJO''''': <br />
*** '''Significado''': Opinión o parecer que alguien da o recibe acerca de su conducta futura.<br />
*** '''Etimología''': Del latín ''Consilium'' (deliberación, debate) y éste del verbo ''Consulere'' (deliberar conjuntamente, consultar, pedir asesoramiento).<br />
*** '''Sinónimos''': Recomendación, Sugerencia, Advertencia, Aviso, Asesoramiento, Indicación, Observación, Opinión, Parecer.<br />
** '''''SUMISIÓN''''':<br />
*** '''Significado''': Acción de someterse, sin cuestionarlos, a la autoridad o la voluntad de otra persona o a lo que las circunstancias imponen.<br />
*** '''Etimología''': Del latín ''Submissio'' (allanamiento, sometimiento).<br />
*** '''Sinónimos''': Docilidad, Humildad, Mansedumbre, Obediencia, Fidelidad.<br />
<br />
* '''Grabados del Libro'''<br />
[[Archivo:BpruebatipoD 1-28.png|500px]]<br />
<br />
==Abstracción==<br />
[[Archivo:1wiki-01Polifiloamor.png|center|750px]]<br />
<br />
<br />
* '''Amor Recíproco''': Existe ''satisfacción'' porque cuando uno entrega, el otro recibe, y viceversa. Inclusive, cuando uno de ellos da más que el otro, ''el sólo hecho de que la otra persona reciba ese amor, ya existe satisfacción'' por parte de quien lo emite.<br />
<br />
* '''Amor Unilateral (o Frustrado)''': Existe una ''sensación de frustración y de dolor'' por parte de ''quien entrega'' el amor, ya que la ''persona receptora ni si quiera es capaz de recibirlo''. Sólo existe un dar de parte de [A], y en el caso de Polia, existe un claro ''rechazo'' de ese amor.<br />
<br />
==El Frustrar de lo Inconcluso==<br />
En torno a los cuatro capítulos del libro estudiados se toma la '''Frustración''' como eje central de la abstracción, en donde el amor de Polífilo por Polia se da en torno a esta sensación de necesidad por parte de él y de rechazo por parte de ella.<br />
* '''Sinónimos''':<br />
** Desengaño<br />
** Revés<br />
** Error<br />
** Fallo<br />
** Fracaso<br />
** Desilusión<br />
*'''Definición''':<br />
** ''Imposibilidad de satisfacer una necesidad o un deseo''.<br />
** ''Sentimiento de tristeza, decepción y desilusión que esta imposibilidad provoca''.<br />
<br />
<br />
<br />
<br />
Se hace además un análisis y comparación en torno a la palabra '''''CASI''''':<br />
* '''Sinónimos''':<br />
** Aproximadamente<br />
** Por poco<br />
** Cerca de <br />
* '''Definición''':<br />
** Pronombre<br />
** ''Que no se da, ocurre o existe completamente''.<br />
** En torno a eso, se entiende como lo '''incompleto''' o lo '''inconcluso''', por lo que a partir de esos conceptos específicamente se lleva a cabo la ideación de la forma del espacio expositivo.<br />
<br />
='''CUERPO'''=<br />
Como observación general se trabaja el concepto del '''''Sometimiento a través de la Tensión''''', ya que en los capítulos abordados existe una constante pugna entre el deseo y el rechazo, es decir, se aborda el ''amor frustrado''. Se considera también como base para lo gestual que para someterse hay que estar en ello, por eso se crea un ''espacio interior''.<br />
<br />
Se aborda lo formal del espacio expositivo desde las palabras mismas abstraídas de lo estudiado:<br />
<br />
El ''peso'' en primer lugar es lo fundamental, todo funciona en torno a él ya que debe estar todo tenso, hace que la estructura sea forzada. Aquí está el ''martirio'', lo pesado, lo complicado de mover en donde se necesita la fuerza completa de la persona para lograr que aparezca lo interior.<br />
<br />
El primer momento solo puede verse desde afuera al igual que el segundo desde dentro, por lo que la lectura del verso no es posible en el exterior y obliga a la persona a entrar al espacio. Hay aquí un ''sometimiento ''frente al funcionamiento del cuerpo. <br />
<br />
El gesto de la ''súplica ''en el movimiento vertical que tiene. La sensación de ingresar y subirse al pedal, que es chico pesado y restringe el movimiento, hace adquirir un papel sumiso ante el cuerpo envolvente, estar al centro del funcionamiento.<br />
<br />
Lo ''incansable'' finalmente se observa en que el cuerpo tiene una vuelta propia.<br />
<br />
---<br />
El cuerpo se diseña a partir del gesto, es decir, la frustración. <br />
<br />
Como concepto principal que se puede aplicar al diseño en torno a la frustración (a lo incompleto o inconcluso, algo que evidentemente sería de una forma y no lo termina siendo) es el destiempo, ya que de otra forma podría mal interpretarse como un mal diseño que termina fallando. <br />
<br />
Es por esto que se aplica el destiempo en “algo” que están por alcanzarse pero que nunca lo hacen por el punto de partida del movimiento de estos elementos que están en distintos puntos ubicados (dependiendo del movimiento, y por ende, del mecanismo correspondiente). También bajo este mismo concepto, se trabaja el descalce, algo que está predispuesto a unirse de forma obvia, pero que por diseño (a propósito) están a punto de hacerlo pero nunca se concreta. <br />
<br />
Esta serie de sucesos continuos pretende que genere a quien está expectando e interactuando con el objeto de diseño frustración en lo que esperaba que iba a suceder finalmente con los movimientos que se generaban en él.<br />
<br />
<br />
A partir de estas primeras abstracciones de la frustración de lo inconcluso se propone como objeto de diseño la madera con cortes específicos que permiten la movilidad de este material rígido, aludiendo al posible movimiento que podría tener la tela (en múltiples ejes y direcciones, además de la elasticidad que tienen algunos materiales en específico), cosa que por ejemplo, no se podría realizar con papel. A su vez, la madera es mucho más fácil de controlar su movimiento y estructura para el cuerpo general. <br />
<br />
Se propone finalmente el destiempo entre los tres ejes verticales que componen el Espacio Expositivo Interactivo, conteniendo cada uno la unidad discreta que se transforma de volumen a plano. <br />
<br />
(Reunión de partes /encarcelado)<br />
<br />
=Primeros Prototipos= <br />
==Propuesta [A]==<br />
Se propone el Descale como objetivo final de la frustración.<br />
<br />
===animación===<br />
<br />
<center>{{#widget:Youtube|id=CF6HbI-RlV0}}</center><br />
<center>{{#widget:Youtube|id=rhKnLDWyKv8}}</center><br />
<center>{{#widget:Youtube|id=ihVGbeiv2p0}}</center><br />
<br />
===Formalidad===<br />
<br />
<br />
[[Archivo:MagoEnsamblaje4.png|262px]]<br />
[[Archivo:MagoEnsamblaje3.png|262px]]<br />
[[Archivo:MagoEnsamblaje2.png|262px]]<br />
[[Archivo:MagoEnsamblaje1.png|262px]]<br />
<br />
[[Archivo:MagoEnsamblaje5.png|350px]]<br />
[[Archivo:MagoEnsamblaje6.png|350px]]<br />
[[Archivo:MagoEnsamblaje7.png|350px]]<br />
<br />
<br />
===Escala Humana===<br />
<br />
[[Archivo:Ensamblaje4humano.png|350px]]<br />
[[Archivo:Ensamblaje2humano.png|350px]]<br />
[[Archivo:Ensamblaje1humano.png|350px]]<br />
<br />
==Propuesta [B]==<br />
Se propone el ''Destiempo'' como propuesta principal.<br />
===Formalidad===<br />
[[Archivo:Maquetapoli2.JPG|500px]]<br />
[[Archivo:MAQUETAPOLI1B.jpeg|500px]]<br />
<br />
===Momentos===<br />
[[Archivo:MAQUETAPOLI1moment1.jpeg|350px]]<br />
[[Archivo:Maqtpoli12.jpg|350px]]<br />
[[Archivo:DSC0995.JPG|350px]]<br />
<br />
==Propuesta [C]==<br />
Se propone el destiempo como propuesta principal del mecanismo.<br />
===Formalidad===<br />
[[Archivo:DSC0998.JPG|500px]]<br />
[[Archivo:DSC0999.JPG|500px]]<br />
<br />
<br />
===Momentos===<br />
[[Archivo:DSC1001.JPG|500px]]<br />
[[Archivo:DSC1004.JPG|500px]]<br />
<br />
<br />
=Segundo Prototipo: '''Destiempo en la Movilidad de la Madera'''=<br />
==Pruebas de Mecanismos==<br />
<center>{{#widget:Youtube|id=a-HkBm2yOYE}}</center><br />
<br />
==Pruebas de Material y Cortes==<br />
* '''Prueba [A]''': Primer acercamiento al movimiento.<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Puentes en una sola dirección, por lo que se abre de forma limitada.<br />
<gallery><br />
Archivo:Dsc1044polia.jpg<br />
Archivo:Dsc1046.jpg<br />
</gallery><br />
<br />
<br />
* '''Prueba [B]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Cortes segmentados cortos que debilitan lo estructural de la madera, pero que no permiten un buen abrir del plano.<br />
<gallery><br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.31.png<br />
Archivo:DSC1030.JPG<br />
</gallery><br />
<br />
<br />
<br />
* '''Prueba [C]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Cortes segmentados que limitan el abrir, a su vez, estructuran mejor la totalidad de la forma.<br />
<gallery><br />
Archivo:DSC1031.JPG<br />
Archivo:DSC1032.JPG<br />
Archivo:Dsc1034ploilk.jpg<br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.21.png<br />
Archivo:Captura de pantalla 2018-07-27 a las 10.58.23.png<br />
</gallery><br />
<br />
<br />
<br />
* '''Prueba [D]'''<br />
** '''Materialidad''': Terciado.<br />
** '''Formalidad''': Círculo.<br />
** Corte en espiral continuo, el cual exagera mucho su abrir y no tiene rigidez.<br />
** Prueba final usada para este prototipo.<br />
<gallery><br />
Archivo:Captura de pantalla 2018-07-27 a las 10.57.46.png<br />
Archivo:DSC1055.JPG<br />
</gallery><br />
<br />
==Prototipo==<br />
===Agarres===<br />
[[Archivo:Extremosuperiorploilio.jpg|500px]]<br />
[[Archivo:Dsc10005.jpg|500px]]<br />
<br />
<br />
===Propuesta Formal===<br />
[[Archivo:DSC1011.JPG|500px]]<br />
[[Archivo:DSC092000.JPG|500px]]<br />
<br />
===Detalles===<br />
[[Archivo:DSC1023.JPG|500px]]<br />
[[Archivo:DSC1026.JPG|500px]]<br />
<br />
<br />
===Momentos===<br />
[[Archivo:Fase1ploiaaa.jpg|350px]]<br />
[[Archivo:Fase2ploiaaa.jpg|350px]]<br />
[[Archivo:Dsc106.jpg|350px]]<br />
<br />
[[Archivo:Dsc10071.jpg|350px]]<br />
[[Archivo:Dscs10018.jpg|350px]]<br />
[[Archivo:Dscs10019.jpg|350px]]<br />
<br />
<br />
===Registro Visual del Movimiento===<br />
* '''Propuesta [A], Figuras sin Tope''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=i83zxnkqXFs}}</center><br />
<center>{{#widget:Youtube|id=OVkzTF2p19Y}}</center><br />
<br />
<br />
<br />
<br />
<br />
* '''Propuesta [B], Figuras con Tope''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=l6PR97pldwE}}</center><br />
<center>{{#widget:Youtube|id=xB06Q_TbbvM}}</center><br />
<br />
=Tercer Prototipo: '''Movimiento del Plano de Madera en más de un Eje'''=<br />
==Pruebas de Material, Forma y Cortes==<br />
* '''Prueba [A]''': <br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Prueba de cortes circulares en figura triangular, hasta su deformación.<br />
<gallery><br />
Archivo:Dsc1036.jpg<br />
</gallery><br />
<br />
* '''Prueba [B]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Puentes desde el centro de forma cuadrangular, hasta las esquinas de otra forma, con el fin de que en una misma figura la deformación ocurra de formas distintas de una misma vez (como parte de la corrección del movimiento y deformación de la figura en más de un eje).<br />
<gallery><br />
Archivo:DSC1037.JPG<br />
Archivo:DSC1040.JPG<br />
Archivo:DSC1038.JPG<br />
</gallery><br />
<br />
* '''Prueba [C]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Cuadrado.<br />
** Iteración de la primera prueba de la movilidad en materiales rígidos. Puentes en ambas direcciones, por lo que se abre de manera más libre.<br />
<gallery><br />
Archivo:Dsc104pola1.jpg<br />
Archivo:Dsc19042pilokioa.jpg<br />
</gallery><br />
<br />
* '''Prueba [D]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Analogía de la prueba de materialidad y corte anterior.<br />
<gallery><br />
Archivo:Dsc1048polia.jpg<br />
</gallery><br />
<br />
* '''Prueba [E]'''<br />
** '''Materialidad''': Cartón piedra de 2mm<br />
** '''Formalidad''': Triángulo.<br />
** Puentes en todas las direcciones, además de que la reiteración es mayor (en cuanto a cantidad).<br />
<gallery><br />
Archivo:DSC1049.JPG<br />
Archivo:Dsc1052.jpg<br />
</gallery><br />
<br />
* '''Prueba [F]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P1plllikh.png|Archivo Illustrator<br />
Archivo:DSC1065.JPG|Vista Superior<br />
Archivo:DSC1067.JPG|Vista Lateral Deformado<br />
Archivo:DSC1066.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [G]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P2sjksadhjfd.png|Archivo Illustrator<br />
Archivo:DSC1062.JPG|Vista Superior<br />
Archivo:DSC1063.JPG|Vista Lateral Deformado<br />
Archivo:DSC1064.JPg|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [H]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P3poliaaa.png|Archivo Illustrator<br />
Archivo:DSC1056.JPG|Vista Superior<br />
Archivo:DSC1057.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
* '''Prueba [I]'''<br />
** '''Materialidad''': Cartón piedra de 0.5mm<br />
** '''Formalidad''': Cuadrado.<br />
<gallery><br />
Archivo:P4polaiasliwd.png|Archivo Illustrator<br />
Archivo:DSC1058.JPG|Vista Superior<br />
Archivo:DSC1060.JPG|Vista Superior<br />
Archivo:DSC1061.JPG|Vista Lateral Deformado<br />
</gallery><br />
<br />
==Prototipo [A]==<br />
* '''Formalidad''': Cuadrados (4)<br />
* '''Medidas''': 500 x 500 mm<br />
* '''Materialidad''': Terciado + Cartón Piedra<br />
* '''Tensores''': Alambre Tensado (Secciones Unidas)<br />
* '''Eje Central''': Hilo/Cordel<br />
<br />
<gallery><br />
Archivo:Cap1cuadradoA.png|Creación del Archivo para Corte láser<br />
Archivo:Captura de pantalla 2018-07-26 a las 13.35.39.png<br />
Archivo:Captura de pantalla 2018-07-26 a las 13.36.47.png<br />
Archivo:Cap2cuadradoA.png<br />
Archivo:Cap3cuadradoA.png<br />
Archivo:Cap4cuadradoA.png|Archivo final corte láser<br />
</gallery><br />
<br />
[[Archivo:DSC1069.JPG|center|700px]]<br />
<br />
==Prototipo [B] (Iteración del Prototipo 2)==<br />
* '''Formalidad''': Círculos (4)<br />
* '''Medidas''': 300 mm diámetro<br />
* '''Materialidad''': Terciado<br />
* '''Tensores''': Hilo<br />
* '''Eje Central''': Tubo Aluminio<br />
<br />
===Registro Visual del Movimiento===<br />
* '''Vista Total del Módulo Expositivo Interactivo''':<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=_mKO7HtZe2E}}</center><br />
<br />
<br />
=Cuarto Prototipo: '''Dos Tipos de Movimientos para la Generación de Momentos'''=<br />
==Pruebas de Materialidad y Corte==<br />
==Giro en 45º de la Unidad Discreta==<br />
===Pruebas de Giro y Posición===<br />
* '''Cuadrado - Giro a "Rombo" - Volumen'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=gIlKXkLKagQ}}</center><br />
<br />
<br />
<br />
* '''"Rombo" - Giro a Cuadrado - Volumen'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=wcC1QCFXSsg}}</center><br />
<br />
<br />
===Rombo - Cuadrado: Sistema de Polea===<br />
* '''Polea'''<br />
<gallery><br />
Archivo:PoleaDSC1086.JPG<br />
</gallery><br />
<br />
* '''Unión entre Piezas'''<br />
<gallery><br />
Archivo:NudoPiezascuadradasDSC1088.JPG<br />
</gallery><br />
<br />
==Rotación en sí misma de la Unidad Discreta: Plano - Volumen==<br />
* '''Mutación Plano a Volumen: Vista Total'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=G94lWVqy8MI}}</center><br />
<br />
<br />
<br />
<br />
<br />
* '''Mutación Plano a Volumen: Vista en Detalle Unidad Discreta'''<br />
<br />
<br />
<center>{{#widget:Youtube|id=av4vYyUVYZQ}}</center><br />
<br />
<br />
==Propuesta Tipográfica: Calado==<br />
Se propone como tipografía la Variante '''''Medium EB Garamond''''', además de ser calada a mano con el fin de generar el mismo aire que se produce entre la madera (cada cuerpo cuadrado) al desplegarse y formar el volumen.<br />
<br />
<gallery><br />
Archivo:IMG 20180801 195647353.jpg<br />
Archivo:IMG 20180801 195659465.jpg<br />
</gallery><br />
<br />
=Quinto Prototipo: '''Solución de Materialidad y Mecanismos'''=<br />
==Pruebas de Corte==<br />
* '''Problemática Anterior'''<br />
Anteriormente con el terciado de 3mm no se generaba un plano total, luego de la deformación al volumen los cortes quedaban girados y por ende, nunca se lograba en su totalidad un plano. Además, era muy frágil aunque se aumentaran las distancias de los puentes entre los cortes.<br />
<gallery><br />
Archivo:DSC1071.JPG|demostración del no plano<br />
</gallery><br />
<br />
<br />
* '''Pruebas de Cortes con terciado de 4mm'''<br />
Se estudia nuevamente la materialidad, esta vez con ''cortes de 1mm de espesor'' para ''evitar el roce'' y ''terminaciones redondeadas'' para evitar posibles rupturas de la madera. <br />
<br />
Cada archivo e iteración repara en la distancia de los puentes entre los cortes, cada vez más angostos, aportando a su movilidad.<br />
<br />
<gallery><br />
Archivo:Captura de pantalla 2018-08-05 a las 17.50.47.png<br />
Archivo:Captura de pantalla 2018-08-05 a las 17.51.00.png<br />
Archivo:Captura de pantalla 2018-08-05 a las 17.51.19.png<br />
</gallery><br />
<br />
==Cambio de los Momentos==<br />
* Volumen<br />
* Plano<br />
* Rotación<br />
<br />
==Delimitación del Suelo y Mecanismo==<br />
Se propone como base una forma '''hexagonal''', en donde los planos que forman los cuadrados, al ser tres, podrían perfectamente generar un hexágono en el espacio en vez de uno triangular. Aquí mismo se soluciona:<br />
* '''''Delimitación del espacio en la sala''''', <br />
* '''''Ubicación el mecanismo''''': Delimitación y orden para los dos movimientos diferentes (es decir, dos mecanismos distintos),<br />
* '''''Soporte para tensar la estructura''''': No se podía realizar en el suelo al ser cerámica.<br />
<br />
<gallery><br />
Archivo:HexágonoDSC1072.JPG<br />
Archivo:MecanismoDSC1074.JPG<br />
Archivo:MecanismoDSC1077.JPG<br />
</gallery><br />
<br />
==Mecanismos==<br />
===Volumen - Plano===<br />
Las unidades discretas (cuadrados de madera) ''se encuentran tensados desde su centro'' hacia el suelo, generando un '''''volumen en forma de S''''' (este es el '''primer momento'''). Luego '''''al soltarse las figuras vuelven a un plano''''', todavía con sus posiciones paralelas al suelo (''segundo momento'').<br />
<br />
* '''PIEZA QUE SOSTIENE EL CENTRO'''<br />
<gallery><br />
Archivo:PiezaCentroUnidadDIscretaDSC1079.JPG|Detrás<br />
Archivo:DPiezaCentralBSC1083.JPG|Vista delanta<br />
</gallery><br />
<br />
===Plano - Rotación===<br />
Al estar en un plano es más simple girar, y con la ayuda de la polea arriba esto se facilita. Se realiza un giro de casi 45º, en donde las figuras parecen un rombo (sólo por la posición, ya que solo son cuadrados girados).<br />
<br />
+ '''PIEZA DISEÑADA PARA EVITAR EL ROCE ENTRE LAS UNIDADES DISCRETAS AL GIRAR'''<br />
<gallery><br />
Archivo:PiezaRoceEsquinaADSC1081.JPG|Vista Lateral<br />
Archivo:PiezaRoceBDSC1082.JPG|Vista 3/4<br />
</gallery><br />
<br />
==Propuesta Gráfica==<br />
* '''POSICIONES BÁSICAS'''<br />
[[Archivo:Gráfica Tipografía-01.png|center|600px]]<br />
<br />
<br />
<br />
<br />
===Vista Superior y Lectura===<br />
[[Archivo:Plantagrafica1-02.png|center|800px]]<br />
<br />
<br />
<br />
<br />
===Propuesta Tipográfica===<br />
* '''[A]''' ''¿Su incansable súplica''<br />
<br />
[[Archivo:Pilares-04.png|350px]]<br />
[[Archivo:GráficaF5-06.png|350px]]<br />
[[Archivo:GráficaF5-09.png|350px]]<br />
<br />
<br />
<br />
<br />
<br />
* '''[B]''' ''ante el martirio''<br />
<br />
[[Archivo:Pilares-03.png|350px]]<br />
[[Archivo:GráficaF5-07.png|350px]]<br />
[[Archivo:GráficaF5-10.png|350px]]<br />
<br />
<br />
<br />
<br />
* '''[C]''' ''en sumisión?''<br />
[[Archivo:Pilares-05.png|350px]]<br />
[[Archivo:GráficaF5-08.png|350px]]<br />
[[Archivo:GráficaF5-11.png|350px]]<br />
<br />
=Sexto Prototipo: '''Definición y Afinación del Mecanismo'''=<br />
==Pieza Principal==<br />
[[Archivo:Cuadradofinal2 Convertido2-01.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-02.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-03.png|250px]]<br />
[[Archivo:Cuadradofinal2 Convertido2-04.png|250px]]<br />
<br />
==Mecanismos==<br />
* '''Volumen a Plano'''<br />
** Cambio de traslape (abajo encima del de arriba).<br />
** Cambio del eje central (zona superior delante de él)<br />
** Giro al revés<br />
* '''Giro 45 º'''<br />
** Cambio de puntos de agarre (en diagonales).<br />
** Mecanismo con Poleas superiores (cambio de 1 a 2)<br />
** Sistema de Engranajes<br />
** Carril / fierros que mueven la estructura.<br />
<br />
==Gráfica==<br />
* Simplificación<br />
* Maqueta<br />
<br />
=Séptimo Prototipo: '''Definición de Engranajes y Fallo del Motor'''=<br />
==Mecanismo Rotación==<br />
===Detalles Engranajes===<br />
* '''Tope para el Engranaje Mayor - Rodamiento'''<br />
<br />
<br />
[[Archivo:Toperodamiento7.jpg|600px|center]]<br />
<br />
<br />
<br />
<gallery><br />
Archivo:TopeRodamiento1.jpg|Vistas<br />
Archivo:Toperodamiento2.jpg<br />
Archivo:Toperodamiento3.jpg<br />
Archivo:Toperodamiento4.jpg<br />
Archivo:Toperodamiento6.jpg|Ubicación<br />
Archivo:Toperodamiento9.jpg<br />
</gallery><br />
<br />
<br />
<br />
<br />
* '''Detalle de Engranajes Menores [A] - [B] - [C]'''<br />
<br />
<br />
<gallery><br />
Archivo:EngranajeChico6.jpg<br />
Archivo:EngranajeChico1.jpg<br />
Archivo:EngranajeChico2.jpg<br />
Archivo:EngranajeChico3.jpg<br />
Archivo:EngranajeChico4.jpg<br />
Archivo:EngranajeChico5.jpg<br />
</gallery><br />
<br />
<br />
<br />
* '''Detalle de Carril y Poleas en Caja (Sistema Inferior)'''<br />
<br />
<gallery><br />
Archivo:Riel1.jpg<br />
Archivo:Riel2.jpg<br />
Archivo:Riel3.jpg<br />
Archivo:Riel4.jpg<br />
</gallery><br />
<br />
<br />
===Prueba Mecanismos y Motor===<br />
* '''Primera prueba del motor con el mecanismo de rotación'''<br />
* '''Resultado''': No funciona ni mueve con facilidad la pieza principal (antes del contacto con los engranajes que mueven el resto del sistema).<br />
<br />
<br />
<br />
<center>{{#widget:Youtube|id=Q5IECCaPY2U}}</center><br />
<br />
=Prototipo Final=<br />
==Momentos==<br />
===A===<br />
===B===<br />
==Mecanismos==<br />
===A===<br />
===B===<br />
==Gráfica==<br />
<br />
=Registro Bitácoras=<br />
==Catalina==<br />
<gallery><br />
Archivo:CCeaBitacora 1.jpg<br />
Archivo:CCeaPBitacora 2.jpg<br />
Archivo:PcceaBitacora 3.jpg<br />
Archivo:PcceaBitacora 4.jpg<br />
Archivo:PcceaBitacora 5.jpg<br />
Archivo:PcceaBitacora 6.jpg<br />
Archivo:PceacBitacora 7.jpg<br />
Archivo:PcceaBitacora 8.jpg<br />
Archivo:PcceaBitacora 9.jpg<br />
Archivo:PcceaBitacora 10.jpg<br />
Archivo:PcceaBitacora 11.jpg<br />
Archivo:PcceaBitacora 12.jpg<br />
Archivo:PcceaBitacora 13.jpg<br />
Archivo:PcceaBitacora 14.jpg<br />
Archivo:PceaBitacora 15.jpg<br />
Archivo:PcceaBitacora 17.jpg<br />
Archivo:PcceaBitacora 18.jpg<br />
Archivo:PcceaBitacora 19.jpg<br />
Archivo:PcceaBitacora 20.jpg<br />
Archivo:PcceaBitacora 21.jpg<br />
Archivo:PcceaBitacora 22.jpg<br />
</gallery><br />
<br />
==Antonia==<br />
Archivo:Mecanismoconengranaje.png<br />
Archivo:Hexagono pedal.png<br />
Archivo:Piezas de tope.png<br />
<gallery><br />
<br />
</gallery><br />
==Bastián==<br />
<gallery><br />
<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:Piezas_de_tope.png&diff=525356Archivo:Piezas de tope.png2018-08-13T06:56:59Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:Hexagono_pedal.png&diff=525354Archivo:Hexagono pedal.png2018-08-13T06:55:22Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:Mecanismoconengranaje.png&diff=525352Archivo:Mecanismoconengranaje.png2018-08-13T06:52:17Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Hypnerotomachia_Poliphili&diff=520221Hypnerotomachia Poliphili2018-07-15T21:20:41Z<p>Antoniamartinez: /* Repartición de capítulos: */</p>
<hr />
<div>{{Bibliografía<br />
|Título=Hypnerotomachia Poliphili<br />
|Año=1499<br />
|Autor=Francesco Colonna,<br />
|Imagen=Hypnerotomachia Poliphili durmiendo.jpg<br />
|Coautores=Aldo Manucio,<br />
|Tipo de Publicación=Libro<br />
|Editorial=Imprenta Aldina<br />
|URL=https://www.gutenberg.org/files/18459/18459-h/18459-h.htm<br />
|Palabras Clave=renacimiento, libro, xilografía, tipografía, metáfora<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
}}<br />
La extraña y hermosa ''Hypnerotomachia Poliphili'', publicada por Aldo Manucio en Venecia en diciembre de 1499 y escrita por el monje Francesco Colonna (si vamos a creer un acróstico formado por las primeras letras de cada capítulo), narra el viaje soñado de Polífilo y su búsqueda para ganar el amor de Polia. <br />
<br />
El nombre de ''Polífilo'' indica que es un ''amante de muchas cosas'', incluida la arquitectura, los jardines y la escultura. "Le apasionan las telas ricas y coloridas, especialmente cuando las ninfas las usan; se deleita con la música, el boato, el ritual y cualquier otro espectáculo que induzca un elevado estado de conciencia. ... Cuando Polífilo se queda boquiabierto frente a los estupendos edificios de la antigüedad, parece disfrutar del mismo estado de excitación que cuando viaja a Citerea en compañía de Cupido, Polia y seis exquisitamente seductoras ninfas marinas. En cada oportunidad se entrega a la enumeración de detalles que uno podría llamar fetichistas cuando los aplica a la ropa o al calzado, pero que no son menos obsesivos cuando el objeto es una fuente elaborada o un obelisco emblemático. Este erotismo polimorfo es lo que le da a la Hypnerotomachia su intensidad y su atmósfera, saturada con el deseo de mirar, saborear y consumir".<br />
<br />
==Repartición de capítulos:==<br />
* 1-2-3-4-5<br />
* 6-7-8 Grupo Paula<br />
* 9-10-11 Grupo Jessica<br />
* 12-13-14 Grupo Consuelo<br />
* 15<br />
* 16-18-19-29 Grupo Karen<br />
* 20-21-22 Grupo Rosario<br />
* 23-24<br />
* 25-26-27-28 Grupo Bastian<br />
* 30-31-32-33-34 Grupo Natalia<br />
* 35-36-37 Grupo Javi<br />
* 38<br />
<br />
<br />
<br />
<br />
====I====<br />
Polífilo comienza su «Hypnerotomachia». Describiendo la hora y<br />
estación en que le acaeció encontrarse en sueños en una tranquila y<br />
silenciosa región agreste. Luego penetró inadvertidamente, con gran<br />
temor, en una selva impracticable y oscura.<br />
<br />
====II====<br />
Temiendo Polífilo los peligros del oscuro bosque, dirige una oración a<br />
Júpiter, sale de él ansioso y sediento y, queriendo aliviarse con agua,<br />
oye un suave canto y, por seguirlo, abandona el agua y llega a una<br />
congoja mayor.<br />
<br />
====III====<br />
Polífilo cuenta aquí que le pareció dormirse de nuevo y se encontró en<br />
sueños en un valle cuyo extremo estaba admirablemente cerrado con<br />
una portentosa pirámide digna de admiración, que tenía un alto<br />
obelisco encima. Y que examinó estas dos cosas sutilmente, con<br />
cuidado y placer.<br />
<br />
====IV====<br />
Polífilo, tras haber hablado de parte de la inmensa estructura y de la<br />
vastísima pirámide y el admirable obelisco, en el siguiente capítulo<br />
describe obras grandes y maravillosas y principalmente un caballo, un<br />
coloso yacente y un elefante, pero en especial una puerta elegantísima.<br />
<br />
====V====<br />
Tras haber dado suficiente explicación de la gran puerta y de su<br />
simetría, Polífilo prosigue su discurso describiendo óptimamente su<br />
acabado y trabajadísimo adorno y cuan admirablemente estaba<br />
compuesta.<br />
<br />
====VI====<br />
Polífilo, comenzando a entrar por la puerta descrita, contemplaba<br />
también con gran placer el adorno admirable de su ingreso. Y,<br />
queriendo luego volverse atrás, ve al dragón monstruoso,<br />
increíblemente aterrorizado por el cual emprende la huida por lugares<br />
subterráneos. Finalmente, encuentra la deseadísima salida y llega a un<br />
lugar ameno.<br />
<br />
====VII====<br />
Polífilo habla de la amenidad de la región a la que fue a parar,<br />
vagando por la cual encontró una fuente exquisita y muy notable, y<br />
cómo vio venir hacia sí a cinco encantadoras damiselas, que,<br />
maravillándose de su llegada a aquel lugar, le tranquilizaron<br />
piadosamente y le invitaron a sumarse a sus placeres.<br />
<br />
====VIII====<br />
Polífilo, tranquilizado por las cinco ninfas, fue con ellas a las termas,<br />
donde hubo mucho regocijo por lo que ocurrió en la fuente y durante la<br />
unción. Conducido después ante la reina Eleuterilide, vio por el<br />
camino y en el palacio cosas notables y una hermosa fuente.<br />
<br />
====IX====<br />
Polífilo cuenta como puede cuán insigne era la majestad de la reina y<br />
la naturaleza de su morada y su admirable lujo, y cómo ella se extrañó<br />
de su llegada, y su benigna y afable acogida y cuán maravilloso y<br />
espléndido fue su banquete, que excedió la medida humana, y el lugar<br />
incomparable en que tuvo lugar.<br />
<br />
====X====<br />
Polífilo sigue contando que después del gran banquete hubo un<br />
elegantísimo baile que fue un juego, y que la reina le encomendó a dos<br />
distinguidas muchachas, que le condujeron a que admirara cosas<br />
deliciosas y grandes. Y, hablando claramente, disiparon algunas de sus<br />
dudas. Finalmente, llegaron ante las tres puertas y él se quedó en la de<br />
en medio, entre las amorosas ninfas.<br />
<br />
====XI====<br />
Las lascivas muchachas le dejan solo en este lugar desierto y una<br />
ninfa elegantísima le sale al encuentro. Polífilo describe amorosamente<br />
su belleza y su indumentaria.<br />
<br />
====XII====<br />
La bellísima ninfa llega hasta Polífilo, llevando una antorcha en la<br />
mano izquierda. Le toma con la libre y le invita a ir con ella. Entonces<br />
comienza Polífilo a sentir inflamados sus sentidos, abrasado por el<br />
dulce amor de la elegante damisela.<br />
<br />
====XIII====<br />
Polia, todavía no reconocida por el enamorado Polífilo, le tranquiliza<br />
graciosa y amablemente. Y él, a causa de sus admirables bellezas, se<br />
entrega al amor en su mente. Y cuando ambos se acercan a los<br />
triunfos, ve con mucho placer a innumerables jovencitos y muchachas<br />
solazándose.<br />
<br />
====XIV====<br />
Polífilo ve en el lugar ya dicho los cuatro carros triunfales en honor<br />
del supremo Júpiter, todos hechos de diversas piedras y de<br />
preciosísimas joyas, muy venerados por la multitud de felices jóvenes.<br />
<br />
====XV====<br />
La ninfa cuenta elocuentemente a Polífilo de quiénes se componía la<br />
muchedumbre de los jóvenes amantes y de las enamoradas y divinas<br />
muchachas y cómo fueron amados por los dioses. Y ve los coros de los<br />
divinos poetas cantando.<br />
<br />
====XVI====<br />
La ninfa, tras haber explicado diestramente a su Polífilo los misterios<br />
triunfales y el amor divino, le invita a proseguir el camino, por el que<br />
ve con gran placer otras innumerables ninfas solazándose con mil<br />
entretenimientos con sus gratísimos amantes por entre las flores, las<br />
frescas sombras, los claros arroyos y las limpidísimas fuentes. Polífilo,<br />
muy alterado por el amor, enloquecía, pero, temperándose con la<br />
esperanza, se tranquilizó, contemplando el dulce rostro de su bella<br />
ninfa.<br />
<br />
====XVII====<br />
La ninfa conduce al enamorado Polífilo por otros bellos lugares, en los<br />
que ve innumerables ninfas que solemnizan y festejan alegremente el<br />
triunfo de Vertumno y Pomona en torno a un altar sagrado. Luego<br />
llegan a un maravilloso templo, cuya arquitectura describe en parte, y<br />
cuenta que en él la ninfa apaga con gran solemnidad su antorcha, por<br />
mandato de la sacerdotisa, y le manifiesta que es su Polia. Luego<br />
entra con la sacerdotisa en el santuario para realizar un sacrificio e<br />
invoca ante el altar divino a las tres gracias.<br />
<br />
====XVIII====<br />
Polia ofrece devotamente las tórtolas; vuela sobre el altar un pequeño<br />
espíritu y la sacerdotisa dirige una oración a la divina Venus. Luego<br />
esparce las rosas y cuando ha hecho el sacrificio de los cisnes, brota de<br />
allí milagrosamente un rosal con frutos y flores. Los dos comen de<br />
ellos. Después llegan alegremente a un templo en ruinas, cuyos ritos<br />
explica Polia a Polífilo, persuadiéndole de que entre en él a contemplar<br />
muchos epitafios antiguos. Vuelve él espantado y es tranquilizado por<br />
ella, y cuando están juntos, Polífilo se inflama de amor viendo las<br />
inmensas bellezas de Polia.<br />
<br />
====XIX====<br />
Polia persuade a Polífilo para que vaya a ver los antiguos epitafios en<br />
el templo destruido. Allí ve Polífilo cosas admirables y, al contemplar<br />
por último el rapto de Proserpina, teme haber perdido incautamente a<br />
su Polia y vuelve a ella asustado. Luego viene el dios Amor, que invita<br />
a Polia y a Polífilo a entrar en su navecilla. Habiendo llamado aquel a<br />
Céfiro, navegan felices y los dioses marinos demuestran a Cupido gran<br />
veneración.<br />
<br />
====XX====<br />
Polífilo cuenta que las ninfas, tras haber frenado los remos,<br />
comenzaron a cantar suavemente. Y que sentía una gran dulzura de<br />
amor, porque Polia competía con ellas en el canto.<br />
<br />
====XXI====<br />
Llegaron alegremente al deseadísimo lugar, cuya digna amenidad<br />
afirma Polífilo, describiendo oportunamente sus plantas, hierbas y<br />
avecillas, pero antes la forma de la navecilla. Y cuenta que, al<br />
descender de ella el señor Cupido, salieron a su encuentro para<br />
honrarle muchas ninfas portadoras de trofeos.<br />
<br />
====XXII====<br />
Cuando salieron de la navecilla, vinieron a su encuentro infinitas<br />
ninfas con trofeos, soberbiamente vestidas. Polífilo describe la<br />
misteriosa forma de los objetos procesionales que ofrecieron a Cupido y<br />
la procesión del carro triunfal, que fue seguido por él y Polia atados. Y<br />
que llegaron en máximo triunfo a la puerta del admirable anfiteatro,<br />
el cual describe Polífilo completamente por dentro y por fuera.<br />
<br />
====XXIII====<br />
Polífilo describe el admirable artificio de la fuente de Venus que había<br />
en el centro del área del teatro, y cómo fue rota la cortinilla y vio a la<br />
madre divina en su majestad y cómo ella impuso silencio a las ninfas<br />
que cantaban, de las que consignó tres a Polia y tres a él. Luego<br />
Cupido les hirió a los dos y la diosa les mojó con el agua de la fuente y<br />
Polífilo fue revestido. Por último, a la llegada de Marte, se<br />
despidieron y se retiraron.<br />
<br />
====XXIV====<br />
Polífilo cuenta que, a la llegada del guerrero, salieron del teatro con<br />
sus acompañantes y las otras ninfas. Llegaron a una fuente sagrada,<br />
donde las ninfas hablan del sepulcro de Adonis y de cómo la diosa<br />
acudía a él todos los años a cumplir las ceremonias santas; y, cesando<br />
en sus danzas y cantos, convencieron luego a Polia de que contase su<br />
origen y sus amores.<br />
<br />
* POLÍFILO COMIENZA EL SEGUNDO LIBRO DE SU<br />
«HYPNEROTOMACHIA», EN EL QUE POLIA Y ÉL<br />
CUENTAN INTERCALADAMENTE CADA UNO SUS<br />
AMORES<br />
<br />
====XXV====<br />
Cuenta aquí la divina Polia su noble y antiguo origen y cómo Treviso<br />
fue edificada por sus antepasados. Y que era oriunda de la familia<br />
Lelia, y de qué modo, sin ella advertirlo y sin dar se cuenta, se<br />
enamoró de ella desmesuradamente su querido Polífilo.<br />
<br />
====XXVI====<br />
Atacada Polia por la peste, hizo un voto a Diana y, habiéndose<br />
consagrado a ella, por casualidad la vio Polífilo en el templo, donde<br />
un día después la encontró sola orando. Contóle su pena y el martirio<br />
que sufría amándola y le pidió alivio, pero ella, permaneciendo<br />
inmisericorde, le vio desvanecerse como muerto y emprendió la huida<br />
como un malhechor.<br />
<br />
====XXVII====<br />
Polia termina de contar su crueldad y cómo, al huir, fue arrebatada<br />
por un torbellino y transportada sin darse cuenta a un bosque, donde<br />
vio que dos muchachas eran despedazadas. Luego, cómo volvió en sí<br />
espantada. Después, durmiendo, le pareció ser raptada por dos<br />
verdugos. Aterrorizada por ello, se movió en sueños y se despertaron<br />
ella y su nodriza, la cual le dio útil consejo sobre la razón de aquello.<br />
<br />
====XXVIII====<br />
Polia cuenta de qué modo la sagaz nodriza le aconsejó, por medio de<br />
varios ejemplos y paradigmas, que evitara la ira y las amenazas de los<br />
dioses; y cómo una mujer, desesperada por un amor desmesurado, se<br />
mató; y le recomendó que fuera sin tardanza a la sacerdotisa del santo<br />
templo de la señora Venus, que le daría un consejo conveniente y<br />
eficaz.<br />
<br />
====XXIX====<br />
Polia, temerosa de la ira divina a causa de los ejemplos de la prudente<br />
nodriza, comenzó a enamorarse con buena disposición y fue al templo<br />
donde yacía muerto Polífilo y, llorando y derramando lagrimas y<br />
abrazándole, le hizo resucitar. Y cuenta cómo las ninfas de Diana los<br />
pusieron en fuga y las visiones que vio Polia en su cámara. Y que<br />
luego, yendo al santuario de Venus, encontró al enamorado Polífilo.<br />
<br />
====XXX====<br />
Polia se acusó ante la sacerdotisa del templo de su pasada impiedad y<br />
declaró, mostrando a Polífilo presente, que ahora estaba<br />
completamente llena de un amor ardiente. La religiosa matrona llamó<br />
ante ella a este, el cual suplicó que les confirmara a ambos en su<br />
meditada resolución. Polia, a causa del amor impaciente que crecía en<br />
ella sin cesar, interrumpió la respuesta.<br />
<br />
====XXXI====<br />
Apenas hubo acabado Polífilo su discurso, Polia le expresó el<br />
vehemente amor por el que había sido íntimamente alcanzada, así<br />
como la gran avidez que sentía de amarle, con varios ejemplos. Y para<br />
manifestarle su pasión ardiente, le dio un beso dulcísimo como prueba<br />
de su gran amor. Después cuenta lo que le respondió la venerable<br />
sacerdotisa.<br />
<br />
====XXXII====<br />
Obedeciendo las órdenes de la sacerdotisa, Polífilo alaba la<br />
perseverancia y cuenta, suprimiendo lo que ya ha dicho de sus amores,<br />
cómo vio a Polia en el templo durante una fiesta y cómo fue agitado<br />
sumamente por el amor. Luego se duele de su alejamiento. Le<br />
manifiesta su tormento tras haber tenido la idea de enviarle una carta.<br />
<br />
====XXXIII====<br />
Primera carta que Polífilo cuenta haber escrito a su Polia, y que, como<br />
ella no se conmovió en absoluto, le envió la segunda.<br />
<br />
====XXXIV====<br />
Polífilo prosigue su dolorosa historia y cuenta que, ya que Polia no se<br />
mostró conmovida por sus cartas, le envió una tercera y cómo,<br />
perseverando ella todavía en su crueldad, la encontró por casualidad<br />
sola y rezando en el templo de Diana, donde él murió. Luego resucitó<br />
entre sus dulces abrazos.<br />
<br />
====XXXV====<br />
Polífilo prosigue su narración y cuenta que su espíritu, al regresar a él,<br />
se le apareció y le habló alegremente, diciéndole que había estado en<br />
presencia de la divina Pafia, propicia y benévola, y que, tras haber<br />
obtenido su gracia, estaba de regreso felizmente para vivificarle.<br />
<br />
====XXXVI====<br />
Polífilo dice que apenas se hubo callado su alma, se halló vivo entre<br />
los brazos de Polia. Luego, rogando a la sacerdotisa que les uniera a<br />
ambos en un amor perpetuo, puso fin a su discurso. Y Polia concluye<br />
el relato que hizo a las ninfas de cómo se enamoró de Polífilo, y él de<br />
ella.<br />
<br />
====XXXVII====<br />
Cuenta Polífilo que cuando Polia se calló, había terminado al mismo<br />
tiempo la guirnalda de flores, que le puso en la cabeza, besándole<br />
suavemente. Las ninfas, que habían escuchado durante todo aquel<br />
tiempo la historia de amor, volvieron a sus placeres y se despidieron.<br />
Polia y Polífilo se quedaron solos, hablando de amor. Y Polia,<br />
abrazándole estrechísimamente, desapareció junto con el sueño.<br />
<br />
====XXXVIII====<br />
Acaba aquí Polífilo su lucha de amor en sueños, lamentando que aquel<br />
no fuera más largo y que el Sol envidioso produjera el nuevo día.<br />
<br />
<br />
Ver también: <br />
* [https://es.wikipedia.org/wiki/Sue%C3%B1o_de_Pol%C3%ADfilo El Sueño de Polífilo]<br />
* [https://www.lectulandia.com/book/sueno-de-polifilo/ Edición en Español Online]</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Hypnerotomachia_Poliphili&diff=520220Hypnerotomachia Poliphili2018-07-15T21:19:37Z<p>Antoniamartinez: </p>
<hr />
<div>{{Bibliografía<br />
|Título=Hypnerotomachia Poliphili<br />
|Año=1499<br />
|Autor=Francesco Colonna,<br />
|Imagen=Hypnerotomachia Poliphili durmiendo.jpg<br />
|Coautores=Aldo Manucio,<br />
|Tipo de Publicación=Libro<br />
|Editorial=Imprenta Aldina<br />
|URL=https://www.gutenberg.org/files/18459/18459-h/18459-h.htm<br />
|Palabras Clave=renacimiento, libro, xilografía, tipografía, metáfora<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
}}<br />
La extraña y hermosa ''Hypnerotomachia Poliphili'', publicada por Aldo Manucio en Venecia en diciembre de 1499 y escrita por el monje Francesco Colonna (si vamos a creer un acróstico formado por las primeras letras de cada capítulo), narra el viaje soñado de Polífilo y su búsqueda para ganar el amor de Polia. <br />
<br />
El nombre de ''Polífilo'' indica que es un ''amante de muchas cosas'', incluida la arquitectura, los jardines y la escultura. "Le apasionan las telas ricas y coloridas, especialmente cuando las ninfas las usan; se deleita con la música, el boato, el ritual y cualquier otro espectáculo que induzca un elevado estado de conciencia. ... Cuando Polífilo se queda boquiabierto frente a los estupendos edificios de la antigüedad, parece disfrutar del mismo estado de excitación que cuando viaja a Citerea en compañía de Cupido, Polia y seis exquisitamente seductoras ninfas marinas. En cada oportunidad se entrega a la enumeración de detalles que uno podría llamar fetichistas cuando los aplica a la ropa o al calzado, pero que no son menos obsesivos cuando el objeto es una fuente elaborada o un obelisco emblemático. Este erotismo polimorfo es lo que le da a la Hypnerotomachia su intensidad y su atmósfera, saturada con el deseo de mirar, saborear y consumir".<br />
<br />
==Repartición de capítulos:==<br />
* 1-2-3-4-5<br />
* 6-7-8 Grupo Paula<br />
* 9-10-11 Grupo Jessica<br />
* 12-13-14 Grupo Consuelo<br />
* 15<br />
* 16-18-19-29 Grupo Karen<br />
* 20-21-22 Grupo Rosario<br />
* 23-24-25-26-27-28<br />
* 30-31-32-33-34 Grupo Natalia<br />
* 35-36-37 Grupo Javi<br />
* 38<br />
<br />
<br />
<br />
<br />
====I====<br />
Polífilo comienza su «Hypnerotomachia». Describiendo la hora y<br />
estación en que le acaeció encontrarse en sueños en una tranquila y<br />
silenciosa región agreste. Luego penetró inadvertidamente, con gran<br />
temor, en una selva impracticable y oscura.<br />
<br />
====II====<br />
Temiendo Polífilo los peligros del oscuro bosque, dirige una oración a<br />
Júpiter, sale de él ansioso y sediento y, queriendo aliviarse con agua,<br />
oye un suave canto y, por seguirlo, abandona el agua y llega a una<br />
congoja mayor.<br />
<br />
====III====<br />
Polífilo cuenta aquí que le pareció dormirse de nuevo y se encontró en<br />
sueños en un valle cuyo extremo estaba admirablemente cerrado con<br />
una portentosa pirámide digna de admiración, que tenía un alto<br />
obelisco encima. Y que examinó estas dos cosas sutilmente, con<br />
cuidado y placer.<br />
<br />
====IV====<br />
Polífilo, tras haber hablado de parte de la inmensa estructura y de la<br />
vastísima pirámide y el admirable obelisco, en el siguiente capítulo<br />
describe obras grandes y maravillosas y principalmente un caballo, un<br />
coloso yacente y un elefante, pero en especial una puerta elegantísima.<br />
<br />
====V====<br />
Tras haber dado suficiente explicación de la gran puerta y de su<br />
simetría, Polífilo prosigue su discurso describiendo óptimamente su<br />
acabado y trabajadísimo adorno y cuan admirablemente estaba<br />
compuesta.<br />
<br />
====VI====<br />
Polífilo, comenzando a entrar por la puerta descrita, contemplaba<br />
también con gran placer el adorno admirable de su ingreso. Y,<br />
queriendo luego volverse atrás, ve al dragón monstruoso,<br />
increíblemente aterrorizado por el cual emprende la huida por lugares<br />
subterráneos. Finalmente, encuentra la deseadísima salida y llega a un<br />
lugar ameno.<br />
<br />
====VII====<br />
Polífilo habla de la amenidad de la región a la que fue a parar,<br />
vagando por la cual encontró una fuente exquisita y muy notable, y<br />
cómo vio venir hacia sí a cinco encantadoras damiselas, que,<br />
maravillándose de su llegada a aquel lugar, le tranquilizaron<br />
piadosamente y le invitaron a sumarse a sus placeres.<br />
<br />
====VIII====<br />
Polífilo, tranquilizado por las cinco ninfas, fue con ellas a las termas,<br />
donde hubo mucho regocijo por lo que ocurrió en la fuente y durante la<br />
unción. Conducido después ante la reina Eleuterilide, vio por el<br />
camino y en el palacio cosas notables y una hermosa fuente.<br />
<br />
====IX====<br />
Polífilo cuenta como puede cuán insigne era la majestad de la reina y<br />
la naturaleza de su morada y su admirable lujo, y cómo ella se extrañó<br />
de su llegada, y su benigna y afable acogida y cuán maravilloso y<br />
espléndido fue su banquete, que excedió la medida humana, y el lugar<br />
incomparable en que tuvo lugar.<br />
<br />
====X====<br />
Polífilo sigue contando que después del gran banquete hubo un<br />
elegantísimo baile que fue un juego, y que la reina le encomendó a dos<br />
distinguidas muchachas, que le condujeron a que admirara cosas<br />
deliciosas y grandes. Y, hablando claramente, disiparon algunas de sus<br />
dudas. Finalmente, llegaron ante las tres puertas y él se quedó en la de<br />
en medio, entre las amorosas ninfas.<br />
<br />
====XI====<br />
Las lascivas muchachas le dejan solo en este lugar desierto y una<br />
ninfa elegantísima le sale al encuentro. Polífilo describe amorosamente<br />
su belleza y su indumentaria.<br />
<br />
====XII====<br />
La bellísima ninfa llega hasta Polífilo, llevando una antorcha en la<br />
mano izquierda. Le toma con la libre y le invita a ir con ella. Entonces<br />
comienza Polífilo a sentir inflamados sus sentidos, abrasado por el<br />
dulce amor de la elegante damisela.<br />
<br />
====XIII====<br />
Polia, todavía no reconocida por el enamorado Polífilo, le tranquiliza<br />
graciosa y amablemente. Y él, a causa de sus admirables bellezas, se<br />
entrega al amor en su mente. Y cuando ambos se acercan a los<br />
triunfos, ve con mucho placer a innumerables jovencitos y muchachas<br />
solazándose.<br />
<br />
====XIV====<br />
Polífilo ve en el lugar ya dicho los cuatro carros triunfales en honor<br />
del supremo Júpiter, todos hechos de diversas piedras y de<br />
preciosísimas joyas, muy venerados por la multitud de felices jóvenes.<br />
<br />
====XV====<br />
La ninfa cuenta elocuentemente a Polífilo de quiénes se componía la<br />
muchedumbre de los jóvenes amantes y de las enamoradas y divinas<br />
muchachas y cómo fueron amados por los dioses. Y ve los coros de los<br />
divinos poetas cantando.<br />
<br />
====XVI====<br />
La ninfa, tras haber explicado diestramente a su Polífilo los misterios<br />
triunfales y el amor divino, le invita a proseguir el camino, por el que<br />
ve con gran placer otras innumerables ninfas solazándose con mil<br />
entretenimientos con sus gratísimos amantes por entre las flores, las<br />
frescas sombras, los claros arroyos y las limpidísimas fuentes. Polífilo,<br />
muy alterado por el amor, enloquecía, pero, temperándose con la<br />
esperanza, se tranquilizó, contemplando el dulce rostro de su bella<br />
ninfa.<br />
<br />
====XVII====<br />
La ninfa conduce al enamorado Polífilo por otros bellos lugares, en los<br />
que ve innumerables ninfas que solemnizan y festejan alegremente el<br />
triunfo de Vertumno y Pomona en torno a un altar sagrado. Luego<br />
llegan a un maravilloso templo, cuya arquitectura describe en parte, y<br />
cuenta que en él la ninfa apaga con gran solemnidad su antorcha, por<br />
mandato de la sacerdotisa, y le manifiesta que es su Polia. Luego<br />
entra con la sacerdotisa en el santuario para realizar un sacrificio e<br />
invoca ante el altar divino a las tres gracias.<br />
<br />
====XVIII====<br />
Polia ofrece devotamente las tórtolas; vuela sobre el altar un pequeño<br />
espíritu y la sacerdotisa dirige una oración a la divina Venus. Luego<br />
esparce las rosas y cuando ha hecho el sacrificio de los cisnes, brota de<br />
allí milagrosamente un rosal con frutos y flores. Los dos comen de<br />
ellos. Después llegan alegremente a un templo en ruinas, cuyos ritos<br />
explica Polia a Polífilo, persuadiéndole de que entre en él a contemplar<br />
muchos epitafios antiguos. Vuelve él espantado y es tranquilizado por<br />
ella, y cuando están juntos, Polífilo se inflama de amor viendo las<br />
inmensas bellezas de Polia.<br />
<br />
====XIX====<br />
Polia persuade a Polífilo para que vaya a ver los antiguos epitafios en<br />
el templo destruido. Allí ve Polífilo cosas admirables y, al contemplar<br />
por último el rapto de Proserpina, teme haber perdido incautamente a<br />
su Polia y vuelve a ella asustado. Luego viene el dios Amor, que invita<br />
a Polia y a Polífilo a entrar en su navecilla. Habiendo llamado aquel a<br />
Céfiro, navegan felices y los dioses marinos demuestran a Cupido gran<br />
veneración.<br />
<br />
====XX====<br />
Polífilo cuenta que las ninfas, tras haber frenado los remos,<br />
comenzaron a cantar suavemente. Y que sentía una gran dulzura de<br />
amor, porque Polia competía con ellas en el canto.<br />
<br />
====XXI====<br />
Llegaron alegremente al deseadísimo lugar, cuya digna amenidad<br />
afirma Polífilo, describiendo oportunamente sus plantas, hierbas y<br />
avecillas, pero antes la forma de la navecilla. Y cuenta que, al<br />
descender de ella el señor Cupido, salieron a su encuentro para<br />
honrarle muchas ninfas portadoras de trofeos.<br />
<br />
====XXII====<br />
Cuando salieron de la navecilla, vinieron a su encuentro infinitas<br />
ninfas con trofeos, soberbiamente vestidas. Polífilo describe la<br />
misteriosa forma de los objetos procesionales que ofrecieron a Cupido y<br />
la procesión del carro triunfal, que fue seguido por él y Polia atados. Y<br />
que llegaron en máximo triunfo a la puerta del admirable anfiteatro,<br />
el cual describe Polífilo completamente por dentro y por fuera.<br />
<br />
====XXIII====<br />
Polífilo describe el admirable artificio de la fuente de Venus que había<br />
en el centro del área del teatro, y cómo fue rota la cortinilla y vio a la<br />
madre divina en su majestad y cómo ella impuso silencio a las ninfas<br />
que cantaban, de las que consignó tres a Polia y tres a él. Luego<br />
Cupido les hirió a los dos y la diosa les mojó con el agua de la fuente y<br />
Polífilo fue revestido. Por último, a la llegada de Marte, se<br />
despidieron y se retiraron.<br />
<br />
====XXIV====<br />
Polífilo cuenta que, a la llegada del guerrero, salieron del teatro con<br />
sus acompañantes y las otras ninfas. Llegaron a una fuente sagrada,<br />
donde las ninfas hablan del sepulcro de Adonis y de cómo la diosa<br />
acudía a él todos los años a cumplir las ceremonias santas; y, cesando<br />
en sus danzas y cantos, convencieron luego a Polia de que contase su<br />
origen y sus amores.<br />
<br />
* POLÍFILO COMIENZA EL SEGUNDO LIBRO DE SU<br />
«HYPNEROTOMACHIA», EN EL QUE POLIA Y ÉL<br />
CUENTAN INTERCALADAMENTE CADA UNO SUS<br />
AMORES<br />
<br />
====XXV====<br />
Cuenta aquí la divina Polia su noble y antiguo origen y cómo Treviso<br />
fue edificada por sus antepasados. Y que era oriunda de la familia<br />
Lelia, y de qué modo, sin ella advertirlo y sin dar se cuenta, se<br />
enamoró de ella desmesuradamente su querido Polífilo.<br />
<br />
====XXVI====<br />
Atacada Polia por la peste, hizo un voto a Diana y, habiéndose<br />
consagrado a ella, por casualidad la vio Polífilo en el templo, donde<br />
un día después la encontró sola orando. Contóle su pena y el martirio<br />
que sufría amándola y le pidió alivio, pero ella, permaneciendo<br />
inmisericorde, le vio desvanecerse como muerto y emprendió la huida<br />
como un malhechor.<br />
<br />
====XXVII====<br />
Polia termina de contar su crueldad y cómo, al huir, fue arrebatada<br />
por un torbellino y transportada sin darse cuenta a un bosque, donde<br />
vio que dos muchachas eran despedazadas. Luego, cómo volvió en sí<br />
espantada. Después, durmiendo, le pareció ser raptada por dos<br />
verdugos. Aterrorizada por ello, se movió en sueños y se despertaron<br />
ella y su nodriza, la cual le dio útil consejo sobre la razón de aquello.<br />
<br />
====XXVIII====<br />
Polia cuenta de qué modo la sagaz nodriza le aconsejó, por medio de<br />
varios ejemplos y paradigmas, que evitara la ira y las amenazas de los<br />
dioses; y cómo una mujer, desesperada por un amor desmesurado, se<br />
mató; y le recomendó que fuera sin tardanza a la sacerdotisa del santo<br />
templo de la señora Venus, que le daría un consejo conveniente y<br />
eficaz.<br />
<br />
====XXIX====<br />
Polia, temerosa de la ira divina a causa de los ejemplos de la prudente<br />
nodriza, comenzó a enamorarse con buena disposición y fue al templo<br />
donde yacía muerto Polífilo y, llorando y derramando lagrimas y<br />
abrazándole, le hizo resucitar. Y cuenta cómo las ninfas de Diana los<br />
pusieron en fuga y las visiones que vio Polia en su cámara. Y que<br />
luego, yendo al santuario de Venus, encontró al enamorado Polífilo.<br />
<br />
====XXX====<br />
Polia se acusó ante la sacerdotisa del templo de su pasada impiedad y<br />
declaró, mostrando a Polífilo presente, que ahora estaba<br />
completamente llena de un amor ardiente. La religiosa matrona llamó<br />
ante ella a este, el cual suplicó que les confirmara a ambos en su<br />
meditada resolución. Polia, a causa del amor impaciente que crecía en<br />
ella sin cesar, interrumpió la respuesta.<br />
<br />
====XXXI====<br />
Apenas hubo acabado Polífilo su discurso, Polia le expresó el<br />
vehemente amor por el que había sido íntimamente alcanzada, así<br />
como la gran avidez que sentía de amarle, con varios ejemplos. Y para<br />
manifestarle su pasión ardiente, le dio un beso dulcísimo como prueba<br />
de su gran amor. Después cuenta lo que le respondió la venerable<br />
sacerdotisa.<br />
<br />
====XXXII====<br />
Obedeciendo las órdenes de la sacerdotisa, Polífilo alaba la<br />
perseverancia y cuenta, suprimiendo lo que ya ha dicho de sus amores,<br />
cómo vio a Polia en el templo durante una fiesta y cómo fue agitado<br />
sumamente por el amor. Luego se duele de su alejamiento. Le<br />
manifiesta su tormento tras haber tenido la idea de enviarle una carta.<br />
<br />
====XXXIII====<br />
Primera carta que Polífilo cuenta haber escrito a su Polia, y que, como<br />
ella no se conmovió en absoluto, le envió la segunda.<br />
<br />
====XXXIV====<br />
Polífilo prosigue su dolorosa historia y cuenta que, ya que Polia no se<br />
mostró conmovida por sus cartas, le envió una tercera y cómo,<br />
perseverando ella todavía en su crueldad, la encontró por casualidad<br />
sola y rezando en el templo de Diana, donde él murió. Luego resucitó<br />
entre sus dulces abrazos.<br />
<br />
====XXXV====<br />
Polífilo prosigue su narración y cuenta que su espíritu, al regresar a él,<br />
se le apareció y le habló alegremente, diciéndole que había estado en<br />
presencia de la divina Pafia, propicia y benévola, y que, tras haber<br />
obtenido su gracia, estaba de regreso felizmente para vivificarle.<br />
<br />
====XXXVI====<br />
Polífilo dice que apenas se hubo callado su alma, se halló vivo entre<br />
los brazos de Polia. Luego, rogando a la sacerdotisa que les uniera a<br />
ambos en un amor perpetuo, puso fin a su discurso. Y Polia concluye<br />
el relato que hizo a las ninfas de cómo se enamoró de Polífilo, y él de<br />
ella.<br />
<br />
====XXXVII====<br />
Cuenta Polífilo que cuando Polia se calló, había terminado al mismo<br />
tiempo la guirnalda de flores, que le puso en la cabeza, besándole<br />
suavemente. Las ninfas, que habían escuchado durante todo aquel<br />
tiempo la historia de amor, volvieron a sus placeres y se despidieron.<br />
Polia y Polífilo se quedaron solos, hablando de amor. Y Polia,<br />
abrazándole estrechísimamente, desapareció junto con el sueño.<br />
<br />
====XXXVIII====<br />
Acaba aquí Polífilo su lucha de amor en sueños, lamentando que aquel<br />
no fuera más largo y que el Sol envidioso produjera el nuevo día.<br />
<br />
<br />
Ver también: <br />
* [https://es.wikipedia.org/wiki/Sue%C3%B1o_de_Pol%C3%ADfilo El Sueño de Polífilo]<br />
* [https://www.lectulandia.com/book/sueno-de-polifilo/ Edición en Español Online]</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Hypnerotomachia_Poliphili&diff=520209Hypnerotomachia Poliphili2018-07-15T20:48:49Z<p>Antoniamartinez: </p>
<hr />
<div>{{Bibliografía<br />
|Título=Hypnerotomachia Poliphili<br />
|Año=1499<br />
|Autor=Francesco Colonna,<br />
|Imagen=Hypnerotomachia Poliphili durmiendo.jpg<br />
|Coautores=Aldo Manucio,<br />
|Tipo de Publicación=Libro<br />
|Editorial=Imprenta Aldina<br />
|URL=https://www.gutenberg.org/files/18459/18459-h/18459-h.htm<br />
|Palabras Clave=renacimiento, libro, xilografía, tipografía, metáfora<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
}}<br />
La extraña y hermosa ''Hypnerotomachia Poliphili'', publicada por Aldo Manucio en Venecia en diciembre de 1499 y escrita por el monje Francesco Colonna (si vamos a creer un acróstico formado por las primeras letras de cada capítulo), narra el viaje soñado de Polífilo y su búsqueda para ganar el amor de Polia. <br />
<br />
El nombre de ''Polífilo'' indica que es un ''amante de muchas cosas'', incluida la arquitectura, los jardines y la escultura. "Le apasionan las telas ricas y coloridas, especialmente cuando las ninfas las usan; se deleita con la música, el boato, el ritual y cualquier otro espectáculo que induzca un elevado estado de conciencia. ... Cuando Polífilo se queda boquiabierto frente a los estupendos edificios de la antigüedad, parece disfrutar del mismo estado de excitación que cuando viaja a Citerea en compañía de Cupido, Polia y seis exquisitamente seductoras ninfas marinas. En cada oportunidad se entrega a la enumeración de detalles que uno podría llamar fetichistas cuando los aplica a la ropa o al calzado, pero que no son menos obsesivos cuando el objeto es una fuente elaborada o un obelisco emblemático. Este erotismo polimorfo es lo que le da a la Hypnerotomachia su intensidad y su atmósfera, saturada con el deseo de mirar, saborear y consumir".<br />
<br />
==Repartición de capítulos:==<br />
* 1-2-3-4-5<br />
* 6-7-8 Grupo Paula<br />
* 9-10-11 Grupo Jessica<br />
* 12-13-14 Grupo Consuelo<br />
* 15<br />
* 16-18-19-29 Grupo Karen<br />
* 20-21-22 Grupo Rosario<br />
* 23-24-25-26-27-28<br />
* 30-31-32-33-34 Grupo Natalia<br />
* 35-36-37 Grupo Javi<br />
* 38<br />
<br />
<br />
<br />
<br />
====I====<br />
Polífilo comienza su «Hypnerotomachia». Describiendo la hora y<br />
estación en que le acaeció encontrarse en sueños en una tranquila y<br />
silenciosa región agreste. Luego penetró inadvertidamente, con gran<br />
temor, en una selva impracticable y oscura.<br />
<br />
====II====<br />
Temiendo Polífilo los peligros del oscuro bosque, dirige una oración a<br />
Júpiter, sale de él ansioso y sediento y, queriendo aliviarse con agua,<br />
oye un suave canto y, por seguirlo, abandona el agua y llega a una<br />
congoja mayor.<br />
<br />
====III====<br />
Polífilo cuenta aquí que le pareció dormirse de nuevo y se encontró en<br />
sueños en un valle cuyo extremo estaba admirablemente cerrado con<br />
una portentosa pirámide digna de admiración, que tenía un alto<br />
obelisco encima. Y que examinó estas dos cosas sutilmente, con<br />
cuidado y placer.<br />
<br />
====IV====<br />
Polífilo, tras haber hablado de parte de la inmensa estructura y de la<br />
vastísima pirámide y el admirable obelisco, en el siguiente capítulo<br />
describe obras grandes y maravillosas y principalmente un caballo, un<br />
coloso yacente y un elefante, pero en especial una puerta elegantísima.<br />
<br />
====V====<br />
Tras haber dado suficiente explicación de la gran puerta y de su<br />
simetría, Polífilo prosigue su discurso describiendo óptimamente su<br />
acabado y trabajadísimo adorno y cuan admirablemente estaba<br />
compuesta.<br />
<br />
====VI====<br />
Polífilo, comenzando a entrar por la puerta descrita, contemplaba<br />
también con gran placer el adorno admirable de su ingreso. Y,<br />
queriendo luego volverse atrás, ve al dragón monstruoso,<br />
increíblemente aterrorizado por el cual emprende la huida por lugares<br />
subterráneos. Finalmente, encuentra la deseadísima salida y llega a un<br />
lugar ameno.<br />
<br />
====VII====<br />
Polífilo habla de la amenidad de la región a la que fue a parar,<br />
vagando por la cual encontró una fuente exquisita y muy notable, y<br />
cómo vio venir hacia sí a cinco encantadoras damiselas, que,<br />
maravillándose de su llegada a aquel lugar, le tranquilizaron<br />
piadosamente y le invitaron a sumarse a sus placeres.<br />
<br />
====XXII====<br />
Cuando salieron de la navecilla, vinieron a su encuentro infinitas<br />
ninfas con trofeos, soberbiamente vestidas. Polífilo describe la<br />
misteriosa forma de los objetos procesionales que ofrecieron a Cupido y<br />
la procesión del carro triunfal, que fue seguido por él y Polia atados. Y<br />
que llegaron en máximo triunfo a la puerta del admirable anfiteatro,<br />
el cual describe Polífilo completamente por dentro y por fuera.<br />
<br />
====XXIII====<br />
Polífilo describe el admirable artificio de la fuente de Venus que había<br />
en el centro del área del teatro, y cómo fue rota la cortinilla y vio a la<br />
madre divina en su majestad y cómo ella impuso silencio a las ninfas<br />
que cantaban, de las que consignó tres a Polia y tres a él. Luego<br />
Cupido les hirió a los dos y la diosa les mojó con el agua de la fuente y<br />
Polífilo fue revestido. Por último, a la llegada de Marte, se<br />
despidieron y se retiraron.<br />
<br />
====XXIV====<br />
Polífilo cuenta que, a la llegada del guerrero, salieron del teatro con<br />
sus acompañantes y las otras ninfas. Llegaron a una fuente sagrada,<br />
donde las ninfas hablan del sepulcro de Adonis y de cómo la diosa<br />
acudía a él todos los años a cumplir las ceremonias santas; y, cesando<br />
en sus danzas y cantos, convencieron luego a Polia de que contase su<br />
origen y sus amores.<br />
<br />
'''POLÍFILO COMIENZA EL SEGUNDO LIBRO DE SU<br />
«HYPNEROTOMACHIA», EN EL QUE POLIA Y ÉL<br />
CUENTAN INTERCALADAMENTE CADA UNO SUS<br />
AMORES'''<br />
<br />
====XXV====<br />
Cuenta aquí la divina Polia su noble y antiguo origen y cómo Treviso<br />
fue edificada por sus antepasados. Y que era oriunda de la familia<br />
Lelia, y de qué modo, sin ella advertirlo y sin dar se cuenta, se<br />
enamoró de ella desmesuradamente su querido Polífilo.<br />
<br />
====XXVI====<br />
Atacada Polia por la peste, hizo un voto a Diana y, habiéndose<br />
consagrado a ella, por casualidad la vio Polífilo en el templo, donde<br />
un día después la encontró sola orando. Contóle su pena y el martirio<br />
que sufría amándola y le pidió alivio, pero ella, permaneciendo<br />
inmisericorde, le vio desvanecerse como muerto y emprendió la huida<br />
como un malhechor.<br />
<br />
====XXVII====<br />
Polia termina de contar su crueldad y cómo, al huir, fue arrebatada<br />
por un torbellino y transportada sin darse cuenta a un bosque, donde<br />
vio que dos muchachas eran despedazadas. Luego, cómo volvió en sí<br />
espantada. Después, durmiendo, le pareció ser raptada por dos<br />
verdugos. Aterrorizada por ello, se movió en sueños y se despertaron<br />
ella y su nodriza, la cual le dio útil consejo sobre la razón de aquello.<br />
<br />
====XXVIII====<br />
Polia cuenta de qué modo la sagaz nodriza le aconsejó, por medio de<br />
varios ejemplos y paradigmas, que evitara la ira y las amenazas de los<br />
dioses; y cómo una mujer, desesperada por un amor desmesurado, se<br />
mató; y le recomendó que fuera sin tardanza a la sacerdotisa del santo<br />
templo de la señora Venus, que le daría un consejo conveniente y<br />
eficaz.<br />
<br />
====XXIX====<br />
Polia, temerosa de la ira divina a causa de los ejemplos de la prudente<br />
nodriza, comenzó a enamorarse con buena disposición y fue al templo<br />
donde yacía muerto Polífilo y, llorando y derramando lagrimas y<br />
abrazándole, le hizo resucitar. Y cuenta cómo las ninfas de Diana los<br />
pusieron en fuga y las visiones que vio Polia en su cámara. Y que<br />
luego, yendo al santuario de Venus, encontró al enamorado Polífilo.<br />
<br />
====XXXVIII====<br />
<br />
Ver también: <br />
* [https://es.wikipedia.org/wiki/Sue%C3%B1o_de_Pol%C3%ADfilo El Sueño de Polífilo]<br />
* [https://www.lectulandia.com/book/sueno-de-polifilo/ Edición en Español Online]</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=519852Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-13T13:39:57Z<p>Antoniamartinez: /* Textos de Pantallas en Maqueta de Video */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=app<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
===Audiomapa===<br />
<br />
Para la obtención de sonidos de distintos lugares de Chile se utiliza una biblioteca sonora georeferenciada en el mapa del mundo llamada Audiomapa (audiomapa.org). En esta, cada punto naranjo es un audio subido a la red por algún usuario, de manera que es una biblioteca colaborativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.02.25.png|center|800px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas en Maqueta de Video==<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
<br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518952Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:31:26Z<p>Antoniamartinez: /* Audiomapa */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
===Audiomapa===<br />
<br />
Para la obtención de sonidos de distintos lugares de Chile se utiliza una biblioteca sonora georeferenciada en el mapa del mundo llamada Audiomapa (audiomapa.org). En esta, cada punto naranjo es un audio subido a la red por algún usuario, de manera que es una biblioteca colaborativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.02.25.png|center|800px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas en Maqueta de Video==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
<br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518951Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:31:12Z<p>Antoniamartinez: /* Video 1, prueba de interfaz */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
===Audiomapa===<br />
<br />
Para la obtención de sonidos de distintos lugares de Chile se utiliza una biblioteca sonora georeferenciada en el mapa del mundo llamada Audiomapa (audiomapa.org). En esta, cada punto naranjo es un audio subido a la red por algún usuario, de manera que es una biblioteca colaborativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.02.25.png|center|500px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas en Maqueta de Video==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
<br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518950Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:25:54Z<p>Antoniamartinez: /* Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas en Maqueta de Video==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
<br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
<br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518949Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:22:24Z<p>Antoniamartinez: /* Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518948Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:21:28Z<p>Antoniamartinez: /* Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518947Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:20:57Z<p>Antoniamartinez: /* Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
* '''REGIONES NATURALES'''<br />
* '''REGIONES POLÍTICAS'''<br />
* '''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
* '''ZONA AUSTRAL'''<br />
* '''ZONA SUR'''<br />
* '''ZONA CENTRAL''' <br />
* '''NORTE CHICO'''<br />
* '''NORTE GRANDE'''<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''ARICA Y PARINACOTA'''<br />
* '''TARAPACÁ'''<br />
* '''ANTOFAGASTA'''<br />
* '''ATACAMA'''<br />
* '''COQUIMBO'''<br />
* '''VALPARAÍSO'''<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
* '''AYMARAS'''<br />
* '''ATACAMEÑOS'''<br />
* '''CHANGOS'''<br />
* '''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518946Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:20:07Z<p>Antoniamartinez: /* Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
*'''REGIONES NATURALES'''<br />
*'''REGIONES POLÍTICAS'''<br />
*'''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
*'''ZONA AUSTRAL'''<br />
*'''ZONA SUR'''<br />
*'''ZONA CENTRAL''' <br />
*'''NORTE CHICO'''<br />
*'''NORTE GRANDE'''<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
*'''RELIEVE'''<br />
*'''CLIMA'''<br />
*'''VEGETACIÓN'''<br />
*'''FAUNA'''<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
*'''ARICA Y PARINACOTA'''<br />
*'''TARAPACÁ'''<br />
*'''ANTOFAGASTA'''<br />
*'''ATACAMA'''<br />
*'''COQUIMBO'''<br />
*'''VALPARAÍSO'''<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
*'''AYMARAS'''<br />
*'''ATACAMEÑOS'''<br />
*'''CHANGOS'''<br />
*'''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518945Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:18:43Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
'''MENÚ PRINCIPAL 1''' Bienvenido a Descubriendo Chile la plataforma interactiva que te lleva a recorrer nuestro país para aprender y descubrir distintos contenidos. En este recorrido utilizaremos las teclas de dirección para desplazarnos en los distintos menús o bien, para explorar los territorios. El botón de enter te servirá para seleccionar y entrar al tema que elijas, la barra espaciadora para volver al menú anterior y la tecla de escape para volver al menú principal, donde una vez en este podrás presionarlo nuevamente para salir de Descubriendo Chile. Ahora muévete por el menú principal con las flechas arriba y abajo para seleccionar el contenido que mas te interese.<br />
'''REGIONES NATURALES'''<br />
'''REGIONES POLÍTICAS'''<br />
'''PUEBLOS PRECOLOMBINOS'''<br />
<br />
'''REGIONES NATURALES''' Entendemos por REGIONES NATURALES de Chile, aquellas zonas geográficas que como resultado del clima y el relieve presentan condiciones biogeográficas, hidrológicas y vegetacionales similares. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y y conocer la ubicación de sus 5 grandes regiones naturales y aprieta la tecla enter para ingresar y conocer su información.<br />
'''ZONA AUSTRAL'''<br />
'''ZONA SUR'''<br />
'''ZONA CENTRAL''' <br />
'''NORTE CHICO'''<br />
'''NORTE GRANDE'''<br />
'''NORTE GRANDE 1''' Has llegado al norte grande de Chile. Esta zona se compone por las regiones de Arica y Parinacota, Tarapacá, Antofagasta y la mitad norte de Atacama. ¿Qué te gustaría aprender sobre ella? Recorre con las flechas de arriba y abajo y aprieta enter para ingresar al tema que te interese<br />
'''RELIEVE'''<br />
'''CLIMA'''<br />
'''VEGETACIÓN'''<br />
'''FAUNA'''<br />
'''RELIEVE''' Relieve del Norte Grande. Muévete con las flechas de izquierda y derecha para recorrer el mapa del Norte Grande de Chile de este a oeste y conocer el relieve de la costa, depresión intermedia y cordillera.<br />
'''COSTA''' Has llegado a la costa del norte grande, su relieve se caracteriza por la presencia de una cadena de grandes montañas ubicadas justo donde termina el mar, llamada cordillera de la costa<br />
'''DEPRESIÓN INTERMEDIA''' Has llegado a la depresión intermedia, ubicada entre la cordillera de la costa y la cordillera de los andes, este lugar se caracteriza por sus pampas desérticas, que son extensas llanuras con escasa vegetación, aunque gracias a la existencia de algunos cursos de agua subterráneos crece una mínima vegetación de tamarugos, de ahí el popular nombre de esta zona : la pampa del Tamarugal<br />
'''NORTE GRANDE 2''' Qué otros contenidos quisieras aprender del norte grande? Muévete con las flechas de arriba y abajo para seleccionar con la tecla enter el tema que te interese, o vuelve a cambiar de región natural con la barra espaciadora. Recuerda que puedes volver al menú principal apretando la tecla de escpe.<br />
<br />
'''MENÚ PRINCIPAL 2''' Has vuelto al menú principal de contenidos. Muévete con las flechas de arriba y abajo para seleccionar el tema que más te interese o puedes presionar la tecla de escape para salir de Descubriendo Chile.<br />
<br />
'''REGIONES POLÍTICAS''' Las regiones políticas de Chile son las divisiones territoriales superiores del país, las que se subdividen en provincias y éstas a su vez en comunas. Chile se ha dividido en 16 regiones para el gobierno y administración interior del estado, muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y aprieta enter para ingresar y conocer la información de la región que te interese. Si quieres cambiar de región sigue recorriendo con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
'''ARICA Y PARINACOTA'''<br />
'''TARAPACÁ'''<br />
'''ANTOFAGASTA'''<br />
'''ATACAMA'''<br />
'''COQUIMBO'''<br />
'''VALPARAÍSO'''<br />
'''ATACAMA''' Has llegado a La Región de Atacama ubicada en el norte del país, a una distancia superior a 560 kilómetros de la capital de Chile. Limita al norte con la región de Antofagasta, al este con Argentina, al sur con la región de Coquimbo y al oeste con el océano Pacífico. Ésta región está compuesta por tres provincias: Chañaral, Copiapó y Huasco, y la capital regional es la ciudad de Copiapó. Además, cuenta con una superficie de 75 176 km² y una población de 290 000 habitantes aproximadamente. <br />
'''COQUIMBO''' Has llegado a La Región de Coquimbo ubicada a una distancia superior a 200 kilómetros de la capital de Chile.<br />
<br />
'''YA ENTRASTE''' Ya entraste a este contenido anteriormente, si quieres ingresar presiona enter, si quieres explorar otro contenido sigue moviéndote con las flechas de arriba y abajo. <br />
<br />
'''PUEBLOS PRECOLOMBINOS''' Los pueblos precolombinos de Chile son aquellos grupos humanos que habitan o habitaron el territorio nacional desde antes de la llegada de los conquistadores españoles en el siglo XVI. La mayor parte de estos pueblos desarrolló una legua propia y poseen elementos culturales y sociales que los distinguen del resto de la población. Muévete con las flechas de arriba y abajo para recorrer el mapa de Chile de norte a sur y con las flechas de izquierda y derecha para recorrer su costa y zona interior. Así podrás conocer la ubicación de los distintos pueblos precolombinos de los que en algunos casos oirás en más de una ocasión, ya que habitaron un territorio más extenso. Aprieta enter para ingresar y conocer su información, para cambiar de pueblo solo debes seguir moviéndote con las flechas o aprieta la tecla de escape para volver al menú principal. <br />
'''AYMARAS'''<br />
'''ATACAMEÑOS'''<br />
'''CHANGOS'''<br />
'''DIAGUITAS'''<br />
<br />
'''SALIR'''Seguro que deseas salir de Descubriendo Chile? Presiona enter para confirmar o presiona la tecla de escape para volver al menú principal <br />
<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:Captura_de_pantalla_2018-07-10_a_las_4.02.25.png&diff=518943Archivo:Captura de pantalla 2018-07-10 a las 4.02.25.png2018-07-10T08:04:23Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:Captura_de_pantalla_2018-07-10_a_las_3.39.36.png&diff=518942Archivo:Captura de pantalla 2018-07-10 a las 3.39.36.png2018-07-10T08:04:01Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518941Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T08:02:08Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery><br />
<br />
=Referencias=<br />
<br />
* http://cetram.org/wp/wp-content/uploads/2014/01/Proyecto-de-Accesibilidad-Para-Personas-con-Discapacidad-Visual.pdf<br />
* https://www.infotechnology.com/mobile/Una-app-argentina-ayuda-a-los-no-videntes-a-utilizar-el-celular-20150409-0004.html<br />
* http://www.t13.cl/videos/programas/t13-central/lanzan-nueva-aplicacion-no-videntes<br />
* http://lazzus.com/es/<br />
* https://www.xatakandroid.com/aplicaciones-android/accesibilidad-en-android-21-aplicaciones-para-personas-invidentes <br />
* https://entreactividadesinfantiles.com/2015/02/10/inclusion-ninos-ciegos-en-el-aula/<br />
* LEY DE INCLUSIÓN ESCOLAR https://www.leychile.cl/Navegar?idNorma=1078172 <br />
* http://especial.mineduc.cl/wp-content/uploads/sites/31/2016/08/GuiaVisual.pdf<br />
* http://www.icarito.cl/2010/06/85-6907-9-2-norte-grande.shtml/<br />
* https://www.portaleducativo.net/sexto-basico/787/las-grandes-regiones-naturales-de-chile<br />
* https://es.wikipedia.org/wiki/Norte_Grande_de_Chile<br />
* http://geografiadechile.cl/norte-grande/<br />
* https://www.portaleducativo.net/segundo-basico/776/Zonas-naturales-de-Chile<br />
* https://www.bcn.cl/siit/nuestropais/regiones.htm<br />
* AUDIOMAPA http://audiomapa.org/</div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518937Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T07:51:17Z<p>Antoniamartinez: /* Segunda etapa: Idear */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
===Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes===<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear y Prototipar=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518934Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T07:50:37Z<p>Antoniamartinez: /* Video presentación Storyboard */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
==Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes==<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
<br />
=Segunda etapa: Idear=<br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518933Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T07:49:00Z<p>Antoniamartinez: /* =Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
==Cuadro comparativo entre las distintas aplicaciones y software existentes para no videntes==<br />
<br />
[[Archivo:Captura de pantalla 2018-07-10 a las 4.32.31.png|1000px|center|]]<br />
<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas==<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518925Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T07:11:42Z<p>Antoniamartinez: /* =Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas=<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=500<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518924Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T07:09:18Z<p>Antoniamartinez: /* =Textos de Pantallas */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas=<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=po-s58YMwf85Q3UxRzdGOBw<br />
|width=500<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.3.png&diff=518921Archivo:2control.3.png2018-07-10T07:03:43Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518919Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:57:14Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Textos de Pantallas=<br />
<br />
{{#widget:Google Spreadsheet<br />
|key=1t56Ufe4VhPlb3xtaza-i0EIirjzZ0Kw8Y3cJXehIyvE<br />
|width=100%<br />
|height=300<br />
}}<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518916Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:52:02Z<p>Antoniamartinez: /* Storyboard */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
==Storyboard==<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518915Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:51:49Z<p>Antoniamartinez: /* Personajes y Escenarios */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
==Personajes y Escenarios==<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518913Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:50:39Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
===Resumen de Navegación: Cuadro de Comandos===<br />
En el video se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la '''barra espaciadora''' para volver al menú principal desde cualquier pantalla, el botón de '''shift''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:2control.0.png|center|300px]]<br />
<gallery><br />
Archivo:2control.5.png<br />
Archivo:2control.6.png<br />
Archivo:2control.7.png<br />
Archivo:2control.1.png<br />
Archivo:2control.2.png<br />
Archivo:2control.3.png<br />
Archivo:2control.4.png<br />
</gallery><br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver al menú anterior y las '''flechas de dirección''' para desplazarse por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.7.png&diff=518910Archivo:2control.7.png2018-07-10T06:44:01Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.6.png&diff=518909Archivo:2control.6.png2018-07-10T06:43:34Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.5.png&diff=518908Archivo:2control.5.png2018-07-10T06:43:21Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.4.png&diff=518907Archivo:2control.4.png2018-07-10T06:43:08Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.2.png&diff=518905Archivo:2control.2.png2018-07-10T06:42:40Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.1.png&diff=518904Archivo:2control.1.png2018-07-10T06:42:19Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Archivo:2control.0.png&diff=518903Archivo:2control.0.png2018-07-10T06:42:05Z<p>Antoniamartinez: </p>
<hr />
<div></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518873Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:29:36Z<p>Antoniamartinez: /* Cuadro de comandos */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png<br />
Archivo:Control.6.png<br />
Archivo:Control.7.png<br />
Archivo:Control.1.png<br />
Archivo:Control.2.png<br />
Archivo:Control.3.png<br />
Archivo:Control.4.png<br />
</gallery><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518868Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:28:54Z<p>Antoniamartinez: /* Cuadro de comandos */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png|200px<br />
Archivo:Control.6.png|200px<br />
Archivo:Control.7.png|200px<br />
</gallery><br />
<br />
<gallery><br />
Archivo:Control.1.png|200px<br />
Archivo:Control.2.png|200px<br />
Archivo:Control.3.png|200px<br />
Archivo:Control.4.png|200px<br />
</gallery><br />
<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518860Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:28:07Z<p>Antoniamartinez: /* Resumen Navegación */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png|200px<br />
Archivo:Control.6.png|200px<br />
Archivo:Control.7.png|200px<br />
<gallery><br />
<br />
<gallery><br />
Archivo:Control.1.png|200px<br />
Archivo:Control.2.png|200px<br />
Archivo:Control.3.png|200px<br />
Archivo:Control.4.png|200px<br />
<gallery><br />
<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518851Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:27:13Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
<gallery><br />
Archivo:Control.5.png|200px<br />
Archivo:Control.6.png|200px<br />
Archivo:Control.7.png|200px<br />
<gallery><br />
<br />
<gallery><br />
Archivo:Control.1.png|200px<br />
Archivo:Control.2.png|200px<br />
Archivo:Control.3.png|200px<br />
Archivo:Control.4.png|200px<br />
<gallery><br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518841Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:25:28Z<p>Antoniamartinez: /* Cuadro de comandos */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|center|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518839Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:24:25Z<p>Antoniamartinez: /* Galería de Pantallas del Tercer Prototipo (FINAL) */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
==Video prototipo final==<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518835Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:22:47Z<p>Antoniamartinez: /* Pueblos precolombinos */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos Precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518831Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:22:17Z<p>Antoniamartinez: /* Regiones Naturales */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
<br />
<br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
<br />
<br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
<br />
<br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
<br />
<br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
<br />
<br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518829Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:21:20Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande'''<br />
<gallery><br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, RELIEVE'''<br />
<gallery><br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, CLIMA'''<br />
<gallery><br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, VEGETACIÓN'''<br />
<gallery><br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, FAUNA'''<br />
<gallery><br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518809Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:17:43Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande'''<br />
<gallery><br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, RELIEVE'''<br />
<gallery><br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, CLIMA'''<br />
<gallery><br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, VEGETACIÓN'''<br />
<gallery><br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, FAUNA'''<br />
<gallery><br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518797Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:15:07Z<p>Antoniamartinez: /* Galería de Pantallas del Segundo Prototipo */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande'''<br />
<gallery><br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, RELIEVE'''<br />
<gallery><br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, CLIMA'''<br />
<gallery><br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, VEGETACIÓN'''<br />
<gallery><br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, FAUNA'''<br />
<gallery><br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
=Galería de Pantallas del Tercer Prototipo (FINAL)= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518793Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:13:02Z<p>Antoniamartinez: /* Galería de Pantallas del Segundo Prototipo */</p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
===Menú Principal===<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
===Regiones Naturales===<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande'''<br />
<gallery><br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, RELIEVE'''<br />
<gallery><br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, CLIMA'''<br />
<gallery><br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, VEGETACIÓN'''<br />
<gallery><br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, FAUNA'''<br />
<gallery><br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
===Regiones Políticas===<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
===Pueblos precolombinos===<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinezhttps://wiki.ead.pucv.cl/index.php?title=Descubriendo_Chile:_Software_l%C3%BAdico_de_apoyo_al_aprendizaje_para_ni%C3%B1os_no_videntes&diff=518792Descubriendo Chile: Software lúdico de apoyo al aprendizaje para niños no videntes2018-07-10T06:11:34Z<p>Antoniamartinez: </p>
<hr />
<div>{{Proyecto<br />
|Título=Software lúdico de apoyo al aprendizaje para niños no videntes<br />
|Tipo de Proyecto=Proyecto de Taller<br />
|Palabras Clave=ciego, no vidente, software<br />
|Año de Inicio=2018<br />
|Año de Término=2018<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial<br />
|Asignaturas Relacionadas=Taller de Diseño de Interacción,<br />
|Cursos Relacionados=Taller de Diseño de Interacción 2018,<br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Antonia Martinez, Bastian Maluenda, Gabriel Gascón,<br />
}}<br />
=Datos Personales=<br />
[[Archivo:Vicente-mosquete.jpg|200px|right|]]<br />
*Grupo: Kappa<br />
*Público al que se dirige: Alumnos no videntes del Instituto Antonio Vicente Mosquete<br />
*Integrantes Ingeniería Informática: Bryan Cataldo, Nicolás Contreras, Jaime Long, Juan Mansilla<br />
*Diseño de Interacción: Gabriel Gascón, Bastian Maluenda, Antonia Martínez<br />
<br />
=Primera etapa: Empatizar y Definir Conceptos=<br />
<br />
==Metodología== <br />
<br />
*Establecer objetivos generales y específicos que guíen el proyecto hacia un fin determinado.<br />
*Investigar desde distintos recursos bibliográficos para definir un marco teórico que nos posicione en el campo de estudio. <br />
*Ponerse en el lugar del usuario, utilizando distintas aplicaciones y programas para personas no videntes, tanto del tipo lúdico, educativo o lo asistencial.<br />
*Revisar el estado de arte de materiales (artefactos), específicos para no videntes, tanto en el área educativa, lúdica o asistencial. <br />
*Investigar en el Instituto Antonio Vicente Mosquete para realizar un trabajo colaborativo, para diseñar en base a las necesidades educativas y tecnológicas de los escolares no videntes. <br />
*Conversar con informantes claves (profesores) acerca de las necesidades que enfrentan los niños a la hora de aprender un nuevo contenido. <br />
*Realizar entrevistas a niños invidentes para detectar su relación con el aprendizaje en el aula de clases o con medios tecnológicos, además de su dominio y manejo de estos últimos. <br />
<br />
==Objetivos Generales==<br />
<br />
*'''Objetivo general:''' Diseñar un software para niños no videntes. <br />
<br />
*'''Objetivo específico 1:''' Analizar y comprender el estado del arte de softwares y artefactos hechos para no videntes.<br />
<br />
*'''Objetivos específicos 2:''' Comprender las necesidades e inquietudes que enfrentan los niños no videntes en el ámbito académico/escolar relacionado a las TIC (Tecnologías de la información y la comunicación).<br />
<br />
*'''Objetivo específico 3:''' Optimizar el tiempo de aprendizaje en alguna materia específica, al aplicar un método tecnológico y lúdico.<br />
<br />
*'''Objetivo específico 4:''' Diseñar material educativo específico para no videntes, no como transcripción de algo preexistente en un código visual.<br />
<br />
==Marco Teórico==<br />
<br />
===Discapacidad Visual===<br />
<br />
La discapacidad visual se define como la dificultad que presentan algunas personas para participar en actividades propias de la vida cotidiana, que surge como consecuencia de la interacción entre una dificultad específica relacionada con una disminución o pérdida de las funciones visuales y las barreras presentes en el contexto en que desenvuelve la persona. Estas barreras pueden ser de diversos tipos como: <br />
*La ausencia de señales auditivas que reemplacen la información visual, en específico en las calles donde una señalización inclusiva garantiza la autonomía e independencia de cualquier tipo de usuario.<br />
*La ausencia de literatura en Braille o audio en las bibliotecas públicas, lo cual genera una barrera en el conocimiento para videntes y no videntes, lo cual influye en su integración y crecimiento personal.<br />
*Ausencia de sistemas de escritura alternativos. <br />
<br />
Las dificultades visuales se pueden presentar en diferentes grados de variabilidad, abarcando desde las dificultades visuales mínimas hasta la ceguera. <br />
*'''Baja Visión:''' Se habla de baja visión, cuando la persona presenta una percepción visual muy disminuida, sin embargo logra captar estímulos visuales de mayor tamaño o contraste, de manera que con la utilización de ayudas ópticas pueden incluso escribir y leer textos impresos. <br />
*'''Ceguera:''' Se habla, en cambio de ceguera cuando la persona presenta una pérdida total de la visión, lo que no le permite desarrollar actividades utilizando esta percepción.<br />
<br />
===Causas de la ceguera infantil===<br />
<br />
*'''Enfermedades de origen hereditario:''' como cataratas congénitas, rinitis, miopía degenerativa, etc.<br />
*'''Enfermedades de origen congénito:''' atrofia del nervio óptico, pérdida de la agudeza visual, rubéola durante el embarazo.<br />
*'''Trastornos de origen traumático:''' en la retina, excesiva administración de oxígeno en la incubadora, retinopatía diabética, desprendimiento de la retina.<br />
*'''Trastornos producidos por tumores, virus o tóxicos:''' tumor en la retina, inflamación y degeneración del nervio óptico. <br />
<br />
<br />
===Epidemiología de la discapacidad visual===<br />
[[Archivo:Ceguera en mundo .png|410px|right|]]<br />
[[Archivo:Peersonas con Discapacidad en Chile.png|410px|right|]]<br />
'''A nivel mundial:'''<br />
*En el mundo hay aproximadamente 285 millones de personas con discapacidad visual, de las cuales 39 millones son ciegas y 246 millones presentan baja visión.<br />
*Aproximadamente un 90% de la carga mundial de discapacidad visual se concentra en los países en desarrollo. <br />
*Alrededor de un 65% de las personas con discapacidad visual son mayores de 50 años. <br />
*Se estima que el número de niños con discapacidad visual asciende a 19 millones, de los cuales 12 millones la padecen debido a errores de refracción, fácilmente diagnosticables y corregibles. Unos 1,4 millones de menores de 15 años sufren ceguera irreversible. <br />
'''En Chile:'''<br />
*El 12,9% de la población chilena posee algún tipo de discapacidad (2.068.072 personas), de los cuales un 19% del total presentan problemas visuales, es decir, 634.906 personas.<br />
<br />
===Recomendaciones para relacionarse con no videntes===<br />
<br />
*En primera instancia se debe mostrar una '''actitud de respeto''', para los cual se debe: preguntar antes de ofrecer ayuda y evitar la sobreprotección.<br />
*En el ámbito de la '''comunicación''' se debe tener presente que, al hablar se debe hacer en un tono regular, no sustituir el lenguaje verbal por gestos, Ser específico y preciso en el mensaje, no utilizar palabras como “aquí”, “allí”, “esto” o “aquello”, Utilizar comúnmente los vocablos “ver”, “mirar”, entre otros, y Evitar exclamaciones que puedan provocar ansiedad en la persona tales como “¡ay!”, “cuidado”. <br />
*En lo que respecta a la '''interacción social''' es preciso hablar dirigiendo nuestra mirada a su cara, dirigirse directamente a la persona con retos visuales para saber lo que quiere, utilizar el nombre de la persona e identificarse con el fin de que la persona sepa con quien se encuentra.<br />
*Para '''interactuar socialmente''' con las personas ciegas , al momento de saludar, si la persona no extiende la mano, podemos coger la suya para hacerle saber que queremos saludarle. Comunicar qué se está haciendo o se va hacer. Avisar a la persona cuando nos vamos o abandonamos la habitación e indicarle si hay otra u otras personas presentes. <br />
*En cuanto a la '''seguridad''' y organización del entorno es necesario mantener un entorno ordenado, las puertas y ventanas deben estar totalmente abiertas o cerradas, las sillas tienen que estar colocadas debajo de las mesas o bien pegadas a la pared y los armarios o cajones deben permanecer cerrados.<br />
<br />
===Aspectos del desarrollo temprano del niño no vidente===<br />
<br />
*A través de las sensaciones un niño no vidente puede conocer su espacio: Ejemplo, el oído permite: diferenciar sonidos, localizar de dónde provienen, detectar obstáculos, identificar personas y objetos, etc., de manera que el desarrollo del sentido del tacto y la audición son fundamentales.<br />
*La exploración de su entorno y su cuerpo asignando palabras a cada descubrimiento es importante para generar una imagen del mundo en el que el niño se desenvuelve. <br />
*Los comportamientos preverbales como sonrisas, llantos, etc, se deben incentivar, ya que no lo aprenden viéndolo.<br />
*El desarrollo habitual de las actividades cotidianas.<br />
*El desarrollo de lenguaje, tiene un papel fundamental para acceder a operaciones concretas.<br />
<br />
<br />
===Diseño Universal o Diseño para Todos (inclusivo)===<br />
<br />
*'''Igualdad de uso:''' fácil de usar y adecuado para todo tipo de personas.<br />
*'''Flexibilidad:''' El diseño se acomoda a una amplia gama y variedad de capacidades individuales. <br />
*'''Uso simple y funcional:''' El diseño debe ser fácil de entender, es simple en instrucciones e intuitivo en el uso. <br />
*'''Información comprensible:''' El diseño debe ser capaz de intercambiar información con el usuario, de distintas formas (gráfica, verbal, táctil). <br />
*'''Tolerancia al error:''' El diseño reduce al mínimo los peligros y consecuencias adversas de acciones accidentales o involuntarias.<br />
*'''Bajo esfuerzo físico:''' El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. Minimiza las acciones repetitivas y el esfuerzo físico sostenido. <br />
*'''Dimensiones apropiadas:''' Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición o movilidad.<br />
<br />
<br />
===Sociedad, educación y ceguera===<br />
<br />
<br />
El papel de la sociedad delante de un niño que tenga una discapacidad ocular es sumamente importante para que el niño se sienta integrado, considerado y respetado. Un niño con algún impedimento, si es bien atendido, educado, y aceptado, podrá hacer las mismas cosas que cualquier otro niño, sólo que de un modo distinto. (oportunidad de sentirse productivo en la sociedad). De este modo, la educación cumple un rol fundamental en la formación del niño no vidente ya que esta les entrega la autonomía para desarrollarse tanto intelectual como personalmente en el entorno de la vida cotidiana.<br />
<br />
==Primera Visita al Instituto==<br />
<br />
===Conversaciones con Informantes Clave===<br />
<br />
'''María Ester Mejías''' ''Directora''<br />
*En el instituto existe una cantidad de 6 alumnos cursando la enseñanza básica: <br />
**Una alumna en 2° básico <br />
**Uno en 5° (ceguera)<br />
**Uno en 6°, dos en 7°(ceguera) <br />
**Uno en 8°<br />
*El uso del computador es a diario para los alumnos de segundo ciclo. En donde se enseña a navegar por internet extraer información. <br />
*Los conocimientos entregados están pensados para que el alumno pueda ingresar a la educación media normal.<br />
*Los programas que entrega el gobierno no están pensados en la inclusividad ya que la mayor cantidad de información es visual. <br />
*En la actualidad existen muchos software el cual ayuda al usuario, como nombrar cada función seleccionada.<br />
*El colegio está capacitado para entregar la validación de Educación Básica. Más allá el proceso de rehabilitación de los chicos a partir de los 16 años.<br />
*Enseñanza básica común de 1° a 8°. <br />
*Con dos niveles de 1° a 4° y de 5° a 8° y los otros son niveles de “estimulación temprana, pre-básico, tres niveles de adultos y retos múltiples.” <br />
*En los retos multiples encontramos gente que además de discapacidad visual, tienen una alteración anexa ya sea motora, intelectual, etc. <br />
*Los niños son evaluados igual que en la enseñanza común, más lo específico de la discapacidad visual. A partir de esto, luego pueden ir a una enseñanza media común, pero eso depende del alumno si es que se encuentra preparado. <br />
<br />
<br />
'''Hernán Castillo''' ''Profesor Computación''<br />
*Tecnologías en los computadores como un lector de pantalla.<br />
*''Mecanta'' (software educativo) visual y audible. Parte de lo básico en donde se enseña a explorar el teclado y escribir por filas de letras y el programa lo corrige o explica. Está diseñado para aprender dactilografía al tacto (escribir con velocidad y precisión con todos los dedos)<br />
*''Cantaletras'' (similar al anterior pero de producción Chilena)<br />
*''Audio Vida'' distinguir los alimentos saludables de los no saludables. (aprender qué comer) <br />
*''AudioDoom'' Juego en primera persona donde hay que matar monstruos<br />
*Los sonidos permiten que los usuarios se imaginen el contexto en el cual se desarrolla la acción (aves, flores -> primavera) <br />
*Una vez utilizados los programas y aprendidas las lecciones, éstas quedan obsoletas para el avance del resto de la educación. Los juegos son tan simples que se acaban de inmediato, no hay más niveles<br />
*Cada niño trabaja en su curso con enseñanza personalizada. Se trabaja uno a uno ya que no se puede hacer una clase explicativa, pero de igual modo están todos reunidos en la misma sala. <br />
*En el segundo piso se encuentran los niños mientras que abajo se encuentran los adultos (los que aprenden recién braille, los medios y los más avanzados) <br />
*Los adultos no aprenden ni se les enseñan la básica porque ellos ya tienen esa etapa. A veces solo se le repasa lo que es la “metodología de las matemáticas” en braille<br />
*Ellos no tienen para entretenerse ya que al momento de buscar información, hay imágenes que el computador no puede leer <br />
*Si van a diseñar un Juego en el instructivo debería decir el objetivo, la finalidad, para qué ámbito etario está pensado y determinar el uso de las teclas y el uso de cada una.<br />
<br />
===Conclusiones===<br />
<br />
*Los alumnos no videntes tienen acceso a TIC (Tecnologías de la Información y la Comunicación) y las utilizan de manera eficiente pero acotada.<br />
*Los software y aplicaciones del gobierno no están pensadas para niños no videntes y generan una relación asistencialista entre el alumno y el profesor.<br />
*Las experiencias previas con estudiantes universitarios no llegan a soluciones concretas y útiles para los alumnos.<br />
*Existen aplicaciones asistenciales para navegar en las aplicaciones normales pero muy pocas específicas para no videntes.<br />
*Las aplicaciones específicas son muy básicas y con interfaces poco amigables (lentas, antiguas, poca resolución en audio).<br />
*El principal canal comunicativo en las aplicaciones para no videntes es el sonido, ya sea a través de una voz o sonidos ambientes que entreguen información.<br />
*Los contenidos en educación van a la par con los demás colegios y apuntan a prepararlos para la inserción posterior en colegios tradicionales.<br />
*Los juegos existentes son utilizados muy pocas veces por alumno ya que se vuelve tedioso al no tener niveles más complejos.<br />
*Los alumnos conviven en una misma sala, pero el proceso de enseñanza es personalizado, ya que todos los alumnos presentan diferentes necesidades educativas.<br />
*El software debe ser inclusivo para niños videntes, con baja visión y no videntes.<br />
*El software debe apuntar a ser una experiencia lúdica educativa.<br />
<br />
[[Archivo:Captura de pantalla 2018-05-25 a las 21.58.14.png|500px|center|]]<br />
<br />
==Mapa de Empatía== <br />
[[Archivo:Mapa de empatia no vidente.png|850px|center|]]<br />
<br />
==Segunda Visita al Instituto==<br />
<br />
===Entrevistas===<br />
Profesor<br />
<br />
'''¿Qué sistema operativo poseen los computadores?'''<br />
''Tienen windows 7 de 32 bit''<br />
<br />
'''¿Cuántos computadores posee el colegio?'''<br />
''4 con windows 7 y 3 con windows XP''<br />
<br />
'''¿Los computadores cuentan con audífonos o equipos de sonido externo?'''<br />
''Si, hay audífonos para cada equipo y parlantes externos. ''<br />
<br />
'''¿En qué grado puede desenvolverse con el mouse en un computador?'''<br />
''Depende del tipo de visión de la persona. Si tiene baja visión puede usar mouse pero con alto contraste y con cuidado de la gráfica de los iconos. Si no tiene capacidad visual solo usará teclado (comandos)''<br />
<br />
'''¿En qué grado puede desenvolverse con el teclado en un computador?'''<br />
''Se les trata de enseñar un nivel avanzado de dactilografía al tacto para que puedan escribir con precisión.''<br />
<br />
'''De los juegos que poseen ¿qué mejorarías/quitarías de ellos?'''<br />
''Mejoras: Algunos tienen buen sonido pero de escasa imagen, lo que lo hace poco atractivo para el chico. Además de básico en los niveles.''<br />
<br />
'''¿La interacción de alumnos con aplicaciones es asistida o autónoma?'''<br />
''Hay chicos autónomos en los cuales solo se les da el encargo y un luego de un rato verificar si todo va bien (buscar en internet, hacer la tarea y presentar al profesor). Por otro lado también hay alumnos que requieren de ayuda ya que no se maneja''<br />
<br />
**'''Otras observaciones'''<br />
''Los chicos de baja visión les cuesta asumir su condición visual. Por eso no se les puede crear un juego en que solo se base en audio, debe al menos tener una gráfica simple pero que los guíe.''<br />
<br />
<br />
===Personajes y Escenarios===<br />
[[Archivo:Personas y escenarios.png|400px]]<br />
[[Archivo:Personas y escenarios2.png|400px]]<br />
[[Archivo:Personas y escenarios3.png|400px]]<br />
[[Archivo:Personas y escenarios4.png|400px]]<br />
<br />
===Storyboard===<br />
[[Archivo:Storyboardjaime.jpg|1000px|center]]<br />
<br />
===Video presentación Storyboard===<br />
<center>{{#widget:Youtube|id=wsd1tJe_Bn8}}</center><br />
<br />
==Prueba de Contrastes==<br />
<br />
===Campo de estudio===<br />
<br />
====Importancia de la iluminación,contraste, tamaño y color para los deficientes visuales====<br />
=====Profesor Benito Codina, Universidad de la Laguna=====<br />
<center>{{#widget:Youtube|id=rhR8GabA5p8}}</center><br />
<br />
====Materiales para personas con discapacidad visual====<br />
[[Archivo:Tecladociegos.jpg|200px]]<br />
[[Archivo:ECOBRAILLES.-DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Tablero-Alfabeto-Braille-Mayúsculas-Cali.DADO-Diseño-para-Todos.jpg|200px]]<br />
[[Archivo:Alfabeto-Braille-1.jpg|200px]]<br />
[[Archivo:Dominó-Asociación-Ingles-Braille.-DADO-Diseño-Para-Todos.jpg|200px]]<br />
<br />
==Primera Prueba de Interfaz Visual ==<br />
[[Archivo:RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
[[Archivo:2RECORRIENDOCHILE2-2.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-3.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-4.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-5.png|200px]]<br />
[[Archivo:2RECORRIENDOCHILE2-6.png|200px]]<br />
<br />
===Video maqueta===<br />
<br />
<center>{{#widget:Youtube|id=hao0QTJYIa8}}</center><br />
<br />
'''Primeras Correcciones:'''<br />
* Buscar la gama de colores de alto contraste, ya que el amarillo con el blanco, por ejemplo son similares.<br />
* Buscar la tipografía más adecuada con suficiente espacio entre cada letra para identificar cada una por separado.<br />
* Utilización de '''MACROTIPOS''' (letras grandes) legibles para las personas no videntes pero con resto visual<br />
* El software debe ser un diseño funcional y no con pretensiones, por lo que la estética queda en un plano no tan fundamental. <br />
* La información es hablada, por lo que no deben haber textos "extra" que ni siquiera pueden ser leídos por alguien con escasa visión.<br />
* Dentro de la la navegación es fundamental el '''Feedback''' para guiar bien al usuario dentro del programa<br />
* La jerarquización también es un elemento a considerar dentro de organización de información dentro del software.<br />
* Tener claro la navegación por medio de teclas, cómo se va atrás, qué pasa si me equivoco, cuáles son las teclas más adecuadas en cada ocasión<br />
<br />
==Segunda Prueba de interfaz Visual==<br />
<br />
[[Archivo:ScreenB2.1.png|200px]]<br />
[[Archivo:ScreenB3.1.png|200px]]<br />
[[Archivo:ScreenB4.1.png|200px]]<br />
[[Archivo:ScreenB5.0.png|200px]]<br />
[[Archivo:ScreenB5.1.png|200px]]<br />
<br />
[[Archivo:22screenB2.1.png|200px]]<br />
[[Archivo:2screenB3.1.png|200px]]<br />
[[Archivo:2screenB4.1.png|200px]]<br />
[[Archivo:2screenB5.0.png|200px]]<br />
[[Archivo:2screenB5.1.png|200px]]<br />
<br />
'''Correcciones:'''<br />
* Comprobar si estos colores son los adecuados para un '''alto contraste'''.<br />
* Comprobar si la tipografía es la adecuada para un '''alto contraste'''.<br />
* Ajustar la el cuadro a la proporción de pantalla de computador.<br />
<br />
==Prueba de Contrastes de Color==<br />
===Fondo Negro===<br />
====Rojo/Filtro====<br />
*La tipografía posee un tamaño ilegible.<br />
*El rojo sobre fondo negro no poseen gran contraste, además no es una gama "amigable" para niños de enseñanza básica. <br />
[[Archivo:Screen2.1.png|200px]]<br />
[[Archivo:Screen3.1.png|200px]]<br />
[[Archivo:Screen4.1.png|200px]]<br />
[[Archivo:Screen5.0.png|200px]]<br />
[[Archivo:Screen5.1.png|200px]]<br />
<br />
[[Archivo:2screen2.1.png|200px]]<br />
[[Archivo:2screen3.1.png|200px]]<br />
[[Archivo:2screen4.1.png|200px]]<br />
[[Archivo:2screen5.0.png|200px]]<br />
[[Archivo:2screen5.1.png|200px]]<br />
<br />
====Naranjo/Filtro====<br />
[[Archivo:NscreenBB2.1.png|200px]]<br />
[[Archivo:NscreenB3.1.png|200px]]<br />
[[Archivo:NscreenB4.1.png|200px]]<br />
[[Archivo:NscreenB5.0.png|200px]]<br />
[[Archivo:NscreenB5.1.png|200px]]<br />
<br />
[[Archivo:NscreenBB2.1 copia.png|200px]]<br />
[[Archivo:NscreenB3.1 copia.png|200px]]<br />
[[Archivo:NscreenB4.1 copia.png|200px]]<br />
[[Archivo:NscreenB5.0 copia.png|200px]]<br />
[[Archivo:NscreenB5.1 copia.png|200px]]<br />
<br />
====Amarillo/Filtro====<br />
[[Archivo:VscreenBB2.1.png|200px]]<br />
[[Archivo:VscreenB3.1.png|200px]]<br />
[[Archivo:VscreenB4.1.png|200px]]<br />
[[Archivo:VscreenB5.0.png|200px]]<br />
[[Archivo:VscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VscreenB3.1 copia.png|200px]]<br />
[[Archivo:VscreenB4.1 copia.png|200px]]<br />
[[Archivo:VscreenB5.0 copia.png|200px]]<br />
[[Archivo:VscreenB5.1 copia.png|200px]]<br />
<br />
===Fondo Blanco===<br />
* Se descarta el Blanco como fondo ya que toda su luz quita relevancia a los elementos que en él se encuentran, tomando protagonismo. Además no logra unificar los elementos de igual manera que en un fondo negro, donde las formas sobresalen gracias al '''Contraste Negativo''', lo cual se explica en el video anterior del Profesor Benito Codina.<br />
<br />
====Verde/Filtro====<br />
[[Archivo:VBscreenBB2.1.png|200px]]<br />
[[Archivo:VBscreenB3.1.png|200px]]<br />
[[Archivo:VBscreenB4.1.png|200px]]<br />
[[Archivo:VBscreenB5.0.png|200px]]<br />
[[Archivo:VBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:VBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:VBscreenB3.1 copia.png|200px]]<br />
[[Archivo:VBscreenB4.1 copia.png|200px]]<br />
[[Archivo:VBscreenB5.0 copia.png|200px]]<br />
[[Archivo:VBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras blancas /Filtro====<br />
[[Archivo:CBscreenBB2.1.png|200px]]<br />
[[Archivo:CBscreenB3.1.png|200px]]<br />
[[Archivo:CBscreenB4.1.png|200px]]<br />
[[Archivo:CBscreenB5.0.png|200px]]<br />
[[Archivo:CBscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CBscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CBscreenB3.1 copia.png|200px]]<br />
[[Archivo:CBscreenB4.1 copia.png|200px]]<br />
[[Archivo:CBscreenB5.0 copia.png|200px]]<br />
[[Archivo:CBscreenB5.1 copia.png|200px]]<br />
<br />
====Celeste letras negras /Filtro====<br />
[[Archivo:CNscreenBB2.1.png|200px]]<br />
[[Archivo:CNscreenB3.1.png|200px]]<br />
[[Archivo:CNscreenB4.1.png|200px]]<br />
[[Archivo:CNscreenB5.0.png|200px]]<br />
[[Archivo:CNscreenB5.1.png|200px]]<br />
<br />
[[Archivo:CNscreenBB2.1 copia.png|200px]]<br />
[[Archivo:CNscreenB3.1 copia.png|200px]]<br />
[[Archivo:CNscreenB4.1 copia.png|200px]]<br />
[[Archivo:CNscreenB5.0 copia.png|200px]]<br />
[[Archivo:CNscreenB5.1 copia.png|200px]]<br />
<br />
====Morado/Filtro====<br />
[[Archivo:MscreenBB2.1.png|200px]]<br />
[[Archivo:MscreenB3.1.png|200px]]<br />
[[Archivo:MscreenB4.1.png|200px]]<br />
[[Archivo:MscreenB5.0.png|200px]]<br />
[[Archivo:MscreenB5.1.png|200px]]<br />
<br />
[[Archivo:MscreenBB2.1 copia.png|200px]]<br />
[[Archivo:MscreenB3.1 copia.png|200px]]<br />
[[Archivo:MscreenB4.1 copia.png|200px]]<br />
[[Archivo:MscreenB5.0 copia.png|200px]]<br />
[[Archivo:MscreenB5.1 copia.png|200px]]<br />
<br />
===Prueba de Proporciones de Pantalla y Tipografía===<br />
*Se confirma el alto contraste del amarillo sobre el fondo negro.<br />
*Se confirma que el estilo "Bold" contrasta por sobre el "Regular"<br />
[[Archivo:2GNscreenB4.1.png|200px]]<br />
[[Archivo:GCscreenB4.1.png|200px]]<br />
[[Archivo:GVscreenB4.1.png|200px]]<br />
[[Archivo:ZscreenA4.1.png|200px]]<br />
[[Archivo:GAfscreenB4.1.png|200px]]<br />
<br />
[[Archivo:2GNscreenB4.1 copia.png|200px]]<br />
[[Archivo:GCscreenB4.1 copia.png|200px]]<br />
[[Archivo:GVscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAscreenB4.1 copia.png|200px]]<br />
[[Archivo:GAfscreenB4.1 copia.png|200px]]<br />
<br />
==Tercera Prueba de interfaz Visual (FINAL)==<br />
<br />
*Se confirma el el color negro como fondo de alto contraste en conjunto a caracteres amarillos y blancos. <br />
*Se cambia la tipografía por una con más aire o blanco entre su caracteres (Verdana) y se confirma el estilo "Bold" como el de mayor definición en el contraste.<br />
*Se agrega el color naranjo a los contenidos que ya han sido visitados.<br />
*Se cambia la proporción del cuadro a uno correspondiente a las pantallas de computador.<br />
*Se cambia el botón de "Volver al menú anterior" por la '''barra espaciador''' y el botón de "Volver al menú principal" por la '''tecla de escape'''.<br />
*Se agrega una segunda '''voz masculina''' a toda información relacionada directamente a los contenidos, como la información de Atacama o la información de la costa del Norte Grande.<br />
*Se decide quitar dos contenidos: "Recursos Naturales" y "Patrimonio Natural" ya que se tocan estos temas dentro de "Regiones Naturales" y "Regiones Políticas"<br />
<br />
[[Archivo:ZscreenA2.1.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve.png|200px]]<br />
[[Archivo:ZscreenA4.3inve.png|200px]]<br />
[[Archivo:ZscreenA5.0.png|200px]]<br />
[[Archivo:ZscreenA5.222.png|200px]]<br />
<br />
[[Archivo:ZscreenA2.1 copia.png|200px]]<br />
[[Archivo:ZscreenB3.4.33inve copia.png|200px]]<br />
[[Archivo:ZscreenA4.3inve copia.png|200px]]<br />
[[Archivo:ZscreenA5.0 copia.png|200px]]<br />
[[Archivo:ZscreenA5.222 copia.png|200px]]<br />
<br />
==Customer Journey Map==<br />
Hecho con la segunda prueba de interfaz visual<br />
===Regiones Naturales===<br />
<br />
[[Archivo:Diagrama sin título (1) (1)-2.png|1000px|center]] <br />
<br />
<br />
===Regiones Políticas===<br />
[[Archivo:Diagramanovidentes.png|1100px|center]]<br />
<br />
===Mapa de Navegación de Contenidos===<br />
[[Archivo:MapaNavegaciónContenidosDC.png|1000px|center]]<br />
<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ScreenB1.png<br />
Archivo:ScreenB2.0.png<br />
Archivo:ScreenB2.1.png<br />
Archivo:ScreenB2.2.png<br />
Archivo:ScreenB2.3.png<br />
Archivo:ScreenB2.4.png<br />
Archivo:ScreenB2.5.png<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ScreenB3.0.png<br />
Archivo:ScreenB3.1.png<br />
Archivo:ScreenB3.2.png<br />
Archivo:ScreenB3.3.png<br />
Archivo:ScreenB3.4.png<br />
Archivo:ScreenB3.5.png<br />
</gallery><br />
<br />
===Regiones Naturales: Norte Grande===<br />
<gallery><br />
Archivo:ScreenB4.0.png<br />
Archivo:ScreenB4.1.png<br />
Archivo:ScreenB4.2.png<br />
Archivo:ScreenB4.3.png<br />
Archivo:ScreenB4.4.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, RELIEVE'''<br />
<gallery><br />
Archivo:ScreenB5.0.png<br />
Archivo:ScreenB5.1.png<br />
Archivo:ScreenB5.2.png<br />
Archivo:ScreenB5.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, CLIMA'''<br />
<gallery><br />
Archivo:ScreenB6.0.png<br />
Archivo:ScreenB6.1.png<br />
Archivo:ScreenB6.2.png<br />
Archivo:ScreenB6.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, VEGETACIÓN'''<br />
<gallery><br />
Archivo:ScreenB7.0.png<br />
Archivo:ScreenB7.1.png<br />
Archivo:ScreenB7.2.png<br />
Archivo:ScreenB7.3.png<br />
</gallery><br />
<br />
'''Regiones Naturales: Norte Grande, FAUNA'''<br />
<gallery><br />
Archivo:ScreenB8.0.png<br />
Archivo:ScreenB8.1.png<br />
Archivo:ScreenB8.2.png<br />
Archivo:ScreenB8.3.png<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ScreenC3.0.png<br />
Archivo:ScreenC3.1.png<br />
Archivo:ScreenC3.2.png<br />
Archivo:ScreenC3.3.png<br />
Archivo:ScreenC3.4.png<br />
Archivo:ScreenC3.5.png<br />
Archivo:ScreenC3.6.png<br />
Archivo:ScreenC3.7.png<br />
Archivo:ScreenC3.8.png<br />
Archivo:ScreenC3.9.png<br />
Archivo:ScreenC3.10.png<br />
Archivo:ScreenC3.11.png<br />
Archivo:ScreenC3.12.png<br />
Archivo:ScreenC3.13.png<br />
Archivo:ScreenC3.14.png<br />
Archivo:ScreenC3.15.png<br />
Archivo:ScreenC3.16.png<br />
</gallery><br />
<br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
==Video 1, prueba de interfaz==<br />
<center>{{#widget:Youtube|id=TO9vGSc_HGI}}</center><br />
<br />
==Resumen Navegación==<br />
===Cuadro de comandos===<br />
En el video del prototipo final se ha agregado un pequeño cuadro sobrepuesto en la esquina superior izquierda que nos muestra los comandos que se van utilizando en el teclado, para así comprender de mejor forma la relación entre el teclado y lo que esté genera en la navegación. Tomando la tecla '''Enter''' para entrar a los contenidos, la tecla '''Esc''' para volver al menú principal desde cualquier pantalla, la '''barra espaciadora''' para volver a la pantalla anterior y las '''flechas de dirección''' para desplazarse en por los menús de contenido y por los territorios donde corresponderán a los puntos cardinales.<br />
<br />
[[Archivo:Control.0.png|300px]]<br />
[[Archivo:Control.5.png|200px]]<br />
[[Archivo:Control.6.png|200px]]<br />
[[Archivo:Control.7.png|200px]]<br />
<br />
[[Archivo:Control.1.png|200px]]<br />
[[Archivo:Control.2.png|200px]]<br />
[[Archivo:Control.3.png|200px]]<br />
[[Archivo:Control.4.png|200px]]<br />
<br />
=Galería de Pantallas del Segundo Prototipo= <br />
==Menú Principal==<br />
<gallery><br />
Archivo:ZscreenA2.0.png<br />
Archivo:ZscreenA2.00.png<br />
Archivo:ZscreenA2.000.png<br />
Archivo:ZscreenA2.0000.png<br />
Archivo:ZscreenA2.00000.png<br />
Archivo:ZscreenA2.1.png<br />
Archivo:ZscreenA2.11.png<br />
Archivo:ZscreenA2.2.png<br />
Archivo:ZscreenA2.22.png<br />
Archivo:ZscreenA2.3.png<br />
Archivo:ZscreenA2.33.png<br />
Archivo:ZscreenA2.333.png<br />
<br />
</gallery><br />
<br />
==Regiones Naturales==<br />
<gallery><br />
Archivo:ZscreenA3.0.png<br />
Archivo:ZscreenA3.1.png<br />
Archivo:ZscreenA3.2.png<br />
Archivo:ZscreenA3.3.png<br />
Archivo:ZscreenA3.4.png<br />
Archivo:ZscreenA3.5.png<br />
Archivo:ZscreenA4.0.png<br />
Archivo:ZscreenA4.00.png<br />
Archivo:ZscreenA4.000.png<br />
Archivo:ZscreenA4.1.png<br />
Archivo:ZscreenA4.2.png<br />
Archivo:ZscreenA4.3.png<br />
Archivo:ZscreenA4.4.png<br />
Archivo:ZscreenA5.0.png<br />
Archivo:ZscreenA5.1.png<br />
Archivo:ZscreenA5.2.png<br />
Archivo:ZscreenA5.22.png<br />
Archivo:ZscreenA5.222.png<br />
Archivo:ZscreenA5.3.png<br />
Archivo:ZscreenA5.33.png<br />
<br />
</gallery><br />
<br />
==Regiones Políticas==<br />
<gallery><br />
Archivo:ZscreenB3.0.png<br />
Archivo:ZscreenB3.1.png<br />
Archivo:ZscreenB3.2.png<br />
Archivo:ZscreenB3.3.png<br />
Archivo:ZscreenB3.4.png<br />
Archivo:ZscreenB3.4.1.png<br />
Archivo:ZscreenB3.5.png<br />
Archivo:ZscreenB3.4.2.png<br />
Archivo:ZscreenB3.6.png<br />
Archivo:ZscreenB3.4.3.png<br />
Archivo:ZscreenB3.4.33.png<br />
Archivo:ZscreenB3.xx.png<br />
Archivo:ZscreenB3.8.png<br />
Archivo:ZscreenB3.9.png<br />
Archivo:ZscreenB3.10.png<br />
Archivo:ZscreenB3.11.png<br />
Archivo:ZscreenB3.12.png<br />
Archivo:ZscreenB3.13.png<br />
Archivo:ZscreenB3.14.png<br />
Archivo:ZscreenB3.15.png<br />
Archivo:ZscreenB3.16.png<br />
<br />
<br />
</gallery><br />
<br />
==Pueblos precolombinos==<br />
<gallery><br />
Archivo:ZscreenC3.0.png<br />
Archivo:ZscreenC3.1.png<br />
Archivo:ZscreenC3.2.png<br />
Archivo:ZscreenC3.3.png<br />
Archivo:ZscreenC3.4.png<br />
Archivo:ZscreenC3.5.png<br />
Archivo:ZscreenC3.6.png<br />
Archivo:ZscreenC3.7.png<br />
Archivo:ZscreenC3.8.png<br />
Archivo:ZscreenC3.9.png<br />
Archivo:ZscreenC3.10.png<br />
Archivo:ZscreenC3.11.png<br />
Archivo:ZscreenC3.12.png<br />
Archivo:ZscreenC3.13.png<br />
Archivo:ZscreenC3.14.png<br />
Archivo:ZscreenC3.15.png<br />
Archivo:ZscreenC3.16.png<br />
Archivo:ZscreenC3.17.png<br />
<br />
<br />
</gallery><br />
<br />
<br />
===Video prototipo final===<br />
<center>{{#widget:Youtube|id=jdfpcE55DTE}}</center><br />
<br />
==Presentación Software==<br />
<center>{{#widget:Youtube|id=HJg_As0R_Ec}}</center><br />
<br />
===Juego realizado por alumnos de ingeniería informática (grupo kappa)===<br />
<br />
====Beta Descubriendo Chile====<br />
El juego consiste en un mundo virtual con altos contrastes en su interfaz visual y sonidos 3D que te permiten recorrer y orientarte, formando mapas mentales que se van generando al explorar el territorio y reconociendo los sonidos que van apareciendo. El juego está diseñado para ser jugado con audífonos, para así poder reconocer de donde vienen los sonidos que te rodean. Y se avanza combinando el mouse para dar sentido y las flechas para dar dirección.<br />
<br />
*'''Link para descargar:''' https://drive.google.com/open?id=1ydG7ZcJhLzMx4CvMjKG2f8j0TggzE3SW<br />
<br />
<gallery><br />
Archivo:Sin título12.png|<br />
Archivo:KImage1.png|<br />
Archivo:KImage2.png|<br />
Archivo:KImage3.png|<br />
Archivo:KImage4.png|<br />
Archivo:KImage5.png|<br />
Archivo:KImage6.png|<br />
Archivo:KImage7.png|<br />
</gallery></div>Antoniamartinez