Multimedia y Web 2.0 Suscripción y marcadores
Índice: Suscripción y Marcadores... 3 Objetivos... 3 Objetivo general:... 3 Objetivos específicos:... 3 Canales de suscripción... 4 Suscripción con Firefox 3+... 4 Suscripción con IExplorer 7+... 8 Enlaces de suscripción a tu blog Blogger... 11 Enlaces de suscripción a tu blog Wordpress... 12 Añadir un feed externo a tu blog... 13 Buscar un canal de feeds... 14 Añadir un canal feed externo a Blogger... 14 Añadir un canal feed externo a Wordpress... 16 Actividades... 17 Marcadores sociales con Delicious... 18 Registrarse en Delicious... 18 Guardar un marcador a un artículo de un blog... 21 Importar favoritos del navegador a Delicious... 22 Editar marcadores Delicious desde página web... 23 Editar los marcadores Delicious desde el propio navegador... 25 Añadir un marcador en un navegador sin botones Delicious... 27 Búsquedas por etiquetas en Mis Marcadores... 29 Búsquedas de marcadores populares o recientes... 31 Configurar mi red social... 31 Suscripciones a marcadores por etiquetas... 32 Aplicaciones de Delicious en Blogger... 32 Aplicación de Delicious en Wordpress... 39 Actividades... 41 Ministerio de Educacion. ITE Multimedia y Web 2.0 2
Suscripción y Marcadores Un canal de suscripción de un sitio web permite a los usuarios afiliarse para recibir notificación de las nuevas entradas que se van publicando en ese sitio web sin necesidad navegar hasta él. La suscripción de noticias va a permitir conocer los últimos artículos y comentarios publicados en nuestros blogs favoritos. Los marcadores son enlaces a páginas web que se guardan con intención de facilitar su acceso futuro. Tanto el navegador IExplorer como el Firefox disponen de un sistema de creación de marcadores para guardarlos y utilizarlos en nuestro equipo habitual. Estos marcadores también se pueden guardar en Delicious, un servicio Web 2.0 que hace posible acceder a ellos desde cualquier ordenador y compartirlos con otros usuarios. Objetivos Objetivo general: Conocer y manejar las posibilidades del canal de noticias feed de que dispone un blog como medio para la propagación de las novedades publicadas así como integrar en un gadget/widget del blog la colección de marcadores o favoritos gestionados con Delicious. Objetivos específicos: 1. Utilizar la herramienta de suscripción a feeds que incorpora el navegador web habitual (Internet Explorer o Mozilla Firefox) como medio para suscribirse a las novedades de un sitio web o blog. 2. Personalizar las opciones del canal de feeds de entradas y comentarios asociado a un blog. 3. Crear un gadget/widget en tu blog que muestre las novedades de un canal de feeds externo. 4. Gestionar de forma organizada y colaborativa con otros usuarios una lista en enlaces favoritos a sitios web utilizando el servicio Delicious. 5. Integrar en el blog los enlaces favoritos mantenidos en tu cuenta de Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 3
Requisitos previos 1. Manejo básico del navegador web (Internet Explorer/Mozilla Firefox) 2. Gestión de los marcadores o favoritos en tu navegador web. 3. Administración básica de tu blog: entradas, comentarios, apariencia, widgets/gadgets, etc. Canales de suscripción Un canal de suscripción de un sitio web permite que los usuarios se puedan vincular al canal y a partir de ese momento recibir notificación de las nuevas entradas que se van publicando en ese sitio web sin necesidad navegar hasta él. Su funcionamiento se basa en un archivo XML diseñado con una sintaxis especial de etiquetas y que está ubicado en una dirección concreta del sitio web. Se actualiza cada vez que se publica una nueva entrada de tal forma que contiene los titulares de las últimas noticias publicadas. Este archivo puede ser leído por los usuarios utilizando el propio navegador web o bien un programa específico. En ambos casos, cada vez que se inicia el programa (navegador o lector de feeds), chequea de forma automática el contenido de los canales suscritos y muestra al lector las novedades si las hubiera. La suscripción de noticias nos va a permitir conocer los últimos artículos y comentarios publicados en nuestros blogs favoritos. Esta adhesión puede realizarse a varios blogs concentrando la lectura de todos ellos en una misma herramienta. En la actualidad los dos principales formatos XML de canales de suscripción utilizados en los blogs son: RSS y Atom. Se diferencian en la sintaxis que utilizan para la difusión de noticias pero su funcionamiento es similar. Suscripción con Firefox 3+ Un marcador dinámico de Firefox permite suscribirse a un canal de noticias de un sitio web y recibir las nuevas noticias sin necesidad de visitarlo. Gracias a los marcadores dinámicos el contenido viene al usuario. En lugar de tener que revisar los cambios y modificaciones de la página web, el marcador dinámico ofrece las actualizaciones tan rápido como están disponibles. Abre Mozilla Firefox Navega hasta la portada o página principal de tu blog en Blogger o Wordpress. Utiliza la barra de scroll vertical para situarte al pie de esta página principal. Ministerio de Educacion. ITE Multimedia y Web 2.0 4
Blogger Se ofrece un enlace con el título: Suscribirse a: Entradas (Atom). En este caso se ofrece el formato Atom para la suscripción. Wordpress Se ofrece un enlace con el título Entradas (RSS). En este caso se ofrece el formato RSS para la suscripción. Ambos Se muestra una página con un resumen de los últimos artículos publicados en el blog ordenados comenzando por el más reciente. Si deseas leer en detalle uno de estos artículos haz clic sobre el enlace de su título para acceder al artículo en el blog original. Cuando se accede desde Firefox a la página de titulares de un canal de feeds, en la parte superior de la misma página se ofrece la oportunidad de crear un marcador dinámico a ese canal. Asegúrate de que la opción Marcadores dinámicos está seleccionada en la lista Suscribirse a este canal usando. Clic en el botón Suscribirse ahora. En el cuadro de diálogo Suscribirse con los marcadores dinámicos puedes modificar el Nombre del canal aunque conviene dejar el que Ministerio de Educacion. ITE Multimedia y Web 2.0 5
viene por defecto. En la lista desplegable Carpeta conviene que selecciones Barra de herramientas de marcadores para que de esta forma el marcador dinámico aparezca en la barra de marcadores de Firefox y sea visible y accesible directamente. Pulsa en el botón Suscribirse. Observa que esta acción ha creado en la barra de marcadores de Firefox un marcador con el nombre del canal. Si pulsas sobre él se mostrarán las noticias de este canal. Pulsa sobre la noticia deseada para acceder a su página. Si eliges la opción Abrir todo en pestañas se mostrará cada noticia en una pestaña independiente. Si la barra de marcadores no está visible entonces activa su visualización mediante Ver > Barra de herramientas > Barra de herramientas de marcadores Ministerio de Educacion. ITE Multimedia y Web 2.0 6
Blogger Blogger ofrece el formato Atom y el formato RSS para suscribirse a los artículos del blog y también a los comentarios de un artículo concreto. Sin embargo para la suscripción a estos canales NO se ofrece un enlace directo en la página principal o página de un artículo siendo necesario utilizar las prestaciones de la barra de dirección del navegador web. Si estás situado en la portada principal (se muestran varios artículos en la misma página), Firefox detecta que en esa página se está ofreciendo de forma oculta el canal de suscripción en formatos Atom y RSS. Por este motivo en el extremo derecho de la barra de direcciones aparece el icono característico de los canales feed. Haz clic en este icono y elige el formato de suscripción. Si haces clic en el título de una entrada accedes a una página donde sólo se muestra ese artículo y dependiendo de la configuración definida quizás también los comentarios. Firefox vuelve a detectar que en esa página se están ofreciendo de forma oculta el canal de suscripción en formatos Atom y RSS para las entradas del blog pero también el canal de suscripción en formato Atom para los comentarios que se realicen a esa entrada. Ministerio de Educacion. ITE Multimedia y Web 2.0 7
En cualquiera de estos casos se accede a una página de Marcadores dinámicos desde donde es posible suscribirse utilizando el procedimiento explicado. Suscripción con IExplorer 7+ Abre Internet Explorer 7 Navega hasta la portada o página principal de tu blog en Blogger. Utiliza la barra de scroll vertical para situarte al pie de esta página principal. Blogger Se ofrece un enlace con el título: Suscribirse a: Entradas (Atom). En este caso se ofrece el formato Atom para la suscripción. Wordpress Se ofrece un enlace con el título Entradas (RSS). En este caso se ofrece el formato RSS para la suscripción. Ambos Se muestra una página los últimos artículos publicados en el blog ordenados comenzando por el más reciente. Si deseas leer en detalle uno de estos artículos haz clic sobre el enlace de su título para acceder al artículo en el blog original. Ministerio de Educacion. ITE Multimedia y Web 2.0 8
Clic en el enlace Suscribirse a esta fuente. En el cuadro de diálogo Suscribirse a esta fuente comprueba o modifica si lo deseas el Nombre del canal y pulsa en el botón Suscribirse. Esta suscripción se guarda por defecto en la carpeta de Fuentes. Blogger Blogger ofrece el formato Atom y el formato RSS para suscribirse a los artículos del blog y también a los comentarios de un artículo concreto. Sin embargo para la suscripción a estos canales NO se ofrece un enlace directo en la página principal o página de un artículo siendo necesario utilizar las prestaciones de la barra de dirección del navegador web. Si estás situado en la portada principal (se muestran varios artículos en la misma página), Internet Explorer detecta que en esa página se está ofreciendo de forma oculta el canal de suscripción en formatos Atom y RSS. Por este motivo en la barra de herramientas del navegador Ministerio de Educacion. ITE Multimedia y Web 2.0 9
aparece iluminado el icono característico de los canales feed. Haz clic en este icono y elige el formato de suscripción. Si haces clic en el título de una entrada accedes a una página donde sólo se muestra ese artículo y dependiendo de la configuración definida quizás también los comentarios. Internet Explorer vuelve a detectar que en esa página se están ofreciendo de forma oculta el canal de suscripción en formatos Atom y RSS para las entradas del blog pero también el canal de suscripción en formato Atom para los comentarios que se realicen a esa entrada. En cualquiera de estos casos se accede a una página de Suscripción de fuentes desde donde es posible suscribirse utilizando el procedimiento explicado. En Internet Explorer una forma de acceder a los canales que nos hemos suscrito es seleccionar: Ver > Barra del explorador > Fuentes. Esta acción mostrará el panel de Fuentes disponibles. Al hacer clic en una de ellas en el panel derecho se mostrará el listado de noticias que contiene. Ministerio de Educacion. ITE Multimedia y Web 2.0 10
Nota: Con las credenciales de una cuenta de Google se puede acceder al servicio Google Reader (http://www.google.com/reader/) que permite gestionar la suscripción y lectura de canales de feeds utilizando el interfaz web que proporcionan. También se pueden compartir con otros amigos. Enlaces de suscripción a tu blog Blogger Con intención de facilitar la suscripción a tu blog de los lectores que lo deseen se puede incorporar a la barra lateral un gadget o módulo que proporcione en todo momento los enlaces correspondientes de suscripción. Desde el interfaz de administración de tu blog selecciona las pestañas Diseño > Elementos de la página. En el esquema de la barra lateral haz clic en el enlace Añadir un gadget. En el catálogo de gadgets disponibles haz clic en el botón "+" del tipo Enlaces de suscripción. Por defecto se ofrece como título de este gadget: Suscribirse a. En este caso aceptaremos este título y pulsa en el botón GUARDAR. Ministerio de Educacion. ITE Multimedia y Web 2.0 11
Para ver el resultado final haz clic en el enlace Ver blog. En la columna lateral se mostrará el nuevo gadget ofreciendo enlaces para la suscripción a entradas y a comentarios incluyendo su incorporación en servicios Web 2.0 que integran la suscripción a canales feed. Enlaces de suscripción a tu blog Wordpress Con intención de facilitar la suscripción a tu blog de los lectores que lo deseen se puede incorporar a la barra lateral un widget o módulo que proporcione en todo momento los enlaces correspondientes de suscripción. Desde el interfaz de administración de tu blog selecciona Apariencia > Widgets En el catálogo de widgets disponibles en la columna izquierda, arrastra y suelta en la columna derecha de widgets visibles un módulo con el título Enlaces RSS. Ministerio de Educacion. ITE Multimedia y Web 2.0 12
Al soltarlo se abre este cuadro permitiendo configurar sus distintos parámetros: Título: Suscribirse a Feeds to Display (Feeds a Mostrar): Entradas. Formato: Enlace de texto. Clic en el botón Guardar. Para ver el resultado final visita el frontend del blog. En la columna lateral se mostrará el nuevo gadget ofreciendo enlaces para la suscripción a entradas y a comentarios incluyendo su incorporación en servicios Web 2.0 que integran la suscripción a canales feed Añadir un feed externo a tu blog En un blog se puede añadir un gadget que muestre los titulares de un canal de feeds externo. De esta forma podemos ofrecer en nuestro blog novedades gestionadas por terceras personas que se actualizan sin nuestra mediación. Ministerio de Educacion. ITE Multimedia y Web 2.0 13
Buscar un canal de feeds Visita la página web de los canales RSS del diario digital El País. Su URL es: http://www.elpais.com/rss/ Clic en el título de uno de los múltiples canales RSS que ofrece este diario. Por ejemplo: Titulares de portada o Lo último. Se muestra un cuadro de diálogo con la URL de ese canal. Pulsa y arrastra para seleccionar la dirección completa. Sobre ella haz clic derecho y elige Copiar. Añadir un canal feed externo a Blogger Desde el interfaz de administración de tu blog selecciona las pestañas Diseño > Elementos de la página. En el esquema de la barra lateral haz clic en el enlace Añadir un gadget. En el catálogo de gadgets disponibles haz clic en el botón "+" del tipo Feed. En el cuadro de diálogo Configurar feed haz clic derecho sobre el cuadro de texto URL del feed y elige la opción Pegar. Ministerio de Educacion. ITE Multimedia y Web 2.0 14
Clic en el botón CONTINUAR. En el Título puedes introducir un título más personalizado aunque conviene dejar el título extraído del canal. Define el número de artículos a mostrar así como si se incluirán o no las fechas y/o autores de los elementos. En la parte inferior se mostrará una vista previa del resultado en función de la configuración establecida. Para terminar pulsa en el botón GUARDAR. Haz clic en el enlace Ver blog para visualizar el aspecto que tendrá el nuevo gadget añadido. Al hacer clic en un titular se mostrará ese artículo en concreto en el sitio web del periódico. Ministerio de Educacion. ITE Multimedia y Web 2.0 15
Añadir un canal feed externo a Wordpress Desde el interfaz de administración de tu blog selecciona las pestañas Apariencia > Widgets En el catálogo de widgets disponibles en la columna izquierda, arrastra y suelta en la columna derecha de widgets visibles un módulo con el título RSS Al soltarlo se abre este cuadro permitiendo configurar sus distintos parámetros. En el cuadro diálogo RSS haz clic derecho en el cuadro de texto Introduce la URL del feed RSS aquí: Introduce un título del feed y define el resto de parámetros. Clic en el botón Guardar. Al visualizar el blog podemos ver el aspecto que tendrá el nuevo widget añadido. Al hacer clic en un titular se mostrará ese artículo en concreto en el sitio web del periódico. Ministerio de Educacion. ITE Multimedia y Web 2.0 16
Actividades Actividad: Suscripción feed desde el navegador web 1. Localiza la URL de un canal de noticias feed en internet. La mayoría de los periódicos digitales disponen de canales temáticos a los que es posible suscribirse. Ejemplos: http://rss.elmundo.es/rss/ 2. Utiliza el procedimiento descrito en los materiales para suscribirte a este canal utilizando los marcadores dinámicos del navegador web. 3. Utiliza esta suscripción para acceder a través del navegador web las últimas novedades publicadas en ese canal. Actividad: Configuración del gadget de suscripción de tu blog 1. Accede a la sección de configuración de la apariencia de tu blog. 2. Añade y configura un gadget/widget que permita a los lectores de tu blog suscribirse fácilmente a las novedades del mismo. Actividad: Añadir a tu blog un feed externo 1. Localiza la URL de un canal de noticias feed en internet. La mayoría de los periódicos digitales disponen de canales temáticos a los que es posible suscribirse. Ejemplos: http://www.elpais.com/rss/ 2. Añade y configura un gadget/widget en tu blog que muestre en tu blog las últimas novedades de este canal feed externo. Ministerio de Educacion. ITE Multimedia y Web 2.0 17
Marcadores sociales con Delicious Qué son los marcadores sociales? Los marcadores son enlaces a sitios y páginas web que guardamos para facilitar su posterior localización y acceso. Se llaman también "favoritos". Tanto el navegador IExplorer como el Firefox disponen de un sistema de creación de marcadores o favoritos para guardarlos y utilizarlos en nuestro equipo habitual. Sin embargo estos marcadores también se pueden guardar en Internet. De esta forma es posible acceder a ellos desde cualquier ordenador y compartirlos con otros usuarios. El calificativo de "social" se debe a que se pueden compartir con otras personas pudiéndose crear redes sociales o grupos. Cuando un usuario crea un marcador le asigna libremente unas etiquetas o tags. La clasificación que se genera a partir de estas etiquetas constituye lo que algunos llaman folksonomía. Qué es Delicious? Delicious (http://delicious.com/) es el servicio Web 2.0 más popular donde se pueden guardar los marcadores o favoritos. Es necesario registrarse como usuario e instalar una extensión en el navegador (Firefox o Internet Explorer) para disponer de una consola de botones en la barra de herramientas que facilite la creación y edición de estos marcadores. Mientras se navega si encuentras una página que te interese, no la guardas en los favoritos del navegador, sino que la envías a Delicious y se guarda allí. Esto facilita la utilización de estos marcadores desde cualquier ordenador y compartirlos con otros usuarios. Registrarse en Delicious Visita la página de Delicious: http://delicious.com Si no dispones de credenciales (usuario y contraseña) y deseas registrarte haz clic en el botón Join Now (Conectarse ahora) En la pantalla Enter Details (Introducir detalles) completa tus datos personales en la página Enter Details (Introduce detalles) y pulsa en el botón Register. Instalación de los botones en el navegador Después de registrarse se accede a la página Add Buttons (Añadir botones). Se puede saltar este paso pulsando en el botón Skip Step 2. La instalación de estos botones en el navegador se puede posponer para más adelante a través de la ayuda Help de Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 18
En este caso vamos a continuar con la instalación de botones porque suponemos que te encuentras en tu equipo personal. En función del navegador web que se utilice se propondrá la instalación de la extensión. Clic en el botón Add buttons. Si estás utilizando Firefox: En el cuadro de diálogo Instalación de software pulsa en el botón Instalar ahora. En el cuadro de diálogo Complementos haz clic en el botón Reiniciar Firefox para completar la instalación. Automáticamente se pasará al paso 3: Import existing bookmarks (Importar marcadores existentes). Si estás utilizando Internet Explorer: Ministerio de Educacion. ITE Multimedia y Web 2.0 19
1. En el cuadro de Advertencia de seguridad de Descarga de archivos haz clic en el botón Ejecutar para iniciar el instalador del complemento. Una vez descargado confirma pulsando de nuevo en el botón Ejecutar. 2. Sigue el asistente de instalación. Tendrás que cerrar todas las ventanas de Internet Explorer para poder finalizar la instalación. 3. Clic en el botón Close para cerrar el asistente de instalación. 4. Se abre el navegador IExplorer mostrando el paso 3 del asistente para importar favoritos. En cualquiera de los casos si seguimos el asistente de 3 pasos propuesto por Delicious, tras finalizar el paso 2, se salta al paso 3 donde se propone importar los favoritos del navegador. La instalación descrita ha creado en la barra de herramientas del navegador web 3 botones: Firefox: Internet Explorer: Estos botones se utilizan para: 1. Delicious. Ir a la web de Delicious. 2. Bookmarks. Muestra/oculta el panel lateral de Delicious. 3. Tags. Permite introducir las etiquetas para la página actual. Si es la primera vez que utilizas Delicious se recomienda saltar el paso 3 de importar favoritos para finalizar con el asistente. Ministerio de Educacion. ITE Multimedia y Web 2.0 20
Nota: Para acceder al instalador de los botones en otro momento utiliza las siguientes URL: Internet Explorer: http://delicious.com/help/installie Firefox: http://delicious.com/help/installff Guardar un marcador a un artículo de un blog Abre el navegador y sitúate en el artículo del blog cuyo marcador deseas guardar. Clic en el botón Tag para iniciar el etiquetado y guardar el marcador. Si no te has autentificado todavía en el servicio Delicious se mostrará un cuadro de diálogo Delicious account (cuenta Delicious). Te indica que debes autentificarte en Delicious para poder crear el marcador de esta página. Pulsa en el botón Sign in (Entrar). Se abrirá una nueva ventana donde debes introducir tu usuario y contraseña de Delicious. Si deseas desconectarte de Delicious cuando cierres el navegador desmarca la casilla Keep me signed in (Mantenerme conectado) antes de pulsar en el botón Sign In. Otra posibilidad es visitar la página de Delicious pulsando en el botón Ministerio de Educacion. ITE Multimedia y Web 2.0 21
Delicious del navegador y una vez allí hacer clic sobre el enlace Sign Out para salir de sesión. Para autentificarte pulsa en el botón Sign In (Entrar). De regreso a la ventana del navegador anterior, vuelve a pulsar en el botón Tag de la barra de herramientas. Se muestra un cuadro de diálogo Save a Bookmark (Guardar un Marcador). Introduce o modifica el Title (Título), Notes (Notas) y Tags (Etiquetas). Las etiquetas debes introducirlas separadas por espacios en blanco. Tambiéjn puedes indicar si compartes o no este enlace desmarcando o marcando la casilla do not share (no compartir). Para terminar pulsa en el botón Save (Guardar). Importar favoritos del navegador a Delicious Esta tarea se puede realizar si queremos importar a Delicious los favoritos que tenemos en el navegador. Si no los estábamos utilizando los favoritos del navegador es preferible no realizar esta tarea. Para importar los favoritos del navegador a Delicious SI... a) Estás en el paso 3 de configuración de tu cuenta. b) Estás autentificado, no dispones todavía de marcadores y seleccionas BookMarks > My BookMarks > Import Bookmarks (Marcadores > Mis marcadores > Importar Marcadores) c) Estás autentificado y seleccionas Settings > Import/Upload Bookmarks (Configuración > Importar/Subir Marcadores). Ministerio de Educacion. ITE Multimedia y Web 2.0 22
1. Clic en el botón Import Now para enviar a tu cuenta Delicious los favoritos que en ese momento tiene tu navegador local. 2. A continuación se mostrará un mensaje notificando que el proceso de importación se ha realizado con éxito. 3. Clic en el botón Your Bookmarks para acceder al listado de marcadores importados. Editar marcadores Delicious desde página web Abre el navegador web. Clic en el botón Delicious para ir directamente a la página de Delicious. Si el navegador no conserva la sesión te pedirá que introduzcas el nombre de usuario y la contraseña de Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 23
Si deseas desconectarte de Delicious cuando cierres el navegador desmarca la casilla Keep me signed in (Mantenerme conectado) antes de pulsar en el botón Sign In. Haz clic en este botón.tras la autentificación el navegador se situará en la dirección: http://delicious.com/<usuario> mostrando la lista de marcadores registrados. Para visitar un enlace basta con hacer clic en su título. En la entrada correspondiente a cada marcador se pueden realizar las siguientes operaciones: SHARE (Compartir). Si pulsas en este botón se mostrará un mensaje de confirmación a la pregunta Share this link?. Si eliges Yes compartirás este enlace con el resto de la comunidad de usuarios Delicious. El icono del "candado" que se muestra a la izquierda del título del marcador desaparecerá. Este enlace será accesible por cualquier visitante anónimo (sin autentificar) que acceda a la dirección: Ministerio de Educacion. ITE Multimedia y Web 2.0 24
http://delicious.com/<tu_usuario>. Para volver a no compartir en enlace hay que editar (EDIT) el marcador y activar la casilla Do not Share. A la derecha del título se muestra un cuadrado de fondo azul indicando el número de usuarios que comparten ese mismo enlace. Si haces clic en él accederás a este listado de usuarios. EDIT (Editar). Al hacer clic en el enlace de esta entrada se accederá a la ficha del marcador donde es posible modificar su URL, título, notas, etiquetas o tags, compartir (share), etc. Para guardar los cambios pulsa en Save (Guardar) DELETE (Borrar). Si pulsas en este enlace y confirmas con Yes a la pregunta Delete this bookmark? (Borrar este enlace) eliminarás este marcador del listado. Editar los marcadores Delicious desde el propio navegador Abre el navegador web. Clic en el botón Bookmarks (Marcadores) para abrir la barra lateral izquierda de Delicious en el navegador. En el lateral izquierdo del navegador se mostrará la barra de Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 25
Si el navegador no conserva la sesión de Delicious es necesario pulsar en el enlace Sign in (Entrar) que aparece en la parte inferior de este panel. En el navegador se mostrará la página de petición de Username (nombre de usuario) y Password (contraseña). Introduce estos datos y pulsa en el botón Sign In. Como resultado de esta autentificación ahora en la base del panel se mostrará el mensaje "<Nombre_usuario> on Delicious". Para navegar hasta uno de mis favoritos basta con hacer clic sobre el marcador correspondiente en el panel Bookmarks. Haciendo CLIC DERECHO sobre la entrada correspondiente a un marcador se pueden realizar las operaciones más básicas de uso y edición de marcadores: Ministerio de Educacion. ITE Multimedia y Web 2.0 26
Open (Abrir la web referenciada en la misma ventana), Open in New Window (Abrir en nueva ventana) y Open in New Tab (Abrir en nueva pestaña). New Bookmark (Nuevo Marcador). Si eliges esta opción se mostrará un cuadro de diálogo donde podrás introducir los datos del marcador y guardarlos en Delicious pulsando en el botón Save (Guardar). Delete (Borrar). Si seleccionas esta opción se mostrará un mensaje de confirmación. Si haces clic en Aceptar se eliminará el marcador. More about this Bookmark (Información acerca de este marcador). Mostrará una página con información de este marcador en Delicious: en mis marcadores, qué usuarios también lo han registrado, etiquetas asociadas, etc. Properties (Propiedades). Mostrará los datos del marcador. Se pueden modificar y guardar los cambios pulsando al final en el botón Save. Añadir un marcador en un navegador sin botones Delicious Si queremos añadir un marcador a nuestra cuenta Delicious, y no nos encontramos en nuestro ordenador, no es necesario instalar los botones. Desde la página de Delicious se podría hacer manualmente siguiendo estos pasos: En el navegador web sitúate en la página cuya dirección deseas conservar. Clic derecho sobre su URL o dirección y selecciona Seleccionar todo y luego clic derecho para elegir Copiar. De esta forma hemos copiado la URL de esta página. Visita la página web de Delicious: http://delicious.com Clic en el botón Sign In (Entrar) Introduce el Username (Nombre de usuario) y Password (Contraseña) de Delicious, desmarca la opción Keep me signed in (Mantenerme Ministerio de Educacion. ITE Multimedia y Web 2.0 27
autentificado) para que la sesión termine al cerrar el navegador y pulsa en el botón Sign In (Entrar) Una vez autentificado haz clic en el enlace Save a new bookmark (Guardar un nuevo marcador). Clic derecho sobre la casilla URL y elige Pegar. Clic en el botón Next (Siguiente). En la ficha del marcador puedes introducir su URL, título, notas, etiquetas o tags, compartir (share), etc. Para terminar pulsa en el botón Save (Guardar). Ministerio de Educacion. ITE Multimedia y Web 2.0 28
Búsquedas por etiquetas en Mis Marcadores Para buscar en Mis Marcadores: Abre el navegador, sitúate en Delicious e inicia una sesión de usuario introduciendo tu usuario y contraseña. Para situarte en tu lista de marcadores selecciona Bookmarks > My Bookmarks La búsqueda de marcadores por etiquetas es sencilla. Basta con teclear la etiqueta y al pulsar en la flecha azul situada a su derecha el listado se filtrará mostrando sólo los marcadores que contengan esa etiqueta. Se pueden ir añadiendo más etiquetas a este encabezado para afinar la búsqueda. En este caso se mostrarán los marcadores que contengan todas y cada una de las etiquetas introducidas. Para eliminar una etiqueta del filtro pulsa en el botón X situado a la derecha de la etiqueta en el encabezado. Otra posibilidad de búsqueda es pulsar directamente sobre una etiqueta de las situadas en el listado All Tags. Este listado se muestra en la columna derecha Ministerio de Educacion. ITE Multimedia y Web 2.0 29
de la página. Observa que al seleccionar una etiqueta, ésta se añade al encabezado de filtrado y el listado de marcadores que se muestra corresponde a todos aquellos que contienen la mencionada etiqueta. En el listado de All Tags se muestran todas las etiquetas. En la parte superior de las mismas también aparecen las etiquetas relacionadas Related Tags. Se denomina etiquetas relacionadas a aquellas que se han introducido en un mismo marcador. Por ejemplo: si hemos etiquetado un marcador con cuatro etiquetas: cursos formación profesorado distancia, entonces Delicious considera que estos cuatro marcadores están relacionados. Al elegir uno cualquiera en el listado All Tags el resto de etiquetas se mostrarán en el apartado Related Tags. Si elijo una etiqueta relacionada ésta se añadirá al filtrado permitiendo una búsqueda más fina. Otra posibilidad de búsqueda por etiquetas es seleccionar Tags > My tags en la barra de herramientas de la página de Delicious y luego pulsar en una de las etiquetas. Esto mostrará el listado de marcadores filtrados por esa etiqueta. Otra opción para buscar por etiquetas es utilizar la barra lateral de Delicious en el navegador web. Para ello teclea el tag en el cuadro Search (Buscar) o bien elige una etiqueta en el marco Tags (Etiquetas). Haz clic en una etiqueta y en el marco BookMarks (Marcadores) se mostrarán los marcadores que contienen esa etiqueta. Ministerio de Educacion. ITE Multimedia y Web 2.0 30
Búsquedas de marcadores populares o recientes Desde la barra de herramientas selecciona Bookmarks > Popular para buscar los marcadores más catalogados por los usuarios de Delicious. Si seleccionas Bookmarks > Recent podrás acceder a los últimos marcadores añadidos y compartidos por usuarios de la comunidad. Configurar mi red social Tu red social es una forma fácil de acceder a los marcadores guardados por otros usuarios. Selecciona People > My NetWork (Comunidad > Mi Red Social). Clic en el botón o enlace Add a user to Network (Añadir un usuario a la red). Introduce el nombre de usuario y pulsa en el botón Add (Añadir). De esta forma en esta sección se mostrarán los marcadores de los usuarios que hemos añadido a nuestra red social. Ministerio de Educacion. ITE Multimedia y Web 2.0 31
Suscripciones a marcadores por etiquetas Otra opción interesante es la posibilidad de suscribirse a una etiqueta o tag que nos interese y recibir notificación de los marcadores existentes o nuevos que contengan esa etiqueta. Selecciona Tags > My Subscriptions (Etiquetas > Mis suscripciones) Clic en el botón Add a subscription (Añadir una suscripción). Introduce una etiqueta y pulsa en el botón Add (Añadir). Si marcas la opción From a specific user (De un usuario específico) podrás introducir el nombre de un usuario y limitar la suscripción a los marcadores creados por el usuario indicado. En esta sección se mostrarán los marcadores sociales almacenados en Delicious que contengan la etiqueta introducida. Aplicaciones de Delicious en Blogger En este apartado se describen los distintos procedimientos para integrar en tu blog de Blogger los marcadores sociales gestionados desde Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 32
Network Badges (Distintivo de red). Esta aplicación de Delicious permite mostrar detalles de tu cuenta Delicious dentro de tu blog o página web. Su integración se realiza configurando las distintas opciones del distintivo para luego copiar y pegar el código HTML en un gadget del blog. Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Network Badges. (Configuración > Blogging > Network Bagdes) En la página Network Badges configura las distintas opciones de visualización: o o Icon: icono Show: mostrar Username (nombre de usuario), Bookmark count (contador de marcadores), Fan count (contador de seguidores), etc. En la columna derecha de Preview (Vista previa) se mostrará el aspecto del distintivo de acuerdo con la configuración establecida. Clic derecho sobre el cuadro de texto donde se genera el código Embed y elige Seleccionar todo. Clic derecho de nuevo para seleccionar Copiar. Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página. Clic en el enlace Añadir un gadget. Pulsa en el botón "+" del tipo de gadget: HTML/Javascript. Ministerio de Educacion. ITE Multimedia y Web 2.0 33
En el cuadro de diálogo Configurar HTML/Javascript introduce "Enlaces favoritos" o similar como Título, haz clic derecho sobre el cuadro Contenido y elige Pegar. Clic en el botón GUARDAR. Clic en el enlace Ver blog para visualizar el aspecto final de este distintivo de Delicious. Linkrolls (Listas de enlaces). Las listas de enlaces o linkrolls es una forma de mostrar en tu blog o página web los últimos favoritos que has catalogado en tu cuenta de Delicious. Primero es necesario configurar los parámetros de visualización de este gadget y luego se copia y pega el código HTML que proporciona Delicious para hacer posible esta integración en tu blog. Ministerio de Educacion. ITE Multimedia y Web 2.0 34
Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Link Rolls. (Configuración > Blogging > Listas de enlaces) En la página Link Rolls configura las distintas opciones de visualización: o Title. En este caso puedes introducir como título Enlaces favoritos. o Tags (Etiquetas). Si introduces etiquetas separadas por comas sólo se visualizarán los marcadores que tengan estas etiquetas. o Icon (Icono). Puedes elegir el icono que acompañará al listado. o Quantity (Cantidad). Establece el número de los últimos marcadores que aparecerán en el listado. Por defecto este valor es 5. o Bullet (Viñeta). En este apartado se puede seleccionar el tipo de viñeta con que se mostrará cada marcador en el listado. o Sort (Orden). Permite establecer una ordenación en el listado de marcadores que se muestran: Most recent (Más recientes) o Alphabetically (Alfabéticamente). o Show (Mostrar). Permite mostrar Tags (Etiquetas), Notes (Anotaciones realizadas en los marcadores), Username (nombre del usuario) y Add to Network (afiliarse a la red). En la columna derecha de Preview (Vista previa) se mostrará el aspecto resultante del listado de marcadores de acuerdo con la configuración establecida. Clic derecho sobre el cuadro de texto donde se genera el código Embed y elige Seleccionar todo. Clic derecho de nuevo para seleccionar Copiar. Ministerio de Educacion. ITE Multimedia y Web 2.0 35
Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página. Clic en el enlace Añadir un gadget. Pulsa en el botón "+" del tipo de gadget: HTML/Javascript. En el cuadro de diálogo Configurar HTML/Javascript en este ocasión es mejor no introducir título para evitar redundancias. A continuación haz clic derecho sobre el cuadro Contenido y elige Pegar. Clic en el botón GUARDAR. Clic en el enlace Ver blog para visualizar el aspecto final de este listado de marcadores soportado por Delicious. Ministerio de Educacion. ITE Multimedia y Web 2.0 36
Tagrolls (Listas de etiquetas). Tagrolls o listas de etiquetas representan una forma excelente de mostrar las etiquetas de Delicious como parte de tu sitio web o blog. Al igual que en ocasiones anteriores el procedimiento de integración es sumamente fácil y consiste en configurar los parámetros de visualización y a continuación copiar y pegar el código HTML en un gadget del blog. Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Tag Rolls. (Configuración > Blogging > Listas de etiquetas) En la página Tag Rolls configura las distintas opciones de visualización: o o o o o o o Title. En este caso puedes introducir como título Mis etiquetas Delicious. Icon (Icono). Puedes elegir si se incluirá el icono de Delicious o no. Quantity (Cantidad). Permite definir el número máximo de etiquetas que incluirá en el listado. Se mostrarán las etiquetas de mayor frecuencia. Font (Fuentes). Permite definir el límite mínimo y máximo del tamaño de fuente y el color (código hexadecimal de color, como por ejemplo, ff0000 sería el rojo). Estos valores se refieren a la etiqueta menos abundante incluida en el listado y la etiqueta con más coincidencias. Sort (Orden). Permite establecer una ordenación en el listado de etiquetas que se muestran: Alphabetically (Alfabéticamente) o Count (Contador). Flow (Aspecto). En este caso elegiremos Cloud (Nube) para definir que el listado de etiquetas tenga el aspecto de una nube de etiquetas. Otra posibilidad es elegir List (Lista). Show (Mostrar). Permite mostrar Tag Counts (contadores de etiquetas), Username (nombre del usuario) y Add to Network (enlace de afiliarse a la red). Ministerio de Educacion. ITE Multimedia y Web 2.0 37
En la columna derecha de Preview (Vista previa) se mostrará el aspecto resultante del listado de marcadores de acuerdo con la configuración establecida. Clic derecho sobre el cuadro de texto donde se genera el código Embed y elige Seleccionar todo. Clic derecho de nuevo para seleccionar Copiar. Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página. Clic en el enlace Añadir un gadget. Pulsa en el botón "+" del tipo de gadget: HTML/Javascript. Ministerio de Educacion. ITE Multimedia y Web 2.0 38
En el cuadro de diálogo Configurar HTML/Javascript en este ocasión es mejor no introducir título para evitar redundancias. A continuación haz clic derecho sobre el cuadro Contenido y elige Pegar. Clic en el botón GUARDAR. Clic en el enlace Ver blog para visualizar el aspecto final de este listado de marcadores soportado por Delicious. El usuario al pulsar en un enlace de la nube será enviado a Delicious donde se mostrará un listado de todos los marcadores asignados a esa etiqueta. Aplicación de Delicious en Wordpress Desde el interfaz de administración de tu blog selecciona Apariencia > Widgets Ministerio de Educacion. ITE Multimedia y Web 2.0 39
En el catálogo de widgets disponibles en la columna izquierda, arrastra y suelta en la columna derecha de widgets visibles un módulo con el título del.icio.us Al soltarlo se muestra el panel de configuración de los distintos parámetros de este cuadro: Widget title (título del widget). Por ejemplo: Enlaces ó Favoritos. Del.icio.us login. Introduce tu usuario en del.icio.us. Otra posibilidad es integrar los marcadores sociales de otros usuarios. Number of links (Número de enlaces). Define el número de enlaces. Ministerio de Educacion. ITE Multimedia y Web 2.0 40
Tags (Etiquetas). Si introduces una o varias etiquetas separadas por comas se mostrarán sólo los marcadores asociados a estas etiquetas. Clic en el botón Guardar. Al visualizar el frontend del blog, en su barra lateral, se mostrará el widget con estos enlaces. Nota: Cuando se actualizan los marcadores en del.icio.us en este widget del blog se mostrarán los cambios introducidos. Actividades Actividad: Integra en tu blog la colección de marcadores Delicious 1. Crea una cuenta personalizada en Delicious: http://www.delicious.com/ 2. Utiliza esta cuenta para crear una colección de 10-12 marcadores a tus sitios web preferidos. 3. Organiza estos marcadores clasificándolos de acuerdo con una estructura de etiquetas. 4. Integra los marcadores guardados en Delicious en un gadget/widget de tu blog Ministerio de Educacion. ITE Multimedia y Web 2.0 41