presentacion desarrollo sitio web

33
DESARROLLO DEL SITIO WEB DE LA BIBLIOTECA PUBLICA MUNICIPAL CAMILO TORRES EN VILLA DE LEYVA FUNDACION UNIVERSITARIA INPAHU SONIA SEGURA MARY CELESTE VALENCIA

Upload: sonia-segura

Post on 14-Jul-2015

59 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Presentacion desarrollo sitio web

DESARROLLO DEL SITIO WEB DE LA BIBLIOTECA PUBLICA

MUNICIPAL CAMILO TORRES EN VILLA DE LEYVA

FUNDACION UNIVERSITARIA INPAHU

SONIA SEGURA

MARY CELESTE VALENCIA

Page 2: Presentacion desarrollo sitio web

Acceder a internet se ha vuelto parte de nuestras actividades cotidianas por la gran cantidad de información y conocimiento disponible, además de ser un medio de comunicación rápido y efectivo.

Un alto porcentaje de la población estudiantil actual, tiene acceso a internet.

La barrera del idioma también se ha superado con herramientas de traducción casi simultanea, a nuestro lenguaje nativo.

INTERNET

Page 3: Presentacion desarrollo sitio web

LIMITACIONES Pero un porcentaje de la población, con

discapacidades físicas o avanzada edad no pueden acceder parcial o totalmente a la web.

Por limitaciones de tipo visual,(letra e imágenes muy pequeñas, contrates de color, escasa visibilidad, etc).

Por limitaciones en el manejo de los dispositivos de acceso al computador como son el mouse y teclado.

Por falta de apoyo a la lectura auditiva y ejecución de comandos por voz (en los invidentes).

Page 4: Presentacion desarrollo sitio web

NORMATIVIDAD El gobierno colombiano se ha esforzado en

implementar todo tipo de planes para masificar las tecnologías de la información para todos los niveles sociales principalmente a los menos favorecidos.

El consorcio internacional Word Wide Web es el que crea los estándares para la accesibilidad a la web, que no son obligatorias pero nos dan las pautas para crear paginas accesibles al mayor numero de personas, incluyendo los discapacitados o con limitaciones ya sean físicas o mentales.

Estas normas o estándares son una serie de recomendaciones (wai – web accesivility iniciative) que son unos lineamientos, listas de verificación y técnicas para incrementar el acceso a la web.

Page 5: Presentacion desarrollo sitio web

PLANTEAMIENTO

Crear un sitio en internet con la máxima accesibilidad siguiendo los lineamientos y recomendaciones enunciadas.

Proporcionar herramientas interactivas para el máximo de la población incluyendo a los discapacitados y personas con limitaciones.

Page 6: Presentacion desarrollo sitio web

PROYECTO Implementar el sitio web de la biblioteca

publica municipal “Camilo torres” de Villa de Leyva, con las características y visualización de las páginas actuales, llamativa, colorida y agradable.

Y una versión accesible para la mayor población posible basada en el listado de verificación (Wai) de la W3c.

Page 7: Presentacion desarrollo sitio web

ELEMENTOS DE TRABAJO

Para esta ejecución de la implementación se cuenta con la información suministrada por la Sra. bibliotecaria, que incluye misión, visión, objetivos, funciones, programas, imágenes y un link al blog de la misma.

El material recibido es extenso como las fotos de actividades, se usaran las mínimas, puesto que todas se pueden ver en el blog de la biblioteca.

Page 8: Presentacion desarrollo sitio web

HERRAMIENTAS

Ya que la biblioteca no dispone de recursos económicos muy grandes, el sitio se crea en un servidor de uso gratuito con el máximo de herramientas de gestión para su posterior actualización y modificación.

Se crea una cuenta en jimdo. com a nombre de la biblioteca.

Page 9: Presentacion desarrollo sitio web

CREACION DE LA CUENTA EN JIMDO.COM

Page 10: Presentacion desarrollo sitio web

CAMBIO DE IMAGEN DE FONDO

Page 11: Presentacion desarrollo sitio web

CREACION DEL MENÚ

Page 12: Presentacion desarrollo sitio web

PAGINA DE INICIO

Page 13: Presentacion desarrollo sitio web

PAGINA DE MISION

Page 14: Presentacion desarrollo sitio web

PAGINA DE VISION

Page 15: Presentacion desarrollo sitio web

PAGINA DE OBJETIVOS

Page 16: Presentacion desarrollo sitio web

SOBRE LAS FUNCIONES Y PROGRAMAS

SE EXTRATO LO MAS IMPORTANTE PARA EL VISITANTE COMO SON S LA FUNCION O PROGRAMAS CON LAS FECHAS Y HORARIOS DE TRABAJO.

Page 17: Presentacion desarrollo sitio web

TABLA PARA FUNCIONES

Page 18: Presentacion desarrollo sitio web

TABLA PARA PROGRAMAS

Page 19: Presentacion desarrollo sitio web

LINK DE IMÁGENES (SE UTILIZA UN VISUALIZADOR)

Page 20: Presentacion desarrollo sitio web

PAGINA DE CONTACTO

Page 21: Presentacion desarrollo sitio web

PAGINA ACCESIBLE Ya creada la versión en jimdo se procede a la

creación de la página accesible, a la cual se llega por un direccionamiento en caso de no poder leer la de jimdo.

Se utiliza el único sistema gratuito en la web para la conversión del texto del contenido, a lectura a voz (digitalizada) audible en los parlantes del equipo del navegante de la página.

Se utilizan acceso al menú de navegación por la pulsación de la letra inicial de cada ítem. del menú.

Adicionalmente por medio de la pulsación de las teclas “a” y “d” se logra aumentar y disminuir el tamaño del texto en pantalla del contenido de la pagina.

Page 22: Presentacion desarrollo sitio web

PAGINA DE INICIO

Page 23: Presentacion desarrollo sitio web

PAGINA DE MISION

Page 24: Presentacion desarrollo sitio web

PAGINA DE VISION

Page 25: Presentacion desarrollo sitio web

PAGINA DE OBJETIVOS

Page 26: Presentacion desarrollo sitio web

PAGINA DE FUNCIONES

Page 27: Presentacion desarrollo sitio web

PAGINA DE PROGRAMAS

Page 28: Presentacion desarrollo sitio web

PAGINA DE IMAGENES

Page 29: Presentacion desarrollo sitio web

PAGINA DE BLOG (MENU)

Page 30: Presentacion desarrollo sitio web

PAGINA DE CONTACTO

Page 31: Presentacion desarrollo sitio web

TERMINACION Se ha terminado de crear la versión accesible

del sitio. Los accesos son: http://bibliotecavilladeleyva.jimdo.com/ http://bibliotecavilladeleyva.com/inicio.html Blog:

http://bibliotecapublicavilladeleyva.blogspot.com/

Page 32: Presentacion desarrollo sitio web

CONCLUSION

Las paginas accesibles utilizan la mínima cantidad de memoria y han sido probadas en los navegadores más utilizados con resultados óptimos.

Page 33: Presentacion desarrollo sitio web

GRACIAS