Ir al contenido principal

Creación de guías en Biblioguías UCM

Manual básico para la creación de guías en LibGuides

Tipos de contenido

Desplegando el menú Add / Reorder que aparece en la caja podremos seleccionar el tipo de recurso o contenido a insertar.

Añadir contenido

Es el tipo de caja más versatil: se trata de un editor similar al que se emplea en la mayoría de los gestores de contenido web, con aspecto de procesador de texto. Se puede utilizar para incluir cualquier tipo de texto (y darle formato con HTML), enlaces, imágenes, etc...

Pulsamos en la opción Rich Text/HTML y procedemos a editar e insertar el contenido.

 

Barra Texto Enriquecido

 

1. Estilos

El botón de estilos tiene algunas opciones predefinidas que podemos usar: una fuente de máquina de escribir para mostrar el código de la computadora, un resaltado amarillo, una cita en línea y otras.

"Grande" y "pequeño" son especialmente útiles, ya que cambiarán de tamaño automáticamente y serán proporcionales a los tamaños de las fuentes principales.

 

2. Estilos de párrafo

Utiliza encabezados para subdividir el contenido de los cuadros Texto enriquecido / HTML. Generalmente, se puede usar encabezados 3 para encabezar un bloque de contenido para toda la caja. Utiliza los encabezados 4 para subdividir aún más el contenido en secciones. Utiliza los encabezamientos 5 y 6 para subdividir aún más los bloques de contenido 4.

Encabezados limitados
Los encabezados <H1> y <H2> no están disponibles en el desplegable del editor WYSIWYG. Por motivos de accesibilidad NO se deben emplear en las cajas Rich Text / HTML.

Debemos ser especialmente cuidadosos de no pegar texto de otros orígenes que contengan estos encabezados.


3. Opciones de fuentes

Utiliza con cuidado los cambios en los estilos, colores y tamaños de fuente:

  • No agregues estilos de fuente a menos que los necesite absolutamente.  La hoja de estilo del sitio se encarga de la configuración básica de las fuentes.
  • Si copias y pegas desde Word, debes siempre pegar en texto plano para quitar los comandos de formato de Word.
  • H1 y H2 son para el título de la página y el título de la caja, respectivamente.  H3, H4, H5, etc. son el mejor método para mostrar los subtítulos de los documentos en negrita o más grandes.
  • No utilices el color para denotar el énfasis.  El software de lectura de pantalla o aquellos usuarios con daltonismo no captarán el énfasis.
 

4. Pegar y deshacer

Estos iconos se utilizarán solamente para copiar y cortar texto desde la propia caja de edición de texto enriquecido. Para pegar texto desde la caja o desde otros editores web o procesadores de texto como Word emplearemos los atajos de teclado. Pondremos el cursor donde deseamos pegar el contenido y entonces:

Windows y Linux: pulsar CTRL + V
Mac: pulsar Cmd + V

Estos botones también contienen los comandos Deshacer / Rehacer.


5. Estilos de texto

Utiliza estos comandos para alinear o sangrar bloques de texto, crear listas o bloquear comillas.


6. Enlaces y Anclas

Agregar o eliminar hipervínculos o colocar un ancla en un documento al que se puede vincular.


7. Insertar

Estos comandos permiten insertar una imagen, una tabla, una línea horizontal o un carácter especial..


8. Pantalla completa

Utiliza esta herramienta para obtener más espacio en pantalla.  Desactivar para volver a la vista normal.


9. Código fuente

Se puede activar y desactivar la vista de código sin tener que guardar primero el trabajo.

Utiliza el código fuente para pegar o modificar código HTML.


Corrección ortográfica

Para realizar la corrección ortográfica, seleccionaremos y marcaremos la palabra que queramos revisar. Entonces:
Windows y Linux: pulsaremos CTRL y haremos click con el botón derecho del ratón sobre la palabra.
Mac: pulsaremos Cmd + CTRL y haremos click con el botón derecho del ratón sobre la palabra.

Menú insertar base de datos

  1. Pulsa en el botón Add / Reorder y selecciona Database.
 

Diálogo base de datos

  1. Se abrirá un cuadro de diálogo. Busca el recurso que deseas añadir. También puedes consultar los assets si no encuentras el recurso deseado.
  2. Añade una descripción personalizada si lo deseas. También podemos elegir si la descripción se muestra siempre, al pasar el ratón sobre el título, al pulsar sobre un icono, etc.
  1. Guardamos. Puedes emplear la herramienta Add / Reorder para reordenar las bases de datos.

Al seleccionar la opción Link se abrirá una ventana de diálogo. Podemos elegir si añadimos un nuevo vínculo o reutilizamos uno ya creado.

Insertar vínculo

 

Para reutlizar un vínculo (recomendado)

  1. Selecciona la pestaña Reuse Existing Link y busca el recursos que deseamos añadir.
  2. Si deseamos modificar la descripción, marcamos la opción Make a copy.... De este modo el vínculo no estará asociado al vínculo original que copiamos.
 

Reutilizar vínculo

  1. Guardamos. Podemos utilizar la herramienta Add / Reorder para reordenar los enlaces si lo deseamos.

Para añadir un vínculo nuevo

  1. Rellenamos los campos de la pestaña Create New Link.
    • Nombre del vínculo: podremos asignarlo libremente
    • URL: debemos usar vínculos con proxy si es un recurso de pago
    • Target: Lo dejamos como está, System Default
    • Proxy: lo dejamos desmarcado
    • Descripción: debe ser concisa
    • More info: genera un botón emergente al pasar el ratón
    • Guide Mappings: aparecerá si el vínculo se reutiliza en otra parte
    • Icon: iconos de restringido, acceso abierto, etc.
 

Crear vínculo nuevo

  1. Guardamos. Podemos usar la herramienta Add / Reorder para reordenar los vínculos

Los elementos de contenido Media/Widget pueden contener e incrustar el código de un vídeo u otros medios, además de scripts. La mayoría de las veces, el código contendrá una etiqueta object, embed o script.

Al igual que sucede con los vínculos, las imágenes u otros assets, podemos añadir un Media / Widget nuevo o reutilizar alguno preexistente en el sistema.

 

Diálogo de inserción Media/Widget

 

Incrustar un vídeo de YouTube

 

Incrustar vídeo

  1. En YouTube localizamos el vídeo que deseamos incrustar. Pulsamos en el botón Share situado bajo el vídeo.
  2. Pulsamos en el botón Embed
  3. En la ventana emergente copiamos el código.
  4. En nuestra guía insertaremos un elemento de contenido Media / Widget en la caja.
  5. En el espacio correspondiente pegaremos el código y guardaremos.
 

Insertar widgets responsivos

Pensando en especial en los dispositivos móviles, debemos intentar que los medios insertados sean responsivos, es decir, se ajusten al elemento contenedor. Por defecto, YouTube y otros servicios proporcionan un ancho fijo en píxeles. Para evitar problemas al ser escalado el vídeo, podemos emplear algunas clases destinadas a ello.

Tomemos el código:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/ugv5lVvdfe4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

El ejemplo sería:

    <div class="embed-responsive embed-responsive-16by9"><iframe  class="embed-responsive-item" src="https://www.youtube.com/embed/ugv5lVvdfe4" title="Aranzadi. Búsqueda de jurisprudencia" allowfullscreen></iframe></div>
  1. Crearemos un div para contener el medio incrustado.
  2. Asignaremos las siguientes clases al div contenedor.
    • embed-responsive
    • embed-responsive-16by9 o embed-responsive-4by3 dependiendo del ratio de aspecto del contenido.
  3. Asignamos la clase embed-responsive-item al iframe, vídeo, etc.

Más información en la página de Bootstrap.

Del mismo modo que con el resto de recursos, podremos insertar un libro nuevo o reutilizar uno existente.

 

Añadir libro

 
  1. Para añadir un libro nuevo, debemos insertar el ISBN (de 12 ó 10 dígitos) y pulsar Get Book Info. Si el sistema tiene metadatos para el libro, la información se completará con ellos.
  2. Si el sistema no encuentra los metadatos o el libro, simplemente, carece de ISBN, podremos rellenar los datos manualmente y añadir una imagen de cubierta o dejar la predeterminada.
  3. Es recomendable añadir la signatura de uno de los ejemplares de la biblioteca.

     

    Añadir libro manualmente


  4. La URL debe ser el enlace permanente del registro en WMS, formado a partir de su OCN. De este modo, al pulsar en él, el usuario accederá al registro en el catálogo.

    Obtener enlace del libro

  5. Pulsamos Save para guardar.
 

Libro insertado en LibGuides

Podremos subir a LibGuides un documento o archivo de forma sencilla o reutilizar un archivo ya presente en el sistema. En el cuadro de diálogo de subida, debemos asignar un nombre al archivo, opcionalmente incorporar una descripción y fijar sus opciones y seleccionar el archivo a subir. Dicho archivo puede protegerse por contraseña, aunque no es recomendable en las guías de uso público.

 

Subir documento o archivo

Podemos añadir un feed RSS a nuestra guía a partir de una página, blog, etc., que ofrezca dicha posibilidad. Para ello, como de costumbre, debemos asignarle un nombre, añadir la URL del feed, seleccionar el número de ítems que deseamos que se muestren (no demasiados, o de lo contrario saturarán la guía) y las opciones de descripción: emergente o bajo el enlace (lo cual puede mostrar en ocasiones el artículo completo). Si el feed RSS es restringido, debemos marcar aquí la opción de acceso a través de proxy.

 

Añadir feed RSS

 

Posibles problemas con el feed RSS.

  • Los feeds deben ser XML válido. En ocasiones, caracteres especiales pueden romperlos.
  • Si el feed es de un recurso por suscripción, por ejemplo, una revista electrónica, podría no funcionar con una dirección con proxy. Es recomendable evitar este tipo de feeds, pero si deseamos de todos modos utilizarlos, añadiremos una nota como la siguiente:

    Los enlaces a los artículos pueden no funcionar desde fuera del campus. Visita https://dirección accesible del recurso para leer estos artículos.

  • Es importante verificar y mantener los feeds periódicamente, dado que son proclives a romperse.

    Ejemplo de RSS sobre Zotero

    Ejemplo de RSS con descripción emergente

Las listas de guías son una manera muy útil de enlazar a guías relacionadas sobre un tema similar. Podemos:

  • seleccionar manualmente unas guías específicas (lista personalizada)
  • listar guías de una materia determinada
  • listar guías de un creador (owner) específico
  • listar guías de un grupo de guías específico

Salvo por las listas manuales, las listas de guías se generan y actualizan automáticamente, por lo que no hay necesidad de actualizarlas cuando se añaden nuevas guías al sistema.

 

Añadir lista de guías manual

 

Añadir lista de guías manual

Las encuestas permiten crear o reutilizar preguntas de respuesta múltiple que pueden mostrar los resultados en tiempo real. Pueden emplearse como encuestas simples o para obtener retroalimentación sobre una guía. Para formularios y encuestas de formación, etc., se debe emplear LibWizard.

 

Creación de encuesta

 

Ejemplo de encuesta

 
¿Cuál es tu gestor de investigación preferido?
 
Mendeley: 0 votos (0%)
 
Zotero: 0 votos (0%)
 
RefWorks: 0 votos (0%)
 
EndNote: 0 votos (0%)
 
JabRef: 0 votos (0%)
 
Total de votos: 0
Tallying of poll votes may be delayed up to 60 seconds.

En general, no es recomendable el uso de las cajas de búsqueda de Google generadas por el sistema; es preferible que los usuarios realicen las búsqueda a partir de las opciones disponibles en la web de la Biblioteca.

Para insertar una caja de búsqueda de Google, seleccionamos la opción Google Search del menú desplegable.

  1. Del menú Search Type seleccionamos el tipo de caja de búsqueda que queremos crear:
    • Web: realiza una búsqueda general en Google
    • Books: realiza la búsqueda en Google Books
    • Scholar: realiza la búsqueda en Google Scholar
    • Patent: realiza la búsqueda en Google Patents
  2. Si se desea fijar una búsqueda específica para la caja, la introduciremos en la casilla Default Query.
    • Esta query se cargará automáticamente con la caja
    • Los usuarios podrán modificar o reemplazar los términos de búsqueda
  3. En el caso de hayamos seleccionado Scholar en el tipo de búsqueda, podemos hacer que se ejecute la misma a través del proxy de la Biblioteca marcando la opción Yes del apartado Use proxy?.
    • Si está habilitado, LibGuides añade (prefija) a la URL de búsqueda la URL del proxy de la Biblioteca, de modo que los usuarios podrán ver contenido dentro de nuestros recursos electrónicos.
 

Menú de creación de búsqueda de Google

Mediante este elemento de contenido podremos insertar formularios y surveys en nuestra biblioguía.

 

Para ello solamente tendremos que seleccionar el formulario en cuestión desde el menú desplegable y quedará insertado en nuestra caja.

Consejo: puede que resulte conveniente modificar su altura (Height) predeterminada de 100% a una altura automática. Esto se debe a que un formulario incrustado con una altura del 100% simplemente llenará la altura de su contenedor. En este caso, el contenedor es la caja de la guía. De forma predeterminada, este cuadro no tiene una altura definida, lo que puede hacer que el formulario aparezca aplastado. Es el ancho (Width) el que debe permanecer en 100% para una mejor responsividad.

Imágenes

El administrador personal de imágenes se encuentra en el menú Content → Image Manager en la barra de menú principal.

Se pueden crear carpetas para organizar las imágenes personales. Los administradores pueden crear, asimismo, carpetas compartidas para toda la institución.

Gestor de imágenes

 

Los formatos admitidos son: JPG, JPEG, GIF, PNG e ICO con un tamaño de hasta 5 MB. En el gestor de imágenes tenemos herramientas para examinar una imagen, moverla a una nueva carpeta o copiar el enlace directo de esa imagen.

Pulsando en la imagen podremos añadir una descripción, palabras clave o moverla a otra carpeta.

Añadir una imagen

Las imágenes se pueden añadir a cualquier bloque de contenido Rich Text / HTML.

  1. En la barra de herramientas del editor de texto enriquecido, seleccionamos el icono de imagen.

Insertar imagen

Se abrirá la ventana de diálogo de Propiedades de Imagen.

  1. Podemos subir una imagen, reutilzar una imagen previamente subida al sistema o insertar vinculando una imagen externa de otra web.
    1. Para reutilizar una imagen, pulsamos el botón Ver Servidor. Localizaremos la imagen en la carpeta personal o compartida y pulsaremos en el icono de imagen para insertarla.

 

Icono de inserción de imagen

  1. Para usar una imagen nueva, pulsamos el botón Ver Servidor y, a continuación, Upload New Image

Debemos asegurarnos de cambiar la carpeta en la que deseamos guardar la imagen antes de iniciar la subida.

  1. Para insertar un imagen externa que no esté incluida en la biblioteca de imágenes, rellenaremos el campo URL. Debemos ser cuidadosos y utilizar solamente imágenes con licencias abiertas o permisos de reutilización.
  1. En cualquier caso, debemos añadir a la imagen el Texto Alternativo para proporcionar una breve descripción de la información contenida en la imagen. Es importante de cara a la accesibilidad.
  2. No es necesario configurar la alineación en todos los casos pero ayuda a fijar la imagen a la izquierda o derecha del texto. Controla la posición de la imagen en relación al texto. Para centrar la imagen es preferible antes de insertar la imagen en nueva línea marcar la justificación centrada.
    Una mejor opción es insertar la clase center-block en el código HTML. Por ejemplo: <img src="..." class="center-block">

  3. No es necesario ni recomendable modificar el tamaño de imagen. Si se modifica el tamaño original de la imagen estableciendo el tamaño en píxeles fijos, podría no adaptarse correctamente a la pantalla de los dispositivos móviles. Si se desea modificar el tamaño, es preferible emplear tamaños relativos, como porcentajes.
  4. Podemos emplear el espacio vertical u horizontal (Esp.Vert. - Esp.Horiz.) en píxeles para añadir espacio alrededor de la imagen para dejar un espacio respecto al texto o los bordes de caja.
  5. Pulsamos OK

Diálogo de Propiedades de Imagen

Buenas prácticas: si se trata de imágenes grandes, debemos redimensionar el tamaño de las mismas antes de subirlas a LibGuides en una herramienta de edición de imágenes como Paint.NET, Gimp o Photoshop. No se recomienda ajustar el tamaño de imagen en el propio LibGuides para reducciones de más de un 10-15%.

Assets

En LibGuides, los assets son objetos o recursos de contenido que contienen una unidad de información y pueden ser reutilizados en diversas guías. En concreto, los assets son los siguientes tipos de contenido:

  • Enlace
  • Media / Widget
  • Libro del catálogo
  • Documento / Archivo
  • Canales RSS
  • Encuesta
  • Script remoto
  • Elemento de LibWizard

Pantalla de gestión de assets

Los assets se almacenan de forma centralizada en un gestor de recursos y pueden existir independientemente de una caja o guía. Esto significa que se puede crear un asset antes de que se empiece a redactar una guía.

Los assets pueden ser reutilizados en otras guías, ya sea enlazándolos (mapping) o duplicándolos (copy). La reutilización de assets es una característica esencial de LibGuides, ya que facilita mantener de forma centralizada los recursos comunes, compartir una amplia base de conocimientos en todas las materias y llevar un registro de los recursos.

 

Gestión de assets

 

Menú para acceder al gestor de assets

La pantalla de gestión de assets se encuentra bajo el menú Content de la barra principal de LibGuides.

También se puede acceder a ella desde el acceso directo en el Dashboard que aparece al entrar como editores en LibGuides.

Desde la pantalla gestión de assets es posible ver una lista de todos los assets que se han creado en las biblioguías. El nombre del asset, la descripción, el creador, la fecha de creación y el número de guías que lo tienen asignado se muestran en una lista.

Un asset puede editarse o borrarse desde la pantalla de gestión de assets. Hay que tener cuidado al borrar un asset desde esta pantalla, ya que también eliminará las versiones mapeadas de la misma.

Cosas que podemos hacer en esta pantalla:

  • Agregar nuevos assets: enlaces URL, libros del catálogo, documentos/archivos, media/widgets o fuentes RSS.
  • Modificar assets: haremos clic en el botón Editar  de la columna Actions para editar ese asset. Esta acción también actualizará cualquier versión asignada de este asset.
  • Eliminar assets: pulsaremos en el botón en la columna Actions para eliminar un recurso. Esto también eliminará todas las versiones asignadas de este asset.
  • Filtrar la tabla: podremos filtrar por tipo de asset (enlace, libro, etc.), nombre, descripción y fecha de creación haciendo clic en el encabezado de la columna de la tabla.
  • Exportar assets: utilizando los enlaces que se encuentran encima de la parte superior derecha de la tabla, podemos exportar los assets como una hoja de cálculo Excel o un PDF. Esta acción sólo exportará los assets que se muestran en la pantalla, dependiendo de cuántos assets se muestran por página.

 

Reutilizar assets

Una característica importante de LibGuides es la reutilización de cualquier asset. Los assets pueden reutilizarse fácilmente mediante la asignación o la copia de un recurso original. Un asset original es un recurso creado desde cero.

Assets mapeados

Un asset mapeado, o un asset "reutilizado", está directamente vinculado a un asset original. Si el asset original se cambia de alguna manera, todas las versiones asignadas a ese asset se actualizarán inmediatamente. Un asset mapeado sólo puede ser editado por el creador original (o por un administrador).

Assets copiados

Un asset copiado funciona de forma un poco diferente que un asset mapeado. Un asset copiado es una duplicación de un asset original que retiene toda la misma información, pero que se convierte en un asset totalmente nuevo con un nuevo propietario. Un asset copiado no se actualizará cuando se actualice el asset original.

Perfil

Las cajas de perfil muestran el perfil del creador de la guía o de otro usuario según se desee. Es, por tanto, una caja de contenido único, no hay posibilidad de añadir ningún tipo de recurso.

Los datos (nombre, imagen, teléfono, etc.) los toma automáticamente de la configuración del perfil de usuario en LibApps. Por ello, si deseamos modificar dichos datos, debemos hacerlo allí.

Para cambiar de perfil de usuario:

  1. Añadimos la caja de perfil y la guardamos
  2. Accedemos a la configuración de la caja pulsando en el icono del engranaje de la parte superior derecha
  3. Cambiamos de usuario

Ejemplo de caja de perfil

Ejemplo de perfil

Reordenar contenido

LibGuides permite que en una misma caja aparezcan diferentes tipos de contenido. En función del contenido que deseemos transmitir podemos seleccionar distintos tipos de recursos dentro de una misma caja: texto enriquecido e imágenes, enlaces, documentos, etc.

Una vez que hayamos insertado todo el contenido de la caja, podremos reordenar los distintos elementos de la caja. Pulsamos en  y arratramos los contenidos a la ubicación deseada. La opción Reorder Content solo aparece si hemos insertado distintos elementos de contenido.

Reordenar contenido