Presentación de Garcia Dolores para su conferencia. Martes 27

1. Diseño Web Inclusivo Universidad de Palermo, Buenos Aires Julio 2010

5. Diseño Web Inclusivo Introducción . ¿Qué es el Dieño Web Inclusivo? Diseño Web Inclusividad Comunicación=Derecho Humano Básico Análisis de la interfaz Facilitar la interacción CDU Desigualdad = Riqueza

7. Diseño Web Inclusivo ¿Qué es la Comunicación?

8. Diseño Web Inclusivo ¿Qué es la Comunicación? Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .

9. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción. Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje

10. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje Feedback

11. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback

12. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback Canal : Soporte físico por donde circula la información

13. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Televisión, Radio, Prensa, Computación, Internet Código : Convención social que une a los actores de la comunicación Canal : Soporte físico por donde circula la información

14. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal

15. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor

16. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores

17. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores Consumidor + Producción = Prosumer

19. Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Mensaje Código Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0

20. Diseño Web Inclusivo Mapa Mundial de Internet (2007) Este estudio muestra como se distribuye Internet a lo ancho de todo el mundo. Como puede apreciarse a primera vista , Norte América y Europa concentran ampliamente la mayoría de los grupos activos en Internet. Con un total de un 22.5% para Europa y un 55.9% para Norte América. Por lo tanto podemos decir que entre ambas represetnas el 77.4%del la estructura de la Internet global, teniendo Asia , que sigue en importancia un 14 %. La imagen nos muestra por medio de puntos de colores la distribuciòn y esta expresada en numeros de direcciones IP por puntos.

22. Diseño Web Inclusivo “ el medio es el mensaje” Herbert Marshall McLuhan

23. Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0 El medio es el mensaje Mashups Prosumidor Prosumidor

25. 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Tarea Conclusiones Diseño Web Inclusivo

26. 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo

27. 27/07/10 Tarea El usuario no tendría que pensar que está manejando una máquina y todo su esfuerzo estaría centrado en la tarea que propone realizar. Bonsiepe(1999) Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo

28. 27/07/10 Interfase Entorno Tarea Conclusiones Diseño Web Inclusivo ? ¿Con qué tecnología están accediendo? ¿Cuál es su software de preferencia? ¿Cuáles son los perféricos que usa para navegar? ¿Cómo saber si nos estamos expresando con una semántica adecuada? ¿Cómo prodremos garantizar una buena calidad de la interfaz que soporta a la información a comunicar? ¿Cómo puedo garantizar un buen posicionamiento en buscadores?

30. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .

31. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación

32. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación

34. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto

35. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto

36. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto

37. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto

39. Diseño Web Inclusivo Regla de los 5 elementos

41. 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Comparación de dos Webs Diseño Web Inclusivo Examinator: http://www.accesible.com.ar/examinator/index.php

42. 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Diseño Web Inclusivo Comparación de dos Webs

43. 27/07/10 Comparación de dos Webs Diseño Web Inclusivo

45. Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)

46. Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)

47. Diseño Web Inclusivo Diseño Universal o Diseño para todos Sentencias dinámicas de conexión a la base de datos y a validaciones. Estilos de página CSS Código HTML Distribución de Contenidos: texto, imágenes, sonido video, etc. Información a comunicar Usabilidad Accesibilidad

48. 27/07/10 Solución  diseño universal o para todos Diseño Universal o Diseño para todos Diseño Web Inclusivo

49. 27/07/10 Solución  diseño universal o para todos rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo

50. 27/07/10 Solución  diseño universal o para todos las TIC como “APOYO” rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo

51. 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso Diseño Universal o Diseño para todos Diseño Web Inclusivo

52. 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso No excluyente Abierto Universal Flexible, adaptable Diseño Universal o Diseño para todos Diseño Web Inclusivo

54. Diseño Web Inclusivo Aspecto legal en Argentina y en el mundo Convención Internacional sobre los Derechos de las Personas con Discapacidad Ley 26.378 -Art 9 , Accesibilidad -Art 21, Comunicación www.atedis.gov.ar/convencion/convencion.html Ley de Accesibilidad de la Información en las Páginas Web para gente con discapacidades Expdiente N° 4521-D-2008

56. Diseño Web Inclusivo Conclusiones “ El poder de la Web está en su universalidad. Un acceso para todo el mundo independientemente de su discapacidad es un aspecto esencial” (Tim Berners-Lee, Director del W3C e inventor de la Web)

57. Diseño Web Inclusivo Muchas gracias Lic. María Dolores García Fernández Mail: [email_address] Blog: www.desarrollosdg.com.ar/educativos/expresion/ Diseño Web Inclusivo Diseño Web Inclusivo Maria Dolores Garcia