Herramientas web 2.0

121
Herramientas en la Web 2.0

description

Herramientas para la Web 2.0 - Ing : Mirko Marique Ronceros - Especialista en Tic's

Transcript of Herramientas web 2.0

Page 1: Herramientas web 2.0

Herramientas en la

Web 2.0

Page 2: Herramientas web 2.0

“ El futuro ya esta aquí, sólo que no esta

distribuido uniformemente”

William Gibson

Page 3: Herramientas web 2.0

Los consumidores de mañana son los “nativos digitales” de hoy.

Page 4: Herramientas web 2.0
Page 5: Herramientas web 2.0

Nativos vs. Inmigrantes

Entre 35 y 55 añosMenores de 30 años

DocentesEstudiantes

Migración digitalHabilidad innata con la tecnología

Adaptación a la tecnología

La tecnología presente en su vida

Inmigrantes digitalesNativos digitales

Page 6: Herramientas web 2.0

Nativos vs. Inmigrantes

Guardan la informaciónComparten información

Aleatorio y caóticoMultitarea

Procesos reflexivos lentos

Decisiones rápidas

Juegos electrónicos lineales

Juegos electrónicos complejos y participativos

Inmigrantes digitalesNativos digitales

Page 7: Herramientas web 2.0
Page 8: Herramientas web 2.0
Page 9: Herramientas web 2.0
Page 10: Herramientas web 2.0

WEB 1.0 , 2.0 y 3.0

Page 11: Herramientas web 2.0

WEB 1.0 / 1.5 / 2.0

Los inicios:

Información estática en HTML

Page 12: Herramientas web 2.0

WEB 1.0 / 1.5 / 2.0

El reinado de Front Page

Page 13: Herramientas web 2.0

WEB 1.0

En Web 1.0, un pequeño número de escritores creaban páginas web para un gran número de lectores. Como resultado, la gente podía obtener información yendo directamente a la fuente: Adobe.com para temas de diseño gráfico, Microsoft.com para temas de Windows y CNN.com para noticias

Page 14: Herramientas web 2.0

WEB 1.0 / 1.5 / 2.0

La web de los punto-com:

Contenido Dinámico

Page 15: Herramientas web 2.0

WEB 1.0 / 1.5 / 2.0

La Web para las personas:

Interacción, Comunidad y Redes Sociales

Page 16: Herramientas web 2.0
Page 17: Herramientas web 2.0

El término nace en un “brainstorming” entre Tim O’Reilly y MediaLive en el año 2.004

Define la nueva generación de Internet, frente a lo que podíamos denominar Web 1.0

Representa la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final.

Page 18: Herramientas web 2.0
Page 19: Herramientas web 2.0
Page 20: Herramientas web 2.0
Page 21: Herramientas web 2.0

QUE ES LA WEB 2.0

Es la segunda generación de servicios basados en la Web – como sitios de Redes Sociales, wikis, herramientas de comunicación y folksonomias. Donde se enfatiza una colaboración online y un comportamiento entre usuarios (Tim O’Reilly, 2004)

La web 1.0 fue el comercio, la web 2.0 son las personas (Ross Mayfield, CEO, Socialtext)

Page 22: Herramientas web 2.0

WEB 1.0 > WEB 2.0• Fue sobre empresas --> Es sobre comunidades• Publicación --> Participación• Portales --> RSS• Top down --> bottup up• Software propietario --> Software libre• Taxonomia --> Tags (Folksonomia)• Sitios personales ( Geocities) --> Blogs• CMS --> Wikis• Mp3 --> Napster - Radioblog

Page 23: Herramientas web 2.0

WEB 1.0 > WEB 2.0• Mapas --> Google Earth• foto --> Flickr• Newsletter --> RSS• Britanica Online --> Wikipedia• Streaming --> Web TV / Youtube• Categorias / directorios --> Tagging

Page 24: Herramientas web 2.0

“Una verdadera aplicación web 2.0es una que mejora mientras más personas la usan.

el corazón verdadero de web 2.0 esla capacidad de aprovechar (harnessing) la inteligencia colectiva”

Tim O’Reilly durante un discurso en la Universidad de Berkeley

Page 25: Herramientas web 2.0
Page 26: Herramientas web 2.0

Las 7 premisas de la Web 2.0

Page 27: Herramientas web 2.0

<- La red como un tejido Vivo ->

La Web como plataforma

Page 28: Herramientas web 2.0
Page 29: Herramientas web 2.0

El poder de la Inteligencia

Colectiva<- Los usuarios le dan valor

->

Page 30: Herramientas web 2.0
Page 31: Herramientas web 2.0

El repositorio de la verdadera

existencia del sistema<- La Información esta

distribuida ->

Page 32: Herramientas web 2.0
Page 33: Herramientas web 2.0

Fin de los ciclos de renovación en el

software<- El software como un servicio y no como un

producto ->

Page 34: Herramientas web 2.0
Page 35: Herramientas web 2.0

Modelos de Programación

Livianos<- Mínimas barreras para

reutilizarlo ->

Page 36: Herramientas web 2.0
Page 37: Herramientas web 2.0

El Software mas allá de un simple

recurso<- Dejó de ser sinónimo de PC ->

Page 38: Herramientas web 2.0
Page 39: Herramientas web 2.0

Experiencias interactivas para

los usuarios<- Como las aplicaciones de

escritorio ->

Page 40: Herramientas web 2.0
Page 41: Herramientas web 2.0

Algunos Ejemplos

Page 42: Herramientas web 2.0

Directorios de servicios Web 2.0

y buscadores especializados

Page 43: Herramientas web 2.0

Google blogsearch

http://blogsearch.google.com/

<- Buscador Web 2.0 ->

Page 44: Herramientas web 2.0
Page 45: Herramientas web 2.0

• Awards Seomoz.org Web 2.0 http://www.seomoz.org/web2.0 • Go2web2 http://www.go2web20.net/ • DIM, Comunidad virtual de profesores con web/blog docente

http://www.pangea.org/dim/comunita.htm Directorio. • Google blogsearch http://blogsearch.google.com/ • Starup2 http://wiki.startup2.eu/index.php/Mapa_Web_2.0 • Technorati http://www.technorati.com/ Buscador de blogs

donde los resultados de las búsquedas cambian cada minuto apareciendo en primer lugar los últimos blogs que han mencionado el término buscado.

• Web 2.0 Directory: e-consultant http://web2.econsultant.com/index.html

• Wwwhat's new. La lista web 2.0 http://wwwhatsnew.com/recopilacion

Page 46: Herramientas web 2.0

Blogs, Wikis o cuadernos de Bitácora

Page 47: Herramientas web 2.0

www.wikipedia.org

<- Comunidad del conocimiento ->

Page 48: Herramientas web 2.0
Page 49: Herramientas web 2.0

www.wordpress.org

<- Creación de Blogs->

Page 50: Herramientas web 2.0
Page 51: Herramientas web 2.0

www.bitácoras.com

<- Bitácoras->

Page 52: Herramientas web 2.0
Page 53: Herramientas web 2.0
Page 54: Herramientas web 2.0

• Artienlaces http://artenlaces.blogspot.com/ (educación artística, Ángeles Saura)

• Aulablog http://www.aulablog.com • Aulawiki21 http://aulablog21.wikispaces.com/ (de Francisco

Muñoz) • Boulesis http://www.boulesis.com (filosofía) • Crear wiki http://aulawiki.wikispaces.com/CrearWiki • Internet como recurso educativo http://

internetrecursoeducativo.blogia.com/ (Francisco Ruiz Rey) • Las letras y las cosas http://www.auladeletras.net/blog

(lengua y literatura, José M González) • TiddlyWiki de Paco Riviere http://

pacoriviere.googlepages.com/TiddlyWikiCA.html (Paco Riviere)

• Wikipedia http://es.wikipedia.org/wiki/Portada Y wikilibros, wikicitas...

• Wikimapia http://www.wikimapia.org

Page 55: Herramientas web 2.0

Entornos para compartir recursos

Page 56: Herramientas web 2.0

DOCUMENTOS

www.scrib.com

<- Alojar y Compartir documentos online->

Calameo http://www.calameo.com/

Page 57: Herramientas web 2.0
Page 58: Herramientas web 2.0

IMAGENES

www.flickr.org

<- Compartir Imágenes ->

PICASA: http://picasaweb.google.es

BUBLESHARE: http://www.bubbleshare.com

Page 59: Herramientas web 2.0
Page 61: Herramientas web 2.0

CBS ha comprado Last.fm por 280Millones de dólares

Page 62: Herramientas web 2.0

www.ilike.com

<- Crear perfil musical->

Page 63: Herramientas web 2.0
Page 64: Herramientas web 2.0

www.favtape.com

<- Escuchar tu música favorita->

Page 65: Herramientas web 2.0
Page 66: Herramientas web 2.0

PRESENTACIONES MULTIMEDIA

www.slideshare.net<- Alojar y Compartir presentaciones u

openoffice online->

Slidestory http://www.slidestory.com/ PhotoShow http://www.photoshow.com/

Animoto http://animoto.com/

Page 67: Herramientas web 2.0
Page 68: Herramientas web 2.0

www.issuu.com

<- Convertir tus documentos o artículos en revistas o periódicos

virtuales->

Page 69: Herramientas web 2.0
Page 70: Herramientas web 2.0

VIDEOS

www.youtube.com

<- Compartir Videos ->

Google video. Con funciones parecidas a You Tube.Blip TV http://blip.tv/ Espacio para buscar videos y publicar los propios.

Eduvlogs - http://www.eduvlog.org/ Educando con blogs: directorio de vídeos educativos.

Buscador de vídeos http://www.buscatube.cl/Teacher Tube http://www.teachertube.com/ Directorio de vídeos educativos.

Edu3 http://www.edu3.cat/Dalealplay http://www.dalealplay.com/

Dailymotion http://www.dailymotion.com/es

Page 71: Herramientas web 2.0

2.500millonesde vídeos

75.000nuevos videoscada día

Page 72: Herramientas web 2.0

www.dotsub.com

<- Compartir Videos por Internet->

Page 73: Herramientas web 2.0
Page 74: Herramientas web 2.0

MARCADORES SOCIALES

del.icio.us

<- Boomarks Sociales ->

Mr Wong http://www.mister-wong.es/

Page 75: Herramientas web 2.0
Page 76: Herramientas web 2.0

www.digg.com

<- Comunidad de usuarios que propone y vota noticias extraídas de

la red->

Page 77: Herramientas web 2.0
Page 78: Herramientas web 2.0

www.box.net

<- Almacenamiento remoto de archivos->

Page 79: Herramientas web 2.0
Page 80: Herramientas web 2.0

www.dotsub.com

<- Distribución de Contenidos->

Page 81: Herramientas web 2.0
Page 82: Herramientas web 2.0

www.elluminate.com

<- VideoConferencia Gratuita->

Page 83: Herramientas web 2.0
Page 84: Herramientas web 2.0

www.twitter.com

<- Mensajería Instantánea->

Page 85: Herramientas web 2.0
Page 86: Herramientas web 2.0

www.joomla.org

<- Gestión de Contenidos->

Page 87: Herramientas web 2.0
Page 88: Herramientas web 2.0

Otros RecursosGoogle calendar http://www.google.com/intl/es/googlecalendar/tour.html Googlemaps http://maps.google.es/ Libros VirtualesLa prestatgeria http://phobos.xtec.cat/llibres/prestatgeria/index.php Storybird. http://storybird.com/

Libros en 3DMyebook http://www.myebook.com

Page 89: Herramientas web 2.0

• Bubbleshare http://www.bubbleshare.com (cómic)

• Pixton http://pixton.com (cómic)• Glogster http://glogster.com • Scrapblog http://scrapblog.com • Google News http://news.google.es/nwshp?

hl=es&ned=es• Stilus http://stilus.daedalus.es/stilus.php

Page 90: Herramientas web 2.0

• Traductor Google http://www.google.es/language_tools?hl=es

• http://gliffy.com/ Editor on-line de diagramas, mapas conceptuales

• ArtPad http://artpad.art.com/artpad/painter/ Sencillo editor gráfico.

• Zoho http://www.zoho.com/ Paquete ofimático completo.

• dimdim, videocomunicación web.• WiZiQ. Clases virtuales web.• VyeW http://vyew.com/content/ Para

compartir on-line lo que se escribe.

Page 91: Herramientas web 2.0
Page 92: Herramientas web 2.0

EJEMPLOS DE WEB 2.0

Page 93: Herramientas web 2.0
Page 94: Herramientas web 2.0
Page 95: Herramientas web 2.0
Page 96: Herramientas web 2.0

REDES SOCIALES

Las herramientas y tecnologías de redes sociales permiten que gente con afinidades se encuentre mutuamente. Temas de confianza, reputación y privacidad en redes sociales digitales. Recursos de redes sociales, herramientas y aplicaciones.

Page 97: Herramientas web 2.0

• My Space. 109.3 millones de usuarios (50,2% mujeres y 49,8% hombres). Edad promedio desde los 14 a los 34 años.

• Facebook. 100.7 millones usuarios activos (hasta enero del 2008).Más de 14 millones de fotos añadidas diariamente.

• Photobucket. 2,000 millones de fotografías alojadas.

• Flickr. 2.000 millones de fotografías.• Bebo. 22.4 millones de usuarios.

REDES SOCIALES EN CIFRAS…

Page 98: Herramientas web 2.0

Ning http://www.ning.com/ Second Life http://www.secondlifespain.com/ Ravalnet "Xarxa Educativa del Raval"

http://xer.ravalnet.org MySpace. http://www.myspace.com/ FaceBook http://www.facebook.com/ Livemocha. http://www.livemocha.com/

Page 99: Herramientas web 2.0
Page 100: Herramientas web 2.0

¿Qué pasa en Latinoamérica?

Page 101: Herramientas web 2.0
Page 102: Herramientas web 2.0
Page 103: Herramientas web 2.0
Page 104: Herramientas web 2.0
Page 105: Herramientas web 2.0
Page 106: Herramientas web 2.0
Page 107: Herramientas web 2.0
Page 108: Herramientas web 2.0
Page 109: Herramientas web 2.0
Page 110: Herramientas web 2.0
Page 111: Herramientas web 2.0

Red social que permite:• conectar gente• subir imágenes • subir videos, • publicar notas, • contactar amigos, • obtener las últimas noticias de tus amigos,• configurar el alcance de tu privacidad, • Crear o unirse a una Grupo sobre un tema

determinado.• organizar un espacio propio y crear algo así como su

propia página web

Page 112: Herramientas web 2.0

• Mark Zuckerberg• Ex estudiante de

Harvard, cofundador y CEO de Facebook

• “Facebook es el sistema operativo social de la Web"

2004 ,

Page 113: Herramientas web 2.0

2007

• Una de las 20 páginas más visitadas de Internet• Primer sitio de redes sociales después de MySpace

(Rupert Murdoch)• 47 millones de usuarios• 200 mil nuevos usuarios diarios• unas de las redes sociales más dinámicas del

momento • primer sitio de intercambio de fotos, por delante de

Flickr.com.

Page 114: Herramientas web 2.0

2007

• Microsoft adquirió una participación de 1,6 por ciento en el capital de Facebook por 240 millones de dólares. (Dic. 2007)

• Su oferta se impuso a otra del buscador de Internet Google, que también negociaba para comprar una parte del sitio de redes sociales.

Page 115: Herramientas web 2.0

2008

• Mas de 100 millones de usuarios activos utilizan Facebook para mantener el contacto y compartir información)

• La versión española de Facebook se lanzo en febrero de 2008, actualmente tiene 12,4 millones de usuarios.

• Los usuarios suben a diario mas de 14 millones de fotografías a Facebook

Page 116: Herramientas web 2.0

2008

• En Estados Unidos, dos tercios de las 100 empresas mas importantes se anuncian en Facebook

• Facebook esta disponible actualmente en 28 lenguas y 60 dialectos distintos

• Facebook es la 4ta web mas activa del mundo, la primera red social y la primera plataforma de intercambio de fotos

Page 117: Herramientas web 2.0

¿Por qué se diferenció de otras plataformas?

• Según los analistas, Zuckerberg tomó dos decisiones acertadas que permitieron a su servicio distanciarse de otros tantos sitios similares de Internet.

Page 118: Herramientas web 2.0

• La segunda fue permitir a programadores ajenos a la empresa que diseñaran aplicaciones que los usuarios pudieran añadir a su perfil y que se quedaran con los ingresos publicitarios generados por ellas.

• La primera fue abrir la página a todos los usuarios de la red en septiembre 2006, ya que un principio estaba limitada al ámbito universitario.

Page 119: Herramientas web 2.0

En Facebook la información es filtrada por los amigos y las redes. El modelo no descansa en un motor de

búsqueda, sino en las redes sociales.

Page 120: Herramientas web 2.0

Tecnologías que dan vida a un proyecto Web 2.0:

Transformar software de escritorio hacia la plataforma del web.

Respeto a los estándares como el XHTML. Separación de contenido del diseño con uso de hojas de

estilo. Sindicación de contenidos. Ajax (javascript ascincrónico y xml). Uso de Flash, Flex o Lazlo. Uso de Ruby on Rails para programar páginas dinámicas. Utilización de redes sociales al manejar usuarios y

comunidades. Dar control total a los usuarios en el manejo de su

información. Proveer APis o XML para que las aplicaciones puedan ser

manipuladas por otros. Facilitar el posicionamiento con URL sencillos.

Page 121: Herramientas web 2.0

Ing. Mirko Manrique RoncerosIng. de Sistemas e InformáticaEspecialista en Tics y Tutoría Virtual

Email: [email protected]: www.puntovirtual.net