Utilidades web 2.0

53
Antonio J. Emperador [email protected] Utilidades Web 2.0 Marzo 2011

description

Presentación utilizada en un curso

Transcript of Utilidades web 2.0

Page 1: Utilidades web 2.0

Antonio J. [email protected]

UtilidadesWeb 2.0

Marzo 2011

Page 2: Utilidades web 2.0

Programa Web 2.0 y sus

aplicaciones Sociedad de la

información Las TIC Tendencias Internet y sus servicios Web 2.0 Aplicaciones Web 2.0 Marketing on-line Posicionamiento

Uso de aplicaciones Blog (Blogger y

Wordpress) RSS (Google Reader) Wiki (Wikipedia) Vídeos (Youtube) Mapas (Google Maps) Fotos (Flickr y Picasa) Aplicaciones on-line

(Google Docs, Calendar…)

Redes sociales (Facebook, Tuenti, My Space, Twitter)

Instalación de aplicaciones WordPress Wikimedia

Page 3: Utilidades web 2.0

1. Web 2.0 y sus aplicaciones

Page 4: Utilidades web 2.0

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.

Page 5: Utilidades web 2.0

Web 2.0 y aplicaciones Sociedad de la Información

Page 6: Utilidades web 2.0

Web 2.0 y aplicaciones Sociedad de la Información

Datos (materia prima) Información Información Conocimiento Conocimiento Sociedad

Page 7: Utilidades web 2.0

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?)

Page 8: Utilidades web 2.0

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

Page 9: Utilidades web 2.0

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)

Page 10: Utilidades web 2.0

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)

Page 11: Utilidades web 2.0

Web 2.0

www.wordle.net

Web 2.0 y aplicaciones

Page 12: Utilidades web 2.0

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.

Page 13: Utilidades web 2.0

Web 2.0 Web 2.0:

Nuevo concepto de Web (o no tan nuevo)

Cajón de sastre

http://internality.com/web20/ http://www.lacatedralonline.es/innova/system/Document/attachments/3651/original/Mapa-Web20-LC.pdf

Page 14: Utilidades web 2.0

Web 2.0 Aplicaciones Web:

Concepto Modelo (3 capas) Tecnología y desarrollo

Page 15: Utilidades web 2.0

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

Page 16: Utilidades web 2.0

Aplicaciones Web 2.0 Blogs o bitácoras

Lectura Creación (Blogger,

Wordpress, etc.) Redes de blogs y

buscadores (Technorati, Alianzo, Bitacoras.com)

Microblogs: Twitter RSS

Lectores: Bloglines, Google Reader, FeedBurner

Noticias: Digg, Meneame, Wikio

Videos: Youtube Fotos: Flickr Marcadores: Del.icio.us Redes sociales: Myspace,

Facebook, Orkut Wiki: Wikipedia Mapas: Google Maps,

Panoramio Podcasting: Podcast-es,

Aragón Radio 2

Page 17: Utilidades web 2.0

Aplicaciones Web 2.0

Búsquedas (avanzadas) Imágenes y vídeos

(Youtube) Noticias Maps Gmail Libros y blogs Reader Escritorio:

Calendar Google Docs Desktop

Servicios de Google: Earth Picasa Talk Traducción Pack Móviles Chrome Blogger SketchUp Webmaster Labs

Gooooooooooooooooogle…

Page 18: Utilidades web 2.0

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

Page 19: Utilidades web 2.0

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)

Page 20: Utilidades web 2.0

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?

Page 21: Utilidades web 2.0

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?

Page 22: Utilidades web 2.0

2. Uso de aplicaciones Web 2.0

Page 23: Utilidades web 2.0

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 serconstante

Page 24: Utilidades web 2.0

2.1. Blogs

Page 25: Utilidades web 2.0

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 todaweb es un blog”

Al fin y al cabo 126 millones de moscas nopueden equivocarse (en 2009,http://royal.pingdom.com/2010/01/22/internet-2009-in-numbers/)

Page 26: Utilidades web 2.0

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

Tecnobita http://www.tecnobita.com/ Tecnología e Informática

Pau Gasol http://www.paugasol.com/BlogGasol Deporte

Los desastres de la guerra (Gervasio Sánchez)

http://www.heraldo.es/blogs/gervasiosanchez/

Periodismo

Page 27: Utilidades web 2.0

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…

Page 28: Utilidades web 2.0

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

Page 29: Utilidades web 2.0

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

Page 30: Utilidades web 2.0

2.2. RSS

Page 31: Utilidades web 2.0

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

Page 32: Utilidades web 2.0

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

Page 33: Utilidades web 2.0

2.3. Redes de blog y marcadores

Page 34: Utilidades web 2.0

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íticao Ver

http://web20.formatel.es/tutoriaweb20/index.php/2010/04/algunas-consideraciones-sobre-technorati/

Page 35: Utilidades web 2.0

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)

Page 36: Utilidades web 2.0

2.4. Fotos e imágenes

Page 37: Utilidades web 2.0

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 localo Álbumes web de Picasa

Panoramio (www.panoramio.com) Para presentaciones… SlideShare (www.slideshare.net)

Page 38: Utilidades web 2.0

2.5. Vídeo

Page 39: Utilidades web 2.0

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 Nayimo El gol de Iniestao 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 Jacksono Waka, waka,…

Programas TV:o La pérdida del pendiente de Lola Floreso La “empanadilla” de Martes y 13o “Españoles, Franco a muerto…” (Arias Navarro, 1975)

Varios:o Inauguración ExpoZaragoza 2008o Antonio Emperador hablando de Genealogía…

Haz una entrada en tu blog con los vídeos

embebidos

Page 40: Utilidades web 2.0

Vídeos Social…

Compartir vídeos: Youtube (www.youtube.com)

o Buscar vídeos y canaleso Crear perfileso Subir vídeoso Configurar canalo Suscripciones, favoritos, …o Editar vídeos, geoposicionar, …

Vimeo (www.vimeo.com) Daily Motion (www.dailymotion.com) Videolever (www.videolever.com) …

Page 41: Utilidades web 2.0

2.6. Redes sociales

Page 42: Utilidades web 2.0

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)

Page 43: Utilidades web 2.0

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,…

Page 44: Utilidades web 2.0

Redes sociales Vida más allá de Facebook

Tuenti MySpace LinkedIn Xing Netlog Badoo Meetic Orkut …

Page 45: Utilidades web 2.0

2.7. Wiki

Page 46: Utilidades web 2.0

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

Page 47: Utilidades web 2.0

3.1. Instalación de aplicaciones Web 2.0

Page 48: Utilidades web 2.0

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

Page 49: Utilidades web 2.0

3.2. Le empresa y Web 2.0

Page 50: Utilidades web 2.0

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, …

Page 51: Utilidades web 2.0

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…

Page 52: Utilidades web 2.0

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, …)

Page 53: Utilidades web 2.0

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