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
Marketing on-line (Facebook, Tuenti, My
Space, Twitter)
Posicionamiento
Instalación de
aplicaciones
WordPress
Wikimedia
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)
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 Marcadores: Del.icio.us
(Blogger, Wordpress, etc.)
Redes de blogs y Redes sociales:
buscadores Myspace, Facebook, Orkut
(Technorati, Alianzo, Bitac Wiki: Wikipedia
oras.com)
Microblogs: Twitter Mapas: Google
RSS Maps, Panoramio
Lectores: Bloglines, Google Podcasting: Podcast-
Reader, FeedBurner 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?
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
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
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
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)
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)
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)
…
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
…
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
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
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