SlideShare una empresa de Scribd logo
1 de 35
"Por una Web  para todos " ISOC-AR, Buenos Aires, junio de 2008
"Por una Web  para todos " ISOC-AR, Buenos Aires, junio de 2008 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos.
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella Tecnologías de Accesibilidad: Tecnologías estándares con el objetivo de universalizar el acceso al diseño y a los contenidos en la Web.
Todas las prácticas de diseño orientados a una correcta presentación, lectura y comprensión de los elementos que componen un sitio web pueden considerarse: prácticas accesibles.
W3C
W3C Conjunto de leyes, pautas e   iniciativas técnicas y de diseño para llevar a la Web a su potencialidad máxima ,  normalizando o estandarizando la presentación de sus servicios acercando los contenidos a la mayor cantidad de personas posibles en forma transparente.
37JAIIO-SSI
37JAIIO-SSI Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Salto directo al contenido. Salida a impresora y dispositivos Braille. Sitio  dinámico Diseñado sin tablas,  con la combinación de  Código  HTML y CSS. Dinámico PHP5 Consistente a través de distintos  navegadores. Y distintas resoluciones
37JAIIO-SSI
PSI CTC
Sitio  dinámico, Realizado en Código  Abierto, PHP5 y SQL 2005 Diseñado sin tablas,  con la combinación de los Códigos  HTML y CSS .
PSI-CTC Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Aumento y disminución de tamaño de texto. Salto directo al contenido. Buscador de sitio.
Calendario de eventos. Novedades destacadas. Buscador de sitio. Formulario de contacto. Novedades. Organizadas por fecha y por categoria. Buscador de novedades. Servicio de RSS. Preguntas más frecuentes Glosario de términos, permite buscar por distintos criterios.
PSI
ATeDis
Consistente a través de distintos  navegadores . Y distintas resoluciones Sitio  dinámico, Realizado en Código  Abierto, PHP5 y SQL 2005 Diseñado sin tablas,  con la combinación de los Códigos  HTML y CSS .
Menúes y buscadores. Mapa de sitio, Aumento y dismunción de tamaño de texto. Adecuados contrastes de color. Adecuado tratamiento de imagenes, para lectores de pantalla y conexión lenta. Cambios de idioma. Distinción de abreviaturas y acronimos Salida a impresora y dispositivos Braille Servicios transversales:
Módulo Novedades Módulo de contacto Módulo de búsquedas de información Glosario
Servicios de información, difusión y formación sobre accesibilidad Web. ,[object Object],[object Object]
ATeDis
¿Cómo nos ven nuestros usuarios? Analizando las estadísticas de nuestras bases de datos, observamos la diversidad de las visitas de usuarios que tenemos, solo analizando el hardware con que acceden.
¿Cómo nos ven nuestros usuarios? Fuente: Datos obtenidos del sitio ATeDis ( http:/www.atedis.gov.ar )
¿Cómo nos ven nuestros usuarios? Fuente:del sitio ATeDis ( http://www.atedis.gov.ar )
¿Cómo nos ven nuestros usuarios? En contraposición exponemos este ejemplo de sitio oficial, inaugurado recientemente totalmente diseñado en Flash con claras limitaciones expuestas para acceder a sus contenidos.
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Debemos presentar nuestros sitios con un diseño inclusivo,  que permita la participación de la mayoría de los ciudadanos. Conclusiones:
Gracias. Lic. Maria Dolores Garcia Programa Nacional para la Sociedad de la Información.
Dificultades de acceso  Buenas prácticas Aligerar lo más posible la descarga de la página. Conexión lenta Compatibilidad o interoperabilidad entre plataformas. ,[object Object],[object Object],Deficiencias sensoriales Deficiencias visuales, auditivas. Distintos navegadores Distintas resoluciones Dificultades motrices Permita navegar con mouse y con teclado. Adecuados tags para lectores de pantalla.
Internet en el Mundo Internet hosts,  información suministrada por  CIA's World  Factbook .  Fecha  2005.

Más contenido relacionado

Similar a Isoc 1

Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Gabriel Porras
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
Meli Vidal
 

Similar a Isoc 1 (20)

Páginas web1
Páginas web1Páginas web1
Páginas web1
 
Páginas web123
Páginas web123Páginas web123
Páginas web123
 
CibermetríA Empresas Web
CibermetríA  Empresas WebCibermetríA  Empresas Web
CibermetríA Empresas Web
 
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo Web
 
Metodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web Efectivo
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
como hacer un documento web
como hacer un documento webcomo hacer un documento web
como hacer un documento web
 
Internet: Tipos de sitio (basico)
Internet: Tipos de sitio (basico)Internet: Tipos de sitio (basico)
Internet: Tipos de sitio (basico)
 
Tecnologias avanzadas
Tecnologias avanzadasTecnologias avanzadas
Tecnologias avanzadas
 
Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]
 
Comunicadores Digitales: User Experience
Comunicadores Digitales: User ExperienceComunicadores Digitales: User Experience
Comunicadores Digitales: User Experience
 
Web Atedis
Web AtedisWeb Atedis
Web Atedis
 
Prestación de servicio y participación ciudadana
Prestación de servicio y participación ciudadanaPrestación de servicio y participación ciudadana
Prestación de servicio y participación ciudadana
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
Proyecto pagina web terminado
Proyecto pagina web terminadoProyecto pagina web terminado
Proyecto pagina web terminado
 
Portfolio
PortfolioPortfolio
Portfolio
 

Último

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Isoc 1

  • 1. "Por una Web para todos " ISOC-AR, Buenos Aires, junio de 2008
  • 2.
  • 3. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos.
  • 4. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios
  • 5. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal
  • 6. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella
  • 7. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella Tecnologías de Accesibilidad: Tecnologías estándares con el objetivo de universalizar el acceso al diseño y a los contenidos en la Web.
  • 8. Todas las prácticas de diseño orientados a una correcta presentación, lectura y comprensión de los elementos que componen un sitio web pueden considerarse: prácticas accesibles.
  • 9. W3C
  • 10. W3C Conjunto de leyes, pautas e iniciativas técnicas y de diseño para llevar a la Web a su potencialidad máxima , normalizando o estandarizando la presentación de sus servicios acercando los contenidos a la mayor cantidad de personas posibles en forma transparente.
  • 12. 37JAIIO-SSI Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Salto directo al contenido. Salida a impresora y dispositivos Braille. Sitio dinámico Diseñado sin tablas, con la combinación de Código HTML y CSS. Dinámico PHP5 Consistente a través de distintos navegadores. Y distintas resoluciones
  • 15. Sitio dinámico, Realizado en Código Abierto, PHP5 y SQL 2005 Diseñado sin tablas, con la combinación de los Códigos HTML y CSS .
  • 16. PSI-CTC Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Aumento y disminución de tamaño de texto. Salto directo al contenido. Buscador de sitio.
  • 17. Calendario de eventos. Novedades destacadas. Buscador de sitio. Formulario de contacto. Novedades. Organizadas por fecha y por categoria. Buscador de novedades. Servicio de RSS. Preguntas más frecuentes Glosario de términos, permite buscar por distintos criterios.
  • 18. PSI
  • 20. Consistente a través de distintos navegadores . Y distintas resoluciones Sitio dinámico, Realizado en Código Abierto, PHP5 y SQL 2005 Diseñado sin tablas, con la combinación de los Códigos HTML y CSS .
  • 21. Menúes y buscadores. Mapa de sitio, Aumento y dismunción de tamaño de texto. Adecuados contrastes de color. Adecuado tratamiento de imagenes, para lectores de pantalla y conexión lenta. Cambios de idioma. Distinción de abreviaturas y acronimos Salida a impresora y dispositivos Braille Servicios transversales:
  • 22. Módulo Novedades Módulo de contacto Módulo de búsquedas de información Glosario
  • 23.
  • 25. ¿Cómo nos ven nuestros usuarios? Analizando las estadísticas de nuestras bases de datos, observamos la diversidad de las visitas de usuarios que tenemos, solo analizando el hardware con que acceden.
  • 26. ¿Cómo nos ven nuestros usuarios? Fuente: Datos obtenidos del sitio ATeDis ( http:/www.atedis.gov.ar )
  • 27. ¿Cómo nos ven nuestros usuarios? Fuente:del sitio ATeDis ( http://www.atedis.gov.ar )
  • 28. ¿Cómo nos ven nuestros usuarios? En contraposición exponemos este ejemplo de sitio oficial, inaugurado recientemente totalmente diseñado en Flash con claras limitaciones expuestas para acceder a sus contenidos.
  • 29. ¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: Conclusiones:
  • 30.
  • 31.
  • 32.
  • 33. Gracias. Lic. Maria Dolores Garcia Programa Nacional para la Sociedad de la Información.
  • 34.
  • 35. Internet en el Mundo Internet hosts, información suministrada por CIA's World Factbook . Fecha 2005.