Presentación utilizada en un curso

1. Utilidades
Web 2.0
Marzo 2011
Antonio J. Emperador
aemperador@efor.es

2. Programa  Uso de aplicaciones
 Web 2.0 y sus  Blog (Blogger y Wordpress)
aplicaciones  RSS (Google Reader)
 Sociedad de la  Wiki (Wikipedia)
información  Vídeos (Youtube)
 Las TIC  Mapas (Google Maps)
 Tendencias  Fotos (Flickr y Picasa)
 Internet y sus servicios  Aplicaciones on-line
 Web 2.0 (Google Docs, Calendar…)
 Aplicaciones Web 2.0  Redes sociales (Facebook,
 Marketing on-line Tuenti, My Space, Twitter)
 Posicionamiento  Instalación de
aplicaciones
 WordPress
 Wikimedia

3. 1. Web 2.0 y sus aplicaciones

4. Web 2.0 y aplicaciones
 La Web 2.0
 Elementos diferenciadores
 Evolución de la Web
 Componente social
 Tecnologías de desarrollo
 Web 2.0 y su entorno = Sociedad de la Información
 Acceso a la información en cualquier momento y en cualquier
lugar
 “La sociedad de la información en España” (Julio Linares)
 Las sociedades de la información se caracterizan por basarse en el
conocimiento y en los esfuerzos por convertir la información en
conocimiento. Cuanto mayor es la cantidad de información generada por una
sociedad, mayor es la necesidad de convertirla en conocimiento. Otra
dimensión de tales sociedades es la velocidad con que tal información se
genera, transmite y procesa. En la actualidad, la información puede
obtenerse de manera prácticamente instantánea y, muchas veces, a partir
de la misma fuente que la produce, sin distinción de lugar.

5. Web 2.0 y aplicaciones
 Sociedad de la Información

6. Web 2.0 y aplicaciones
 Sociedad de la Información
 Datos (materia prima)  Información
 Información  Conocimiento
 Conocimiento  Sociedad

7. Web 2.0 y aplicaciones
 Las Tecnologías de la Información y la Comunicación) - TIC
 Factor para Sociedad de la Información: disponibilidad
 Disponibilidad gracias a Tecnología
 ¿TIC?
 Informática (hardware y software)
 Internet
 Comunicaciones
 Globalización
 Marcadores de Tendencias: Google y Microsoft (… y ¿Apple?)

8. Web 2.0 y aplicaciones
 La culpa de fue de la Internet (y del cha-cha-cha)

9. Web 2.0 y aplicaciones
 Internet y sus servicios (clásicos)
 Web, web, web (www)
 Buscadores
 Correo electrónico
 Transferencia de ficheros (FTP)
 Grupos de noticias
 Chat y mensajería instantánea (IM)
 Intercambio de archivos (P2P)
 Películas on-line
 Web (HTTP)
 URL (http://www.google.com)
 Protocolo HTTP
 Dirección y puerto
 Situación (http://www.elpais.com/archivo/1999.html)

10. Web 2.0 y aplicaciones
 Internet y sus servicios (clásicos)
 Web, web, web (www)
 Buscadores
 Correo electrónico
 Transferencia de ficheros (FTP)
 Grupos de noticias
 Chat y mensajería instantánea (IM)
 Intercambio de archivos (P2P)
 Películas on-line
 Web (HTTP)
 URL (http://www.google.com)
 Protocolo HTTP
 Dirección y puerto
 Situación (http://www.elpais.com/archivo/1999.html)

11. Web 2.0 y aplicaciones
www.wordle.net

12. Web 2.0 y aplicaciones
 La Web 2.0
 Wikipedia
 …El término fue utilizado para referirse a una segunda generación en la
historia del desarrollo de tecnología Web basada en comunidades de usuarios
y una gama especial de servicios, como las redes sociales, los blogs, los wikis
o las folcsonomías, que fomentan la colaboración y el intercambio ágil y
eficaz de información entre los usuarios de una comunidad o red social. La
Web 2.0 es también llamada web social por el enfoque colaborativo y de
construcción social de esta herramienta…
 Mi opinión
 Nos referimos, por tanto, al conjunto de aplicaciones en Web (por supuesto,
en Internet) que ofrecen servicios en los que el usuario participa en mayor
grado al poder aportar contenidos (de texto, multimedia, etc.) de una forma
simple, gracias a las tecnologías agregadas a dichas aplicaciones.

13. Web 2.0
 Web 2.0:
 Nuevo
concepto de
Web (o no
tan nuevo)
 Cajón de
sastre
http://www.lacatedralonline.es/innova/system/Document/attachments/36
http://internality.com/web20/
51/original/Mapa-Web20-LC.pdf

14. Web 2.0
 Aplicaciones Web:
 Concepto
 Modelo (3 capas)
 Tecnología y desarrollo

15. Web 2.0 y aplicaciones
 Web 2.0 – Tecnologías:
 De servidor:
 Base de datos
 Aplicaciones
 Servidor web
 De cliente:
 (X)HTML
 CSS
 Javascript
 Ajax

16. Aplicaciones Web 2.0
 Blogs o bitácoras  Videos: Youtube
 Lectura  Fotos: Flickr
 Creación (Blogger,  Marcadores: Del.icio.us
Wordpress, etc.)
 Redes de blogs y  Redes sociales: Myspace,
buscadores (Technorati, Facebook, Orkut
Alianzo, Bitacoras.com)  Wiki: Wikipedia
 Microblogs: Twitter
 Mapas: Google Maps,
 RSS Panoramio
 Lectores: Bloglines, Google
Reader, FeedBurner  Podcasting: Podcast-es,
Aragón Radio 2
 Noticias:
 Digg, Meneame, Wikio

17. Aplicaciones Web 2.0
Gooooooooooooooooogle…
 Búsquedas (avanzadas)  Servicios de Google:
 Imágenes y vídeos (Youtube)  Earth
 Picasa
 Noticias
 Talk
 Maps  Traducción
 Gmail  Pack
 Libros y blogs  Móviles
 Reader  Chrome
 Escritorio:  Blogger
 Calendar  SketchUp
 Google Docs  Webmaster
 Desktop  Labs

18. Uso de Aplicaciones Web 2.0
 Blogs
 Blogger (www.blogger.com)
 WordPress (www.wordpress.com)
 RSS
 Lectores: Bloglines, Google Reader
 Agregadores: FeedBurner
 Wiki
 Wikipedia (http://es.wikipedia.or)
 Uso del Wiki
 Redes de blog:
 Alianzo, Bitácoras, Technorati
 Noticias:
 Digg, Meneame, Wikio

19. Uso de Aplicaciones Web 2.0
 Imágenes y fotos
 Flickr (www.flickr.com)
 Picasa (http://picasaweb.google.com)
 Slide Share (http://www.slideshare.net/)
 Vídeos
 Youtube (www.youtube.com)
 Google Video (http://video.google.es)
 Redes sociales
 Facebook (www.facebook.com)
 Tuenti (www.tuenti.com)
 My Space (www.myspace.com)
 Microbloging: Twitter (www.twitter.com)
 Música y podcast:
 Podcast y Spotify (www.spotify.com)

20. Uso de Aplicaciones Web 2.0
 Web 2.0 y marketing
 Nuevos escenarios: Internet como oportunidad
 Como herramienta empresarial
 Como mercado
 Como canal de distribución
 Como herramienta de comunicación
 Preguntas
 ¿Pueden mis clientes preferir a la competencia por tener sus
catálogos en Internet?
 ¿Pueden aumentar mis ventas y disminuir mis gastos al incursionar
en Comercio Electrónico?
 ¿Cuánto me cuesta no tener mis productos o servicios en la Red?
 ¿Tengo una buena y efectiva presencia global?

21. Uso de Aplicaciones Web 2.0
 Web 2.0 y posicionamiento
 Que te encuentren…
 Buscadores y búsquedas
 Consejillos:
 Conseguir que enlacen con nosotros
 Darse de alta en directorios
 Participar y aparecer en foros, blogs, comentarios, páginas, etc.
 Usar las redes sociales como promoción
 Hacer contenidos con títulos que contengan frases buscadas por
nuestro público objetivo
 Acceso y navegación sencilla
 Poner enlaces tanto internos como externos
 ¡Ay, las redes sociales! ¿Cotilleo útil?

22. 2. Uso de aplicaciones Web 2.0

23. Aplicaciones Web 2.0
 Antes de empezar…
 Más Google:
 Cuenta en @gmail.com
(http://mail.google.com/mail/signup)
 Alta en “Cuenta de Google”
(http://www.google.com/accounts/NewAccount)
 Ideas, más ideas y originalidad
(innovación)
 Hay que trabajarlo un poco y ser
constante

24. 2.1. Blogs

25. Aplicaciones Web 2.0
 Blogs
 Sitios web dinámicos
 Contenido multimedia administrado sin programación
 Estructura más o menos establecida
 Bitácora (sucesión de noticias ordenadas de
forma cronológica inversa)
 “Todo blog es un sitio web, pero no toda
web es un blog”
 Al fin y al cabo 126 millones de moscas no
pueden equivocarse (en 2009,
http://royal.pingdom.com/2010/01/22/internet-2009-in-
numbers/)

26. Aplicaciones Web 2.0
 Blogs
Blog Dirección Temática
Quentin Tarantino http://www.everythingtarantino.com/ Cine
Joaquín Sabina http://www.joaquinsabina.net/ Música
Mariano Rajoy http://www.rajoyenaccion.com/ Política
Gran Hermano http://www.granhermano.com/gh12/blogs Televisión
De cine http://www.blogdecine.com/ Cine
La Oreja de Van Gogh http://www.laorejadevangogh.com/blog/ Música
Tecnología e
Tecnobita http://www.tecnobita.com/
Informática
Pau Gasol http://www.paugasol.com/BlogGasol Deporte
Los desastres de la guerra
http://www.heraldo.es/blogs/gervasiosanchez/ Periodismo
(Gervasio Sánchez)

27. Blogs
 ¿Blogger con Wordpress? O…
 www.blogger.com
 www.wordpress.com
 Blogger
 Registro con Google
 Nombre!!! y dirección!!!
 Plantilla
 A publicar…
 Currárselo un poco, venga:
 Diseño, gadgets, plantillas, pastaaaaa…

28. Blogs
 Wordpress
 http://es.wordpress.com
 Alta de cuenta
 Título y dirección del blog
 A publicar…
 Atención a la personalización:
 Tema
 Widgets
 Opciones
 Plugins

29. Blogs
 Microblogging
 Twitter, ¿una enfermedad?
 http://twitter.com
 140 caracteres para contar tu vida
 Buzz
 Microblogging de Google (integrado con Gmail)
 Sigue a gente
 Que te siga gente
 Enlaza todo
 Blog con tus entradas de Twitter
 Tus entradas publicadas en Twitter

30. 2.2. RSS

31. RSS
 RSS (Really Simple Syndication)
 Tecnología de suscripción y recepción automática de noticias y
entradas de nuestra elección
 Cliente/Servidor
 Servidor: quien pone una fuente RSS (feed = archivo XML con el
contenido actualizado de novedades)
 Cliente: el usuario que se suscribe:
 Navegador (Internet Explorer, Mozilla Firefox, …)
 Programa de correo (Outlook, Thunderbird, Eudora, …)
 Aplicación web (Google Reader, Bloglines, …)
 http://tutoriaweb20.blogspot.com/2010/02/rss-no-es-republica-
socialista.html

32. RSS
 Ejercicio: prueba a suscribirte:
 Carpeta Noticias:
 Titulares de portada de El País
 Noticias de Heraldo de Aragón
 Portada del Diario del Altoaragón
 Carpeta Radio:
 Todos los titulares de Cadena Ser
 Noticias de Radio Nacional de España
 Carpeta Blogs:
 Blog de Pedro Almodóvar
 Tinta de hemeroteca en Heraldo de Aragón
 Blog de Andreu Buenafuente
 Blog de Quentin Tarantino
 Noticias del blog de Amaral
 Blog de Alejandro Sanz
 Carpeta Varios:
 Gran Hermano 12 mas 1
 Cristiano Ronaldo
 Noticias del Futbol Club Barcelona
 Recetas de Karlos Arguiñano

33. 2.3. Redes de blog y marcadores

34. Redes de blogs y marcadores sociales
 Redes de blog
 Con tantos blog, bueno es ordenar el caos…
 Algunas redes de blog:
 Alianzo (www.alianzo.com)
 Bitácoras (www.bitacoras.com)
 Technorati (www.technorati.com)
o Nueva política
o Ver
http://web20.formatel.es/tutoriaweb20/index.php/2010/04/algunas-
consideraciones-sobre-technorati/
 …

35. Redes de blogs y marcadores sociales
 Marcadores sociales
 Redes para compartir enlaces (bibliotecas de enlaces)
 Algunos marcadores sociales:
 Del.icio.us (www.delicious.com o del.icio.us)
 Gennio (www.gennio.com)
 Música: LastFM (www.last.fm o www.lastfm.es)
 Digg (www.digg.com)
 Menéame (www.meneame.com)
 Wikio (www.wikio.com)

36. 2.4. Fotos e imágenes

37. Fotografías e imágenes
 Compartir…
 Aplicaciones para compartir imágenes (privado o público)
 Algunas permiten edición de imagen
 Otras ordenan tus fotos de forma local
 Geoposicionar, organizar, enlazar con redes sociales o blogs,
contactos, etiquetado…
 Algunas aplicaciones:
 Flickr (www.flickr.com)
 Picasa (http://picasa.google.com)
o Aplicación local
o Álbumes web de Picasa
 Panoramio (www.panoramio.com)
 Para presentaciones… SlideShare (www.slideshare.net)

38. 2.5. Vídeo

39. Vídeos
 Todo lo grabado está en Youtube…
 Buscar vídeos: Google Video (http://video.google.es)
 ¿Todo está en Youtube?
 Deportes:
o El beso… (de Sara e Iker, claro)
o El gol de Nayim
o El gol de Iniesta
o Final olímpica de baloncesto: España vs. USA de… 1984
 Anuncios:
o Las muñecas de Famosa se dirigen al portal (original)
o Vamos a la cama… (Familia Telerín)
 Música:
o Thriller de Michael Jackson
o Waka, waka,…
 Programas TV:
o La pérdida del pendiente de Lola Flores
o La “empanadilla” de Martes y 13
o “Españoles, Franco a muerto…” (Arias Navarro, 1975)
 Varios:
o Inauguración ExpoZaragoza 2008
o Antonio Emperador hablando de Genealogía…

40. Vídeos
 Social…
 Compartir vídeos:
 Youtube (www.youtube.com)
o Buscar vídeos y canales
o Crear perfiles
o Subir vídeos
o Configurar canal
o Suscripciones, favoritos, …
o Editar vídeos, geoposicionar, …
 Vimeo (www.vimeo.com)
 Daily Motion (www.dailymotion.com)
 Videolever (www.videolever.com)
 …

41. 2.6. Redes sociales

42. Redes sociales
 Más social
 Estructuras sociales de grupos de personas conectadas por conceptos
tales como “amistad”, “parentesco”, “gustar”, …
 Seis grados de separación
 Objetivos:
 Objetivo del público: contactar con gente
 Objetivo de la empresa: ???
 Interesantes teorías de grafos…
 ¿Moda o se queda?
 Entretenimiento, adicción, privacidad…
 Alguna clasificación:
 Horizontales (genéricas)
 Verticales (temáticas)

43. Redes sociales
 Facebook
 Mark Zuckerberg (La red social)
 Datos:
 500 millones de usuarios
 500.000 aplicaciones
 5.000 millones de fotos
 160 TB de almacenamiento
 83 millones de fotos subidas a diario
 Uso:
 Registro
 Perfil
 Privacidad
 El muro
 Conexión con otras aplicaciones
 Amigos
 Grupos
 Páginas
 Otras utilidades: mensajería, eventos, notificaciones, fotos, vídeos, juegos,
aplicaciones,…

44. Redes sociales
 Vida más allá de Facebook
 Tuenti
 MySpace
 LinkedIn
 Xing
 Netlog
 Badoo
 Meetic
 Orkut
 …

45. 2.7. Wiki

46. Redes sociales
 Wiki
 Herramientas web de edición de documentos de forma colaborativa
 Exponente: http://es.wikipedia.org
 Modelo, funcionamiento, críticas, …
 Más allá de la Wikipedia:
 El wiki como herramienta colaborativa
 Modelo en la empresa para colaboración
 Uso del wiki: edición, multiedición, historial, debates, …
 Uso del editor:
 Escritura
 Formatos
 Imágenes
 Enlaces

47. 3.1. Instalación de aplicaciones Web 2.0

48. Instalación aplicación Web 2.0
 Instalación de una aplicación Web 2.0 independiente
 Wordpress.org
 Pasos a seguir en la instalación:
 Descarga del software desde http://es.wordpress.org
 Descomprimir el comprimido (www.7-zip.net)
 Copiar el archivo wp-config-sample.php como wp-config.php
 Editar wp-config.php poniendo los datos de nombre de base de datos, usuario de BD y
contraseña de BD
 Subir todos los archivos descomprimidos al servidor por FTP (www.filezilla.org)
 Acceder a la dirección de nuestro sitio para completar la instalación
 Configuración de diseño
 Temas, widgets y pluggins
 Edición
 Escritura de entradas y páginas
 Gestión de comentarios, enlaces, galerías, etc.
 Promoción

49. 3.2. Le empresa y Web 2.0

50. La empresa y Web 2.0
 ¿Porqué la empresa en la Web 2.0?
 Participación
 Posicionamiento y visibilidad
 Blogs
 Creadores de opinión
 Lo que dicen de ti
 Tipología: personales, temáticos, corporativos…
 ¿Debe mi empresa contar con un blog?
 De producto
 De relación
 De atención al cliente
 De comunicación interna
 Reflexionar: atender, mantener, actualizar, buscar, DEDICARSE
 Microblogging
 Twitter y cía.
 Inmediatez, repercusión, difundir ideas, …

51. La empresa y Web 2.0
 La empresa en las redes sociales
 Opiniones
 ¿Cómo?
 Perfil corporativo
 Grupo y/o página
 Segmentar el mercado
 Sondeos de opinión
 Analizar al usuario
 Atender al cliente
 Publicidad
 Oír lo que dicen de nosotros
 Espiar…
 Wiki
 Gestión del conocimiento interno
 Participación de los empleados…

52. La empresa y Web 2.0
 Otras herramientas
 Imágenes: Flickr, Picasa, SlideShare, …
 Vídeos: Youtube
 Aplicaciones en la nube: Google Docs, Calendar, Maps, etc.
 Redes de blog y marcadores sociales
 ¿Y la reputación on line?
 Conversaciones en la red
 Opiniones influyentes de Internet (compra, valoración, …)

53. La empresa y Web 2.0
 12 ideas para la empresa
(“La empresa en la Web 2.0” de Javier Celaya)
 Reorganización de las funciones del equipo directivo
 Inversión en formación interna
 Fomentar la innovación
 Rediseñar correctamente la web
 Mejorar la visibilidad de la empresa
 Escuchar la Web
 Determinar quién es quién en la web social
 Seleccionar las redes sociales más idóneas a la empresa
 Redactar un código de conducta para los empleados
 Premiar a los empleados por intercambiar, compartir, valorar, etc.
 Conocer el comportamiento de los usuarios en la propia web
 Futuro móvil y cloud computing