34
Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 580 Anexo 1. Canales de suscripción

Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

580

Anexo 1. Canales de suscripción

Page 2: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

581

1.1 ¿Qué es un canal 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.

1.2 Suscripción con el navegador 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.

1. Abre Mozilla Firefox 2. Navega hasta la portada o página principal de tu blog en Blogger o Wordpress. 3. Utiliza la barra de scroll vertical para situarte al pie de esta página principal.

Blogger

4. 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

5. Se ofrece un enlace con el título Entradas (RSS). En este caso se ofrece el formato RSS para la suscripción.

Ambos

6. 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

Page 3: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

582

artículos haz clic sobre el enlace de su título para acceder al artículo en el blog original.

7. 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.

8. Asegúrate de que la opción Marcadores dinámicos está seleccionada en la lista Suscribirse a este canal usando.

9. Clic en el botón Suscribirse ahora. 10. En el cuadro de diálogo Suscribirse con los marcadores dinámicos puedes modificar

el Nombre del canal aunque conviene dejar el que 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.

11. Pulsa en el botón Suscribirse. 12. 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.

Page 4: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

583

13. Si la barra de marcadores no está visible entonces activa su visualización mediante Ver > Barra de herramientas > Barra de herramientas de marcadores

Blogger

14. 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

Page 5: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

584

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.

En cualquiera de estos casos se accede a una página de Marcadores dinámicos desde donde es posible suscribirse utilizando el procedimiento explicado.

1.3 Suscripción con el navegador IExplorer 7+

1. Abre Internet Explorer 7 2. Navega hasta la portada o página principal de tu blog en Blogger. 3. Utiliza la barra de scroll vertical para situarte al pie de esta página principal.

Blogger

4. 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

5. Se ofrece un enlace con el título Entradas (RSS). En este caso se ofrece el formato RSS para la suscripción.

Ambos

6. 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.

7. Clic en el enlace Suscribirse a esta fuente.

Page 6: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

585

8. 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

9. 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 aparece iluminado el icono característico de los canales feed. Haz clic en este icono y elige el formato de suscripción.

Page 7: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

586

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. 10. 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.

Page 8: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

587

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.

1.4 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.

1. Desde el interfaz de administración de tu blog selecciona las pestañas Diseño > Elementos de la página.

2. En el esquema de la barra lateral haz clic en el enlace Añadir un gadget.

3. En el catálogo de gadgets disponibles haz clic en el botón “+” del tipo Enlaces de suscripción.

4. 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.

5. 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.

Page 9: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

588

1.5 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.

1. Desde el interfaz de administración de tu blog selecciona Apariencia > Widgets

2. 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.

3. 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.

Page 10: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

589

4. Clic en el botón Guardar. 5. 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.

1.6 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. 1.6.1 Buscar un canal de feeds

1. Visita la página web de los canales RSS del diario digital El País. Su URL es: http://www.elpais.com/rss/

2. 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.

3. 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. 1.6.2 Añadir un canal feed externo a Blogger

4. Desde el interfaz de administración de tu blog selecciona las pestañas Diseño > Elementos de la página.

5. En el esquema de la barra lateral haz clic en el enlace Añadir un gadget.

Page 11: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

590

6. En el catálogo de gadgets disponibles haz clic en el botón “+” del tipo Feed.

7. 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.

8. Clic en el botón CONTINUAR. 9. En el Título puedes introducir un título más personalizado aunque conviene dejar el

título extraído del canal. 10. 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.

11. Para terminar pulsa en el botón GUARDAR. 12. 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.

Page 12: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

591

1.6.3 Añadir un canal feed externo a Wordpress

1. Desde el interfaz de administración de tu blog selecciona las pestañas Apariencia > Widgets

2. 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

3. 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í:

Page 13: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo I. Canales de suscripción Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

592

4. Introduce un título del feed y define el resto de parámetros. Clic en el botón Guardar.

5. 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.

Page 14: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

593

Anexo 2. Delicious, marcadores sociales

Page 15: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

594

2.1 ¿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.

2.2. ¿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.

2.3 Registrarse en Delicious

1. Visita la página de Delicious: http://delicious.com 2. Si no dispones de credenciales (usuario y contraseña) y deseas registrarte haz clic

en el botón Join Now (Conectarse ahora)

3. 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.

2.4 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. 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.

Page 16: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

595

Si estás utilizando Firefox:

1. En el cuadro de diálogo Instalación de software pulsa en el botón Instalar ahora.

2. En el cuadro de diálogo Complementos haz clic en el botón Reiniciar Firefox para completar la instalación.

3. Automáticamente se pasará al paso 3: Import existing bookmarks (Importar marcadores existentes).

Si estás utilizando Internet Explorer:

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:

Page 17: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

596

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. 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

2.5 Guardar un marcador a un artículo de un blog

1. Abre el navegador y sitúate en el artículo del blog cuyo marcador deseas guardar. 2. Clic en el botón Tag para iniciar el etiquetado y guardar el marcador.

Page 18: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

597

3. 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).

4. 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 Delicious del navegador y una vez allí hacer clic sobre el enlace Sign Out para salir de sesión.

5. Para autentificarte pulsa en el botón Sign In (Entrar). 6. 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).

Page 19: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

598

2.6 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).

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.

Page 20: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

599

2.7 Editar marcadores Delicious desde página web

1. Abre el navegador web 2. Clic en el botón Delicious para ir directamente a la página de Delicious.

3. Si el navegador no conserva la sesión te pedirá que introduzcas el nombre de usuario y la contraseña de Delicious.

4. 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.

5. 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.

6. En la entrada correspondiente a cada marcador se pueden realizar las siguientes operaciones:

Page 21: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

600

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: 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.

2.8 Editar los marcadores Delicious desde el propio navegador

1. Abre el navegador web. 2. Clic en el botón Bookmarks (Marcadores) para abrir la barra lateral izquierda de

Delicious en el navegador.

3. En el lateral izquierdo del navegador se mostrará la barra de Delicious.

Page 22: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

601

4. 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”.

5. Para navegar hasta uno de mis favoritos basta con hacer clic sobre el marcador correspondiente en el panel Bookmarks.

6. 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:

Page 23: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

602

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.

2.9 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:

1. En el navegador web sitúate en la página cuya dirección deseas conservar. 2. 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. 3. Visita la página web de Delicious: http://delicious.com 4. Clic en el botón Sign In (Entrar)

5. Introduce el Username (Nombre de usuario) y Password (Contraseña) de Delicious, desmarca la opción Keep me signed in (Mantenerme autentificado) para que la sesión termine al cerrar el navegador y pulsa en el botón Sign In (Entrar)

Page 24: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

603

6. Una vez autentificado haz clic en el enlace Save a new bookmark (Guardar un nuevo

marcador).

7. Clic derecho sobre la casilla URL y elige Pegar. Clic en el botón Next (Siguiente).

8. 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).

Page 25: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

604

2.10 Búsquedas por etiquetas en Mis Marcadores Para buscar en Mis Marcadores:

1. Abre el navegador, sitúate en Delicious e inicia una sesión de usuario introduciendo tu usuario y contraseña.

2. Para situarte en tu lista de marcadores selecciona Bookmarks > My Bookmarks

3. 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.

4. 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.

5. 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 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.

Page 26: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

605

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.

2.11 Búsquedas de marcadores populares o recientes

1. Desde la barra de herramientas selecciona Bookmarks > Popular para buscar los marcadores más catalogados por los usuarios de Delicious.

2. Si seleccionas Bookmarks > Recent podrás acceder a los últimos marcadores añadidos y compartidos por usuarios de la comunidad.

Page 27: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

606

2.12 Configurar mi red social Tu red social es una forma fácil de acceder a los marcadores guardados por otros usuarios.

1. Selecciona People > My NetWork (Comunidad > Mi Red Social).

2. Clic en el botón o enlace Add a user to Network (Añadir un usuario a la red). 3. Introduce el nombre de usuario y pulsa en el botón Add (Añadir).

4. De esta forma en esta sección se mostrarán los marcadores de los usuarios que hemos añadido a nuestra red social.

2.13 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.

1. Selecciona Tags > My Subscriptions (Etiquetas > Mis suscripciones)

2. 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.

3. En esta sección se mostrarán los marcadores sociales almacenados en Delicious que

contengan la etiqueta introducida.

Page 28: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

607

2.14 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. 2.14.1 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.

1. Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Network Badges. (Configuración > Blogging > Network Bagdes)

2. En la página Network Badges configura las distintas opciones de visualización: Icon: icono Show: mostrar Username (nombre de usuario), Bookmark count (contador de

marcadores), Fan count (contador de seguidores), etc. 3. En la columna derecha de Preview (Vista previa) se mostrará el aspecto del distintivo

de acuerdo con la configuración establecida.

4. 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.

5. Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página.

6. Clic en el enlace Añadir un gadget. 7. Pulsa en el botón “+” del tipo de gadget: HTML/Javascript.

8. 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. 9. Clic en el botón GUARDAR.

Page 29: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

608

10. Clic en el enlace Ver blog para visualizar el aspecto final de este distintivo de Delicious.

2.14.2 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.

1. Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Link Rolls. (Configuración > Blogging > Listas de enlaces)

2. En la página Link Rolls configura las distintas opciones de visualización: Title. En este caso puedes introducir como título Enlaces favoritos. Tags (Etiquetas). Si introduces etiquetas separadas por comas sólo se

visualizarán los marcadores que tengan estas etiquetas. Icon (Icono). Puedes elegir el icono que acompañará al listado. Quantity (Cantidad). Establece el número de los últimos marcadores que

aparecerán en el listado. Por defecto este valor es 5. Bullet (Viñeta). En este apartado se puede seleccionar el tipo de viñeta con

que se mostrará cada marcador en el listado. Sort (Orden). Permite establecer una ordenación en el listado de marcadores

que se muestran: Most recent (Más recientes) o Alphabetically (Alfabéticamente).

Show (Mostrar). Permite mostrar Tags (Etiquetas), Notes (Anotaciones realizadas en los marcadores), Username (nombre del usuario) y Add to Network (afiliarse a la red).

3. En la columna derecha de Preview (Vista previa) se mostrará el aspecto resultante del listado de marcadores de acuerdo con la configuración establecida.

Page 30: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

609

4. 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.

5. Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página.

6. Clic en el enlace Añadir un gadget. 7. Pulsa en el botón “+” del tipo de gadget: HTML/Javascript.

8. 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.

9. Clic en el botón GUARDAR.

Page 31: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

610

10. Clic en el enlace Ver blog para visualizar el aspecto final de este listado de marcadores soportado por Delicious.

2.14.3 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.

1. Desde el interfaz de administración de Delicious selecciona Settings > Blogging > Tag Rolls. (Configuración > Blogging > Listas de etiquetas)

2. En la página Tag Rolls configura las distintas opciones de visualización: 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).

Page 32: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

611

Show (Mostrar). Permite mostrar Tag Counts (contadores de etiquetas), Username (nombre del usuario) y Add to Network (enlace de afiliarse a la red).

3. En la columna derecha de Preview (Vista previa) se mostrará el aspecto resultante del listado de marcadores de acuerdo con la configuración establecida.

4. 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.

5. Sitúate en la administración de tu blog y haz clic en las pestañas Diseño > Elementos de la página.

6. Clic en el enlace Añadir un gadget. 7. Pulsa en el botón “+” del tipo de gadget: HTML/Javascript.

8. 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.

9. Clic en el botón GUARDAR.

Page 33: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

612

10. 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.

2.15 Aplicación de Delicious en Wordpress

1. Desde el interfaz de administración de tu blog selecciona Apariencia > Widgets

2. 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 3. Al soltarlo se muestra el panel de configuración de los distintos parámetros de este

cuadro:

Page 34: Anexo 1. Canales de suscripción - Cursos tutorizados en ...formacion.intef.es/pluginfile.php/42909/mod... · 2. Navega hasta la portada o página principal de tu blog en Blogger

Anexo II. Delicious, marcadores sociales Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

613

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. Tags (Etiquetas). Si introduces una o varias etiquetas separadas por comas se

mostrarán sólo los marcadores asociados a estas etiquetas.

4. Clic en el botón Guardar. 5. 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.