Your SlideShare is downloading. ×
Web Design For Librarians (2)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Design For Librarians (2)

204
views

Published on

Esta presntación es la primera parte decomo diseñar tú página en internet. Orientada a Internet.

Esta presntación es la primera parte decomo diseñar tú página en internet. Orientada a Internet.

Published in: Education, Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
204
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Edgardo L. Rivera COBIMET, Inc.
  • 2. Agenda
    • Introducción
    • Glosario web
    • Antiguas reglas de diseño
    • Reglas generales de diseño
    • Recomendaciones para bibliotecas
    • Editores Web
    • Manos a la obra...
  • 3. Introducción
    • Diseño web - es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. Contiene enlaces (hyperlinks) que llevan de una página a otra.
    • Internet versus WWW
    • Páginas estáticas o dinámicas
  • 4. Ejemplo antigua sesión internet
  • 5. Glosario web
    • browsers – programa para navegar la web
    • cache – espacio en memoria donde se guardan las páginas visitadas
    • cookie – información almacenada en nuestra PC por un servidor de web
    • crawler o spider – programa que rastrea el Internet para mantener los índices de las páginas (ejemplo: Google)
    • dynamic page – página cuyo contenido cambia frecuente y automáticamente (ejemplo: tiendas online)
    • domain name – primera parte del URL hasta el primer “/” (ejemplo: cobimet.org)
  • 6. Glosario web (cont.)
    • file extension – letras que siguen al último punto en el nombre de un archivo (ejemplo: lista. doc , casa. xls , index. html, computo. php )
    • frames – cuadros o secciones en que se puede dividir una página web
    • ftp – File Transfer Protocol, protocolo para transferir un archivo de una computadora a otra
    • host o server – computadora en las que residen las páginas web
    • hypertext – link o enlace
    • Internet – colección de redes que se conectan entre sí a través de TCP/IP.
  • 7. Glosario web (cont.)
    • IP address – número único que identifica a cada computadora conectada al internet. (ejemplo: 65.38.154.250)
    • ISP – Internet Service Provider, proveedor de Internet (ATT, PRT, Centennial, Sprint, etc)
    • java y javascript – lenguajes de programación para web
    • TCP/IP – serie de protocolos que se utilizan para conectar la Internet
    • url – Uniform Resource Locator, dirección única de cada documento accesible vía web
    • xml – Extensible Markup Language, lenguaje utilizado para transmisión de datos de una aplicación a otra
    • wiki – “rápido”, tecnología que reúne en un mismo lugar a personas enfocados en un tema, proyecto o para colaboración
  • 8. Antiguas reglas de diseño
    • Regla de 3 clics – cantidad de clics para llegar al objetivo
    • Regla del 7 – cantidad de secciones por página
    • Optimización para 800x600 – tamaño de la ventana
    • Regla de no-scroll - ventanas
  • 9. Reglas generales de diseño
    • Debe ser realizado por un grupo
      • Diversas habilidades
      • Incluir usuarios (estudiantes)
    • Acercarse a los usuarios como vendedores (marketing)
      • Preferencias, estilos y comportamiento
    • Ambiente abierto a discusión
      • Importante: saber escuchar
    • Formular una meta
    • Realizar estudios de utilidad (usability study)
      • Ejecución, exactitud, recuerdos, respuesta emocional
  • 10. Recomendaciones para Bibliotecas
    • Utilizar términos comunes a los usuarios no para los bibliotecarios
      • Estudio de Utilización: porciento de éxito en búsquedas = 51%
      • No utilizar
        • Database
        • Library Catalog
        • E-journals
        • Index
        • Interlibrary Loan
      • Sí utilizar
        • Buscar libros
        • Buscar artículos
        • Préstamos de otras bibliotecas
        • Otros términos en lenguaje natural
  • 11. Recomendaciones para Bibliotecas (cont.)
    • Explicar los términos que podrían crear confusión
      • Utilizar “mouseovers” y los atributos ALT y TITLE
    • Proveer páginas intermedias
      • Biblioteca Virtual
    • Ser consistentes en la terminología utilizada
    • “ ... the best way to make sure that patrons find it useful is to make the effort to truly understand their needs and preferences. To give them what they need, we have to know what they need. To know what they need, all we have to do is ask .” (Roberts, 2005)
  • 12. Editores Web
    • Amaya
    • Bluefish
    • Dreamweaver
    • Kate
    • KompoZer (evolución de NVU)
    • Microsoft Frontpage, (ahora Microsoft Expression Web)
    • Mozilla Composer (antes Netscape Composer)
    • Netscape
    • Quanta Plus
    • NVU (evolución de Mozilla Composer)
    • Writer (de OpenOffice.org)
    • WYSIWYG
    • WYSIWYM
  • 13. Manos a la obra
    • A crear la página …
  • 14. Referencias
    • Kupersmith, J. (2009). Library terms that users understand. Retrieved February 15, 2010, from http://www.jkup.net/terms.html
    • Reynolds, E. (2008). The secret to patron-centered web design: Cheap, easy, and powerful usability techniques. Computers in Libraries, 28 (6), 6(7).
    • Roberts, G. (2005). Include your patrons in web design. Computers in Libraries, 25 (9), 30(3).
    • Wisniewski, J. (2008). The new rules of web design. Online, 32 (2), 55(3).
    • Wikipedia (definición de Diseño Web)