SlideShare a Scribd company logo
1 of 33
DESARROLLO DEL SITIO WEB DE
LA BIBLIOTECA PUBLICA
MUNICIPAL CAMILO TORRES EN
VILLA DE LEYVA

FUNDACION UNIVERSITARIA INPAHU
SONIA SEGURA
MARY CELESTE VALENCIA
INTERNET
 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.
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).
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.
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.
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.
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.
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.
CREACION DE LA CUENTA
EN JIMDO.COM
CAMBIO DE IMAGEN DE
FONDO
CREACION DEL MENÚ
PAGINA DE INICIO
PAGINA DE MISION
PAGINA DE VISION
PAGINA DE OBJETIVOS
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.
TABLA PARA FUNCIONES
TABLA PARA PROGRAMAS
LINK DE IMÁGENES (SE UTILIZA
UN VISUALIZADOR)
PAGINA DE CONTACTO
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.
PAGINA DE INICIO
PAGINA DE MISION
PAGINA DE VISION
PAGINA DE OBJETIVOS
PAGINA DE FUNCIONES
PAGINA DE PROGRAMAS
PAGINA DE IMAGENES
PAGINA DE BLOG (MENU)
PAGINA DE CONTACTO
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.c
CONCLUSION
 Las paginas accesibles utilizan la
mínima cantidad de memoria y han
sido probadas en los navegadores más
utilizados con resultados óptimos.
GRACIAS

More Related Content

What's hot

DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
yuliaajmlg
 
Elearning portales
Elearning portalesElearning portales
Elearning portales
ninilu13
 
Diseño web
Diseño webDiseño web
Diseño web
YandreiM
 
Elearning portales
Elearning portalesElearning portales
Elearning portales
ninilu13
 

What's hot (18)

Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Web
WebWeb
Web
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
 
Ecommerce Hotelero II
Ecommerce Hotelero IIEcommerce Hotelero II
Ecommerce Hotelero II
 
Trabajo sena
Trabajo senaTrabajo sena
Trabajo sena
 
1.2 la web 2,0
1.2 la web 2,01.2 la web 2,0
1.2 la web 2,0
 
Web 1
Web 1Web 1
Web 1
 
Evolución de las web
Evolución de las webEvolución de las web
Evolución de las web
 
Cuadro comparativo web 1.0 , 2.0 ,3.0
Cuadro comparativo web 1.0 , 2.0 ,3.0Cuadro comparativo web 1.0 , 2.0 ,3.0
Cuadro comparativo web 1.0 , 2.0 ,3.0
 
Elearning portales
Elearning portalesElearning portales
Elearning portales
 
Web 10,20,30
Web 10,20,30Web 10,20,30
Web 10,20,30
 
Diseño web
Diseño webDiseño web
Diseño web
 
Tipos de web
Tipos de webTipos de web
Tipos de web
 
Pagina web
Pagina webPagina web
Pagina web
 
Elearning portales
Elearning portalesElearning portales
Elearning portales
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
DISEÑO DE PÁGINAS WEB
DISEÑO DE PÁGINAS WEBDISEÑO DE PÁGINAS WEB
DISEÑO DE PÁGINAS WEB
 
Web 1.0, Web 2.0 y Web 3.0 Sus características
Web 1.0, Web 2.0 y Web 3.0 Sus característicasWeb 1.0, Web 2.0 y Web 3.0 Sus características
Web 1.0, Web 2.0 y Web 3.0 Sus características
 

Viewers also liked

Los paradigmas tecnoeconomicos 2
Los paradigmas tecnoeconomicos 2Los paradigmas tecnoeconomicos 2
Los paradigmas tecnoeconomicos 2
heriberto29
 
Producto final
Producto finalProducto final
Producto final
Yurihh
 
Universidad de-las-fuerzas-armadas-espe
Universidad de-las-fuerzas-armadas-espeUniversidad de-las-fuerzas-armadas-espe
Universidad de-las-fuerzas-armadas-espe
Pablo Garzón
 
Caso, la paz en colombia
Caso, la paz en colombiaCaso, la paz en colombia
Caso, la paz en colombia
Brendisca
 
Las redes sociales y la seguridad de las
Las redes sociales y la seguridad de lasLas redes sociales y la seguridad de las
Las redes sociales y la seguridad de las
silvialucero23
 
Aprendizaje colaborativo
Aprendizaje colaborativoAprendizaje colaborativo
Aprendizaje colaborativo
susy93
 
Uni fiee scm sesion 01b comunicaciones moviles
Uni fiee scm sesion 01b comunicaciones movilesUni fiee scm sesion 01b comunicaciones moviles
Uni fiee scm sesion 01b comunicaciones moviles
jcbp_peru
 
Tutorial Windows XP
Tutorial Windows XPTutorial Windows XP
Tutorial Windows XP
Hlatinos
 
Formulacion y planeacion para la ingenieria web
Formulacion y planeacion para la ingenieria webFormulacion y planeacion para la ingenieria web
Formulacion y planeacion para la ingenieria web
Elizabeth_14
 
lLAS REDES SOCIALES UNIMINUTO
lLAS REDES SOCIALES  UNIMINUTOlLAS REDES SOCIALES  UNIMINUTO
lLAS REDES SOCIALES UNIMINUTO
mayebuitrago1326
 
herramientas avanzadas word combinar correspondencia
herramientas avanzadas word combinar correspondenciaherramientas avanzadas word combinar correspondencia
herramientas avanzadas word combinar correspondencia
srsamuel23
 
Utp sirn_s1_introduccion ia 2012-2
 Utp sirn_s1_introduccion ia 2012-2 Utp sirn_s1_introduccion ia 2012-2
Utp sirn_s1_introduccion ia 2012-2
jcbp_peru
 

Viewers also liked (20)

AYUDAR TE MARCA -
AYUDAR TE MARCA - AYUDAR TE MARCA -
AYUDAR TE MARCA -
 
Fagertic sig
Fagertic sigFagertic sig
Fagertic sig
 
Ejercicios 3
Ejercicios 3Ejercicios 3
Ejercicios 3
 
Ejercicios 3
Ejercicios 3Ejercicios 3
Ejercicios 3
 
Términos informáticos
Términos informáticosTérminos informáticos
Términos informáticos
 
Catedra
CatedraCatedra
Catedra
 
Los paradigmas tecnoeconomicos 2
Los paradigmas tecnoeconomicos 2Los paradigmas tecnoeconomicos 2
Los paradigmas tecnoeconomicos 2
 
Producto final
Producto finalProducto final
Producto final
 
Universidad de-las-fuerzas-armadas-espe
Universidad de-las-fuerzas-armadas-espeUniversidad de-las-fuerzas-armadas-espe
Universidad de-las-fuerzas-armadas-espe
 
Caso, la paz en colombia
Caso, la paz en colombiaCaso, la paz en colombia
Caso, la paz en colombia
 
Las redes sociales y la seguridad de las
Las redes sociales y la seguridad de lasLas redes sociales y la seguridad de las
Las redes sociales y la seguridad de las
 
Aprendizaje colaborativo
Aprendizaje colaborativoAprendizaje colaborativo
Aprendizaje colaborativo
 
Uni fiee scm sesion 01b comunicaciones moviles
Uni fiee scm sesion 01b comunicaciones movilesUni fiee scm sesion 01b comunicaciones moviles
Uni fiee scm sesion 01b comunicaciones moviles
 
Tutorial Windows XP
Tutorial Windows XPTutorial Windows XP
Tutorial Windows XP
 
Formulacion y planeacion para la ingenieria web
Formulacion y planeacion para la ingenieria webFormulacion y planeacion para la ingenieria web
Formulacion y planeacion para la ingenieria web
 
Herramientas
HerramientasHerramientas
Herramientas
 
lLAS REDES SOCIALES UNIMINUTO
lLAS REDES SOCIALES  UNIMINUTOlLAS REDES SOCIALES  UNIMINUTO
lLAS REDES SOCIALES UNIMINUTO
 
Enlaces de rf
Enlaces de rfEnlaces de rf
Enlaces de rf
 
herramientas avanzadas word combinar correspondencia
herramientas avanzadas word combinar correspondenciaherramientas avanzadas word combinar correspondencia
herramientas avanzadas word combinar correspondencia
 
Utp sirn_s1_introduccion ia 2012-2
 Utp sirn_s1_introduccion ia 2012-2 Utp sirn_s1_introduccion ia 2012-2
Utp sirn_s1_introduccion ia 2012-2
 

Similar to Presentacion desarrollo sitio web

Carlos eduardo gomez rodriguez (tarea calameo)
Carlos eduardo gomez rodriguez (tarea calameo)Carlos eduardo gomez rodriguez (tarea calameo)
Carlos eduardo gomez rodriguez (tarea calameo)
CarlosGomez865
 
Aplicaciones de internet 2
Aplicaciones de internet 2Aplicaciones de internet 2
Aplicaciones de internet 2
blancaidrovo9
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
4luis415
 

Similar to Presentacion desarrollo sitio web (20)

Aa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_accesAa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_acces
 
Edumatica
EdumaticaEdumatica
Edumatica
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Calameo
CalameoCalameo
Calameo
 
Carlos eduardo gomez rodriguez (tarea calameo)
Carlos eduardo gomez rodriguez (tarea calameo)Carlos eduardo gomez rodriguez (tarea calameo)
Carlos eduardo gomez rodriguez (tarea calameo)
 
Web
WebWeb
Web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Aplicaciones de internet 2
Aplicaciones de internet 2Aplicaciones de internet 2
Aplicaciones de internet 2
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Pagina web y blog by jose hurtado
Pagina web y blog by jose hurtadoPagina web y blog by jose hurtado
Pagina web y blog by jose hurtado
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Entornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizajeEntornos digitales de enseñanza y aprendizaje
Entornos digitales de enseñanza y aprendizaje
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
Diseño de proyecto
Diseño de proyectoDiseño de proyecto
Diseño de proyecto
 
Tic nEE (diego duarte)
Tic nEE (diego duarte)Tic nEE (diego duarte)
Tic nEE (diego duarte)
 
Web2.0 y computacion en la nube
Web2.0 y computacion en la nube Web2.0 y computacion en la nube
Web2.0 y computacion en la nube
 
Web2.0 y Computacion en la nube
Web2.0 y Computacion en la nubeWeb2.0 y Computacion en la nube
Web2.0 y Computacion en la nube
 

Presentacion desarrollo sitio web

  • 1. DESARROLLO DEL SITIO WEB DE LA BIBLIOTECA PUBLICA MUNICIPAL CAMILO TORRES EN VILLA DE LEYVA FUNDACION UNIVERSITARIA INPAHU SONIA SEGURA MARY CELESTE VALENCIA
  • 2. INTERNET  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.
  • 3. 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).
  • 4. 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.
  • 5. 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.
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. CREACION DE LA CUENTA EN JIMDO.COM
  • 10. CAMBIO DE IMAGEN DE FONDO
  • 16. 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.
  • 19. LINK DE IMÁGENES (SE UTILIZA UN VISUALIZADOR)
  • 21. 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.
  • 29. PAGINA DE BLOG (MENU)
  • 31. 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.c
  • 32. CONCLUSION  Las paginas accesibles utilizan la mínima cantidad de memoria y han sido probadas en los navegadores más utilizados con resultados óptimos.