Taller de nivel básico
David Sánchez Bote [email protected]
Las herramientas de la web social en el deporte
31 de Mayo y 7 de Junio de 2011 Naiara Pérez de Villarreal [email protected]
1. Wordpress para montar nuestra página web
2. Googlemaps para geolocalización
3. Delicious: para guardar favoritos de forma colabora8va
4. Facebook: red social con + de 600 millones de usuarios
5. TwiQer: como fuente de información en 8empo real
6. Youtube (video): guardar y compar8r vídeos
7. Flickr (fotograWa): para guardar y compar8r fotogra?as
Herramientas de la web social
Es un CMS (Sistema de Ges1ón de Contenidos) especialmente pensado en la publicación de
bitácoras pero que puede ser usado para la creación de webs de edición fácil y rápida. Tiene una serie de funcionalidades que vienen en su núcleo (ges1ón de feeds, búsquedas, e1quetas, categorías, …) y luego se le pueden añadir otras muchas a través de plugins (por ejemplo, un detector de spam).
Con WordPress tenemos dos opciones: crearnos un blog en su plataforma comercial (wordpress.com) o en nuestro propio servidor gracias a su soNware bajo licencia GPL (wordpress.org).
En ambos casos el gasto es cero pero con excepciones. En el primero, determinadas funcionalidades son de pago (por ejemplo, la posibilidad de editar el css de nuestra plan1lla) y en el segundo, el coste estará en el servidor en el que decidamos montar nuestro blog.
Blog de Loretahur hQp://blog.loretahur.net/2010/04/wordpress-‐for-‐dummies.html
1. Wordpress para montar nuestra página web
¿Qué es un wordpress?
4
Antes
¿Necesito crear un si8o web… ¿Cómo lo hago?
Ahora
Desarrolladores Informá8cos Diseñadores Mantenimiento
Estadís8cas en 8empo real (muy detalladas y buenas) No necesitas pagar Alojamiento Web, WordPress.com te regala 3 GB de espacio y cuenta con opciones de pago, como Añadir un Dominio OpenID Encuestas No necesitas actualizar la versión de WordPress
No puedes añadirle archivos extra a tu blog No puedes Añadir Plugins No 8enes la posibilidad de modificar el CSS de tu blog, ni ningún otro archivo No Puedes u8lizar PHP No puedes insertar Publicidad (desgraciadamente solo en los widgets)
Lo puedes alojar en casi cualquier servidor Puedes u8lizar PHP Compa8ble con Plugins Puedes modificar el CSS de tu Theme Puedes modificar cualquier Theme que tengas instalado o subir los que quieras Puedes añadir cualquier 8po de publicidad (en cualquier parte del blog)
Tienes que comprarte un dominio + alojamiento web No 8enes estadís8cas (por defecto) No 8enes OpenID CSS Personalizado
6
www.cbibaizabal.com www.andyroddick.com/ www.surfermag.com
Ejemplos de webs hechas con wordpress.org
Cabecera
Barra Lateral (1) (widgets)
Menú de navegación
Barra Lateral (2) (widgets)
Entradas
Pie de página (widgets)
1
2
3
4
4
5
Radiogra?a de un wordpress: secciones Radiogra?a de un wordpress: elementos principales
Radiogra?a de un wordpress: secciones Radiogra?a de un wordpress: elementos principales
Cabecera 1
Menú de navegación (Páginas)
Elementos de las barras laterales y el pie de página
Entradas (e8quetas + categorías)
2
3
4 5
Ges8ón de usuarios
Ges8ón de comentarios
Radiogra?a de un wordpress: páginas
Contenido de la página (texto+ imágenes)
Posición de la página y orden (primer nivel o subpágina) Plan8llas de página (sin barra lateral,etc)
Título
Atributos o caracterís^cas de la página
Opciones para publicar (borrador, programar, privado etc)
1
2
3 4
5
¿Qué secciones tendrá mi si^o web? Las páginas con8enen la información está8ca que queremos mostrar en nuestro si8o web
Las entradas o post son los contenidos dinámicos en forma de argculo que se publica en el si8o de forma cronológica
1
2 Título
3 Cuerpo Categoria y e^quetas
Opciones para publicar (borrador, programar, privado etc)
4
5
6
Imagen destacada
Radiogra?a de un wordpress: entradas
¿Sobre que temas voy a hablar en mi si^o web? Las categorias nos ayudan a iden^ficar y clasificar el contenido por temá^cas
Radiogra?a de un wordpress: categorías
Las categorías nos permiten: 1-‐ Estructurar el contenido 2-‐ Esto permite que las búsquedas de información mediante la navegación por las categorías sea cómoda y sencilla.
deporte
Baloncesto Tenis Fútbol
femenino masculino
Las e8quetas proporcionan meta-‐información (información sobre la información)
Radiogra?a de un wordpress: e^quetas
deporte
Baloncesto Tenis deporte
femenino masculino compe8ción
clasificación pretemporada
Diferencia con las categorías: -‐ No se pueden ordenar jerárquicamente -‐ No están predefinidas en el si8o web -‐ Ayudan a que los buscadores encuentren los contenidos de nuestro si8o web -‐ Se suelen mostrar a través de una nube
El tema es la plan8lla sobre la que vamos a crear el si8o . Es un primer reclamo para el usuario (es imagen)
Radiogra?a de un wordpress: temas y widgets
En esta galería de temas elegimos y ac8vamos la que queramos
Algunos temas 8enen su opciones y funcionalidades especi?cas
Los widgets son las funcionalidades extra que le añadimos al si^o. Estas aplicaciones nos permiten , entre otras cosas, visualizar contenido de otros si^os a nuestro espacio. Generalmente se añaden a las barras laterales
Los widgets se seleccionan y se arrastran al espacio en el que se quiera mostrar. La mayoría de los widget permiten ser ges8onadas
14
Los argculos (posts)
Contenidos a través de conversaciones: formato blog La clave de la Web son los contenidos, lo
interesantes que éstos puedan ser para los usuarios y cómo a través de ellos vamos creando una narración/conversación que nos genere una
iden^dad de marca.
15
Comentarios y reputación online: protocolo para conversar
Contenidos a través de conversaciones: formato blog
¿Es necesaria una polí8ca de comentarios?
Los comentarios muchas veces generan un gran valor adicional al contenido
¿y si los comentarios son ofensivos?
¿Se pueden moderar los comentarios?
16
Interacción con otros si8os web
Contenidos a través de conversaciones: formato blog
No todo el contenido que mostraremos en nuestra página 8ene que ser de elaboración propia, podemos mostrar a través de rss contenidos de otros si8os
17
Consulta nuestro manual para usar Wordpress
Manual de Wordpress
hlp://www.slideshare.net/naiarapzv/sencillo-‐manual-‐de-‐wordpresscom
2. Google maps para geolocalización Google maps para geolocalizar lugares
hlp://www.slideshare.net/AnnaSorolla/tutorial-‐google-‐maps-‐7502983
Consulta un tutorial sobre google maps
19
¿ Qué es?
3. Delicious: para guardar favoritos de forma colabora8va
Delicious (an1guamente del.icio.us) es un servicio de ges1ón de marcadores sociales en web. Permite agregar los marcadores que clasicamente se guardaban en los navegadores y categorizarlos con un sistema de e1quetado denominado folcsonomías (tags). No sólo puede almacenar si1os webs, sino que también permite compar1rlos con otros usuarios de del.icio.us y determinar cuántos 1enen un determinado enlace guardado en sus marcadores. >> Leer más en la wikipedia
Es un servicio de marcadores sociales
Sindicación: Delicious incorpora RSS a todas sus páginas. Si estás familiarizado con la sindicación puedes sacarle un par8do enorme a este servicio.
Disponibilidad: los favoritos que guardas en tu navegador sólo están disponibles desde tu ordenador. En cambio si los guardas en delicious, los tendrás a en cualquier si^o donde haya internet.
Seguridad: si 8enes un problema con tu ordenador y no has hecho copia de tus favoritos los puedes perder todos. E8quetándolos y guardándolos en delicious no correrás ningún peligro si tu ordenador falla.
Red social: las e8quetas en delicious son públicos (aunque también puedes hacerlos privados) es decir, cualquier persona puede ver los enlaces que has guardado en delicious. Gracias a esto se construye un red social en la que puedes ver qué personas 8enen agregados los mismos enlaces que tú, encontrar gente con gustos similares,etc.
Compar^r y recomendar: si quieres recomendar un enlace a un amigo, Delicious permite hacerlo de una forma muy sencilla y directa.
Diferencias entre delicious y los marcadores
Un ú8l manual de uso
hlp://www.slideshare.net/naiarapzv/algunas-‐notas-‐sobre-‐el-‐uso-‐de-‐delicious
22
¿ Qué uso le podemos dar?
Delicious puede ser nuestra biblioteca de contenidos. Si hacemos una buena ges8ón (seleccionar bien las fuentes a las que vamos a seguir) podremos crear nuestro google personalizado.
Y además podemos compar8rlo y hacer que sea nuestra fuente rss para la web u otras plataformas que queramos Podemos integrar lo que vamos e^quetando en la web mediante RSS y que vaya apareciendo automá8camente en la web todo lo que marcamos con una determinada e8queta También podemos difundir via twiler los contenidos que vayamos e8quetando.
23
¿Cómo podemos integrar lo que e8quetamos en nuestro wordpress?
Buscamos los resultados que nos interesan en delicious y copiamos el feed 1
Pegamos el feed en el widget RSS 2
Visualizamos los resultados 3
Créate una cuenta en Delicious y descárgate los botones para tu navegador
hlps://secure.delicious.com/help/getXPI
hlp://delicious.com/help/installie
Para incluir los botones aquí ^enes los enlaces directos
Date de alta
Necesitas crearte un ID yahoo
Rellena los campos y listo! Escribe tu nombre de usuario. Esta será la url de tu delicious
Añade los botones delicious en tu navegador. Esta aplicación te facilitará y agilizará el uso de delicious
Date de alta en delicious
25
¿ Qué es? Con más de 600 millones de usuarios es la red social más popular en la actualidad.
¿ Por qué es tan importante estar en facebook? Es una de las mejores redes para socializar y dar a conocer una ac8vidad (también depor8va). Una página en facebook permite interactuar con las personas en el propio espacio en el que se relacionan, y crear una comunidad en torno a la ac8vidad que desarrollamos. Además de para interactuar con los seguidores de nuestra página, facebook nos permite compar8r videos, enlaces o fotos con toda la comunidad que nos sigue.
4. Facebook: red social con + de 600 millones de usuarios
web
Facebook, posiciona en google y mucho
Facebook, ¿Cómo podemos estar?
Facebook ofrece tres ^pos de cuentas: El Perfil personal , las Páginas o Pages y los Grupos.
Perfil Fanpage Grupo
Páginas en facebook, un recurso importante para generar comunidad y marca
Algunos consejos parta mejorar y personalizar tu página en facebook
1. Crea pestañas personalizadas con la información que quieras mostrar. Elimina las pestañas que no u8lices, ya que no aportan valor a la página
2. Añade una imagen grande y representa^va a la página como foto de perfil
3. Únete a la conversación, conversa con tu usuarios
4. Publica contenido interesante y relevante y actualízalo regularmente
5. Publica información de otros usuarios y e^quetalos con la @ para estén al tanto.
6. Incluye y e^queta a tus usuarios en fotos y videos
¿Cómo integramos facebook en wordpress.org?
Estos plugings permiten que integremos facebook en nuestra web
hlps://developers.facebook.com/docs/plugins/
hlp://www.facebook.com/badges
Manual para crear una página de Facebook
Consulta nuestro manual de cómo crear una página para mi club depor8vo en Facebook
hlp://www.slideshare.net/naiarapzv/cmo-‐creo-‐la-‐pgina-‐de-‐mi-‐club-‐depor8vo-‐en-‐facebook
32
¿ Qué es? TwiQer es un servicio gratuito de microblogging que permite a sus usuarios enviar micro-‐entradas basadas en texto, denominadas "tweets", de una longitud máxima de 140 caracteres. (fuente: Wikipedia)
5. Twiler: como fuente de información a 8empo real
33
Twiler, algunos datos
Twiler se ha consolidado como fuente de información en ^empo real
Cerca de 800.000 personas en España usan TwiQer y a nivel mundial 75 millones de usuarios. Se establecen relaciones con otros usuarios y se centran en determinados temas a la hora de publicar contenidos El 57% de los usuarios u8lizan twiler desde el móvil y el 24% desde la calle. Se generan 90 millones de tweets al día y un 25% de ellos incluyen links a páginas web
El final de la Copa Mundial representa el mayor período de ac8vidad en la historia de Twiler. A lo largo de los par8dos, los tweets por segundo (TPS) eran más altos que el promedio. Durante los úl8mos 15 minutos de los par8dos, los TPS pasaron a más de 2.000 TPS. (El gol de España en la final obtuvo un 3.051 TPS). Durante la final, gente de 172 países twilearon en 27 idiomas. Durante el gol de la victoria de España, gente de 81 países twilearon en 23 idiomas diferentes.
Twiler, una revolución = una realidad
Twiler, algunos ejemplos
Para conocer lo que dicen los usuarios de TwiQer sobre el deporte que te interesa.
Para estar al día
Para crear networking
Para mover tus contenidos ¿Tienes alguna
pregunta? Seguro que en TwiQer encontrarás a alguien que pueda responderte.
Para recibir y compar^r información con el resto de los usuarios, así como para escuchar sus opiniones. Recibe un feedback de gran valor..
Para recibir las úl^mas no^cias de forma inmediata. U^liza “Favorites” para marcar y guardar los contenidos más interesantes.
Para aprender de aquellas personas con tu mismo interés así como para enseñar y compar^r tu conocimiento con la comunidad.
Para ponerte en contacto con gente que conoces. Para crear una relación
directa y personal entre cliente/socio. Para crear una comunicación directa y ofrecer un servicio de atención
Relaciónate con gente con tus mismos intereses.
Para par^cipar en las conversaciones, se ac^vo y ofrece ayuda en la medida de lo posible. No te costará mucho esfuerzo mover a otras plataformas este movimiento ac^vo.
Publica tus contenidos en TwiQer y aparecerán directamente en otras herramientas. La comunidad se hace eco
de los contenidos interesantes y los retwiQea. Resulta de gran ayuda para difundir los contenidos.
TwiQea los enlaces de los contenidos interesantes que encuentres en Internet, para ponerlos a disposición de tus seguidores
Twiler,¿para qué lo podemos u8lizar?
37
Es una de las plataformas más famosas para subir videos a La Red. En youtube podemos encontrar millones de videos, que podemos encontrar mediante búsqueda por palabras. También nos permite comentar los videos, así como compar8rlos mediante las redes sociales o correo electrónico.
6. Youtube (videos) : Guardar y compar8r videos
38
Youtube: crea tu canal
Youtube: añade videos a tu canal
Busca en el mismo youtube vídeos que sean interesantes y añádelos a una lista de reproducción
Sube tus propios videos a youtube
Youtube: insertar un video en la web
1
2
3
Integrar una lista de reproducción personalizada hlp://www.youtube.com/custom_player
¿Qué 8po de contenido podemos generar y cómo?
7. Flickr (fotogra?a): para guardar y compar8r fotogra?as
Flickr es un si8o web que permite almacenar, ordenar, buscar, y compar8r fotogra?as y videos en línea. Actualmente Flickr cuenta con una importante comunidad de usuarios que comparte las fotogra?as y videos creados por ellos mismos. Esta comunidad se rige por normas de comportamiento y condiciones de uso que favorecen la buena ges8ón de los contenidos. La popularidad de Flickr se debe fundamentalmente a su capacidad para administrar imágenes mediante herramientas que permiten al autor e8quetar sus fotogra?as y explorar y comentar las imágenes de otros usuarios.
Fuente: wikipedia
Flickr: Crea tu canal , sube imágenes, e8quétalas y genera álbumes
Unete a un grupo
Flickr: 2 formas de insertar fotos en la web
1
2
Top Related