herramientas sociales

Herramientas socialesy de publicación online

para nuestra webJavier Clavero Campos

1

Herramientas sociales y de publicación online para nuestra web

(19 y 20 de diciembre de 2012)Javier Clavero Campos

Sumario Nubes de etiquetas Chat Twitter Facebook Wikis Issuu Prezi

2



Nubes de etiquetas• Representación visual de un conjunto de

términos donde la importancia de cada uno de ellos queda determinada por el tamaño y/o el color con el que se representa.

3



Nubes de etiquetas• Relevancia de una etiqueta:

– Número de contenidos relacionados con ese término

– Número de clics que ha recibido

• Tipos de nubes → Frecuencia, popularidad o categorías

• Ordenación → Alfabética, Semántica o Aleatoria

4



Nubes de etiquetas• Generación:

– Generadores on-line:• Para web:

– http://www.tag-cloud-generator.com/ES/– http://www.tag-cloud.de/– http://www.tagcloud-generator.com

• Para diseño:– http://www.wordle.net

– Complementos nativos o de terceros para CMS– Creación manual: Programación y Bases de Datos

5



http://www.tag-cloud.de/

http://www.tagcloud-generator.com/

http://www.wordle.net/

Nubes de etiquetas• Consejos:

– No generar nubes de más de 30 etiquetas– Visibilidad de la nube dentro de la web– Control de las etiquetas que aparecen– Control de las estadísticas de consulta de la

nube

6



Chat• El objetivo principal es dar respuesta en tiempo

real a las consultas del usuario (Información general, búsqueda de documentos, operaciones de préstamo, etc.)

• Herramientas:– Google Talk (http://talk.google.com)– LibraryH3elp (https://libraryh3lp.com)

7



http://talk.google.com/

https://libraryh3lp.com/

https://libraryh3lp.com/

Chat• Consejos:

– Elaborar un protocolo de atención del servicio: horarios, responsables y, sobretodo, que se puede consultar y que no

– Dar a conocer este protocolo al usuario de una forma clara– Servicio que requiere de alguien con ganas y paciencia →

Inversión de tiempo– Importante el posicionamiento del chat dentro de la web → Ha

de verse fácilmente!– Ofrecer alternativas al usuario alternativas al chat: páginas de

preguntas frecuentes, formularios de consulta o teléfonos de contacto

8



Twitter• Red social en forma de microblogging donde los usuarios

comparten mensajes de texto de un máximo de 140 caracteres (http://www.twitter.com)

• Conceptos básicos:– Tweet: Mensaje de un usuario– Retweet: Reenviar un mensaje– @nom_usuari: Mención a un usuario– #paraula_clau (Hashtag): Clasificación de un mensaje dentro de un

tema– Seguidor: Usuario suscrito a los mensajes de otro– Timeline: Conjunto de mensajes de un usuario en orden cronológico– Treding topic: Tema popular del momento

9



Twitter• Cliente web (http://www.twitter.com)

– Permite gestionar un perfil desde cualquier dispositivo con navegador e internet

– Completo, ágil y fácil– El más usado en el mundo

• TweetDeck (http://www.tweetdeck.com)– Aplicación local multiplataforma y también web– Permite gestionar más de una cuenta a la vez (incluido

Facebook)– Permite programar tweets

• Otros: Twirl, Hootsuite, etc.

10



http://www.twitter.com/

http://www.tweetdeck.com/

Twitter• Integración en la web:

– Twitter widgets (Configuración → Widgets)• Widgets oficiales para la integración de Twitter en la web• 4 tipos: Cronología, Buscar, Favoritos y Lista

– Integración nativa o con complementos de terceros en CMS

• Twitterbuttons (http://www.twitterbuttons.com/)– Botón para conseguir seguidores desde nuestra web– Diseños variados y atractivos

11



http://www.twitterbuttons.com/

Twitter• Consejos:

– Requiere dedicación constante (activos!)– Mensajes concisos y directos– Utilizar siempre un acortador de URLs– Personalizar los retweets– Lenguaje cercano a los usuarios y directo– Hacer un seguimiento de personas a las que se sigue y personas que

nos siguen:• Saludar periódicamente con mención a los nuevos seguidores• Eliminar a los que se sigue que no aporten información relevante

– Controlar el flujo de tweets (programación)– Responder rápidamente y adecuadamente a las inquietudes de los

usuarios

12



Facebook• Red social orientada al intercambio de información y contenidos

personales y a la interconexión de usuarios– Actualmente también muy orientada al márqueting comercial

• Conceptos básicos:– Muro o Timeline: Pantalla donde aparecen todas las publicaciones de

un usuario– Publicación: Cualquier elemento (mensaje, fotografía, etc.) que se

publica en el Timeline – Amigo: Contacto que puede ver nuestras publicaciones y participar– Seguidor: Persona que sigue nuestras publicaciones pero que no puede

interactuar– Me gusta: Acción que realizan los usuarios para indicar que dan su

aprobación a una publicación o página

13



Facebook• Página de Facebook (

http://www.facebook.com/pages/create.php):– Seleccionar el tipo de página – Revisar las opciones de configuración de la página y la cuenta– Introducir las imágenes principales y completar la información

básica– Añadir contenidos adicionales (fotografías, vídeos, etc.)– Añadir un/as primera/s publicación/es– Buscar usuarios a los que les pueda interesar– Promocionar nuestra página:

• Compartirla en Facebook • Promocionarla en nuestra web con una novedad o insertando un plugin• Promocionarla dentro de la institución o centro con carteles

14



http://www.facebook.com/pages/create.php

Facebook• Integración en la web:

– Facebook social plugins (http://developers.facebook.com/docs/plugins/)• Plugins oficiales para promocionar nuestra web o para conseguir más

amigos para nuestra página de Facebook• 17 plugins con funcionalidades diversas: compartir un enlace, hacerse

seguidor, etc.• Fáciles de crear pero con algunos inconvenientes:

– Algunos requieren webs en HTML5 o conocimientos de la Facebook API– Cuidado con los que están en fase Beta

– Integración nativa o con complementos de terceros en CMS– Facebook API

• Muy completa y muy potente• Necesarios conocimientos de programación

15



http://developers.facebook.com/docs/plugins/

Facebook• Consejos:

– Requiere dedicación (pero no tanta como Twitter)– Aprovechar que Facebook es muy visual (foto de perfil o portada,

fotografías, vídeos, enlaces, eventos, etc.)– Mensajes elaborados y originales:

• Lenguaje menos sintético pero directo• No es necesario acortar las URLs

– Procurar no publicar mensajes iguales en la web y en Facebook, ni en Facebook y Twitter

– Aprovechar las publicaciones adicionales: eventos, anuncios, etc.

– Responder rápidamente y de forma adecuada a los usuarios– Elaborar una programación de las publicaciones

16



Wikis• Páginas web cuyos contenidos pueden ser editados por

múltiples usuarios de forma colaborativa– Orientado a manuales, guías, diccionarios, etc– Contenido creado, ampliado y corregido por los

usuarios que participan como editores en la web

• Principales características:– Facilidad y rapidez de creación de contenidos

(lenguaje de marcado)– Mantenimiento de versiones de las páginas– Facilidad de navegación (Friendly URLs)

17



Wikis• Conceptos básicos:

– Lenguaje de marcado: Lenguaje de la propia wiki para la creación de contenidos de forma muy ágil

– Historial o Control de cambios: Conjunto de versiones de una página– Página huérfana: Página que no es apuntada por ninguna otra página

dentro de la wiki y a la que no se puede llegar navegando normalmente– CamelCase: Texto formado por palabras juntas y con la primera letra en

mayúsculas, típico de las URLs de wikis (CursoDeWeb)– Enlace roto: Enlace dentro de la wiki que apunta a una página que aún

no ha sido creada– Usuario nocivo: Usuario que aporta contenidos inapropiados o poco

contrastados– Revisión: Sistema que impide la publicación de una modificación sin la

previa autorización de un revisor o administrador

18



Wikis• MediaWiki (http://www.mediawiki.org)

– Sistema de creación de wikis más popular (Wikipedia)– Aplicación de software libre– No hay versión on-line, hay que instalarla en un servidor– 3 tipos de wikis: pública, semiprivada y privada– Lenguaje de marcado: http://www.mediawiki.org/wiki/Help:Formatting

• Wiki de Moodle– Módulo de Moodle para la creación de wikis dentro de los cursos– Versión simplificada de un sistema de wiki común → Herramienta de aprendizaje– Acceso por usuario y curso– Lenguaje de marcado: http://www.cobdcvirtual.org/help.php?

module=wiki&file=howtowiki.html&forcelang=es

19



Wikis• Consejos:

– Conocer el lenguaje de marcado del sistema wiki utilizado– Estructurar correctamente el contenido:

• Definir una estructura común para todas las páginas• Separar correctamente las secciones de cada página• Dividir el contenido en diversas páginas

– Controlar la calidad de los enlaces internos:• La visibilidad de los enlaces es muy importante dentro del contenido• Escoger adecuadamente las palabras que forman los enlaces de nuevas

páginas• Revisar periódicamente los enlaces rotos

– Evitar crear páginas incompletas o en construcción– En una wiki abierta, controlar periódicamente las ediciones

realizadas para evitar contenidos inapropiados

20



Issuu• Herramienta que nos permite mostrar online todo tipo de

material digitalizado de una forma muy visual y personalizable (http://issuu.com) – El principal objetivo de Issuu es convertir cualquier material

digitalizado que tengamos en una edición digital

• Crear bibliotecas de documentos para compartir con nuestros usuarios– Mayor difusión de las publicaciones– Facilitar y mejorar la experiencia de lectura

• Ejemplos: http://issuu.com/publications

21



Issuu• Entorno social: Perfil tipo Facebook para compartir publicaciones

entre usuarios– Perfil con imagen, descripción e información relacionada– Listado de publicaciones y última actividad– Relación e interacción de usuarios vía “Amistad”– Participación:

• Valoraciones, comentarios, etc. de las publicaciones• Compartición de publicaciones

• Entorno de gestión de publicaciones (My Library)– Gestión y organización de las diferentes publicaciones– Creación de grupos– Estadísticas de consulta de las publicaciones– Integración de las publicaciones en nuestra web

22



Issuu• Integrar en la web:

– Integrar un documento: Incrustar la visualización de un documento en una web

– Integrar una carpeta: Visualizar los documentos de una determinada carpeta en forma de estantería

– Integrar las actualizaciones de una carpeta: Visualizar automáticamente la última novedad añadida a una carpeta

• Sindicación de novedades: Suscribirse vía RSS a las novedades de una carpeta

23



Prezi• Herramienta que permite crear presentaciones on-line (tipo

Power Point) de gran impacto visual (http://www.prezi.com)

• Ventajas:– Todo se realiza on-line y no requiere de ningún programa

instalado → Sólo se necesita un ordenador con navegador y conexión a Internet

– Las presentaciones se guardan on-line → Visualizarlas o consultarlas desde cualquier parte del mundo

– Presentaciones de un gran impacto visual → atractivas para presentaciones de productos y de marketing

• Ejemplos: http://prezi.com/explore/

24



Prezi• Herramienta que permite crear presentaciones on-line (tipo

Power Point) de gran impacto visual (http://www.prezi.com)

• Ventajas:– Todo se realiza on-line y no requiere de ningún programa

instalado → Sólo se necesita un ordenador con navegador y conexión a Internet

– Las presentaciones se guardan on-line → Visualizarlas o consultarlas desde cualquier parte del mundo

– Presentaciones de un gran impacto visual → atractivas para presentaciones de productos y de marketing

• Ejemplos: http://prezi.com/explore/

25



Prezi• Entorno social: Perfil tipo Facebook para publicar presentaciones

– Perfil con imagen, descripción e información relacionada– Listado de presentaciones y última actividad– Compartir, añadir a favoritos y comentar las presentaciones

• Entorno de creación y gestión de presentaciones:– Acceso a todas las presentaciones creadas, copiadas o compartidas– Editor interactivo y de fácil uso para la creación de nuevas

presentaciones– Gestión de los permisos de acceso, copia y edición de las

presentaciones– Compartición de las presentaciones mediante enlaces de visualización,

edición o inserción en una web

26



Prezi• Integrar en la web: Permite incrustar una presentación en una

web

• Consejos:– Textos directos, claros y no muy extensos– Fondos y textos en contraste– Tamaño de fuente adecuado para que el texto se pueda leer sin problemas– No abusar de las animaciones de Prezi e intentar que los elementos consecutivos

del Path estén lo más próximos posibles en la visualización– No sobrecargar la presentación con demasiadas formas e imágenes adicionales– Reducir al mínimo el número de pasos de la presentación– Construir un esquema de la presentación antes de iniciar la creación de la

presentación.– Consultar los tutoriales de Prezi antes de crear presentaciones:

http://prezi.com/learn/

27



Gracias por vuestra atención

Javier Clavero [email protected]

@jclavero

28



herramientas sociales

Documents