A.M.G.D.

Aplicaciones Web 2.0con

Software Libre

A.M.G.D.

Introducción – Web 2.0Introducción – Web 2.0

Dónde encuentro Web 2.0.

Leíste información de Wikipedia.

Viste o compartiste videos en YouTube.

Tienes un correo Gmail ó Yahoo.

Tienes perfil en MySpace, Hi5 ó Fotolog.

Jugaste un juego RPG, apoyado en foros.

Usaste Google Maps.

Has paseado por las calles de Second Life.

A.M.G.D.

¿Qué no es Web 2.0?¿Qué no es Web 2.0?

No es una versión de Web.

No es un protocolo de comunicaciones.

No es un lenguaje de programación.

No esta necesariamente vinculado a Internet.

NO

A.M.G.D.

¿Qué es Web 2.0?¿Qué es Web 2.0?

Es una filosofía de hacer las cosas.

Se basa en redes sociales y participación activa.

Genera una plataforma de interacción entre usuarios.

El usuario se convierte en Cliente Cliente ActivoActivo.

Nueva Evolución Tecno-Social

A.M.G.D.

En términos tecnológicosEn términos tecnológicos

Aplicaciones y páginas de internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red, dando al usuario el control de sus datos.

A.M.G.D.

Web 2.0Web 2.0

"todas aquellas utilidades y serviciosde Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (añadiendo, cambiando o borrando información o asociando datos a la información existente), bien en la forma de presentarlos, o en contenido y forma simultáneamente."- (Ribes, 2007)

A.M.G.D.

HistoriaHistoria

Web 1.0: Páginas Estáticas, acceso a documentos limitadamente.

Web 1.5: Páginas Dinámicas, acceso a información.

Web 2.0: Compartir información creando redes sociales.

“Lo que no se comparte, se pierde”

A.M.G.D.

PrincipiosPrincipios

Esta basado en los principios de:

Comunidad.

Tecnología

Arquitectura Modular

A.M.G.D.

Web 2.0 y Software LibreWeb 2.0 y Software Libre

Web 2.0 se ha construido apoyándose en S.L.

Servidores Linux de Google

Infraestructura de Blogs, Wikis, RSS, CMS y otra herramientas.

Comparten los mismos pilares:

participativa.

colaborativa.

abierta.

A.M.G.D.

Web 2.0 y Software LibreWeb 2.0 y Software Libre

Libertades de Software Libre:

Usar.

Estudiar.

Modificar.

Distribuir.

A.M.G.D.

Quienes usan Web 2.0Quienes usan Web 2.0

Google:

Google Doc http://docs.google.com

Gmail http://gmail.google.com

Google Adsense https://www.google.com/adsense

Blogger http://www.blogger.com/

Wikipedia http://www.wikipedia.org

Yahoo:

Flickr http://www.flickr.com/

A.M.G.D.

InfraestructuraInfraestructura

Compleja y Multi-disciplinaria

Software del servidor.

Sindicación de contenidos.

Protocolos de mensajes.

Navegadores basados en estándares.

Aplicaciones del cliente.

A.M.G.D.

¿Qué ha cambiado?¿Qué ha cambiado?

Paginas Personales

Paginas Vistas

Informar

CMS

Directorios (taxonomía)

Fidelización

Publicidad con Banners y Popups

Bítacoras

Coste por Clicks

Participar, compartir

Wikis

Etiquetas (folksonomia)

Sindicación

Publicación contextual

WEB 1.0 WEB 2.0

A.M.G.D.

MicromediosMicromedios

A.M.G.D.

Blogs y WikisBlogs y Wikis

Blogger www.blogger.com

WordPress www.wordpress.com

Wikipedia www.wikipedia.org

TikiWiki www.tikiwiki.org

WikiBlog www.wikyblog.com

A.M.G.D.

VideoCast y PostCastVideoCast y PostCast

YouTube (www.youtube.com)

PostCast (www.podcast-es.org)

EduCasting (www.educasting.info)

A.M.G.D.

TecnologíasTecnologías

CSS, marcado XHTML válido.

JCC : AJAX (XML y Javascript Asíncronos) y JSON.

XUL

Sindicación y agregación de datos RSS/Atom

URL's sencillas y con significado.

Soporte para comentar en un Blog.

Marshup (Aplicación Web Híbrida)

A.M.G.D.

CSS, Marcado XHTMLCSS, Marcado XHTML

WebDesigner www.oswd.org

Zend Garden www.csszengarden.com

XUL www.mozilla.org/projects/xul/

A.M.G.D.

JCCJCC

AJAX.

ModX http://www.modxcms.com

DojoToolkit http://dojotoolkit.org/

ExtJS http://extjs.com/

Jquery http://jquery.com/

Qooxdoo http://qooxdoo.org/

A.M.G.D.

MarshupMarshup

A.M.G.D.

MarshupMarshup

Flickr http://www.flickr.com/services/api/

Google Maps http://code.google.com/apis/maps/index.html

YouTube http://code.google.com/apis/youtube/overview.html

Más en http://techmagazine.ws/full-web-20-api-list/

A.M.G.D.

FrameworksFrameworks

Frameworks

Zend Framework.

CakePHP.

Symfony.

CodeIndigner.

Seagull.

PHPMVC.

A.M.G.D.

ResultadosResultados

A.M.G.D.

ResultadosResultados

A.M.G.D.

ResultadosResultados

A.M.G.D.

Educación y AprendizajeEducación y Aprendizaje

Centralizada en el maestro.

Estimulo en un solo sentido.

Progreso en un solo camino.

Medio de comunicación único.

Trabajo individual.

Centralizada en el Alumno.

Estimulo multi-sensorial.

Progreso por muchos caminos.

Distintos medios. Multimedia.

Trabajo Colectivo

A.M.G.D.

Educación y AprendizajeEducación y Aprendizaje

Transmisión de Información.

Aprendizaje pasivo.

Aprendizaje fáctico, basado en saberes.

Respuesta reactiva.

Contexto artificial aislado.

Intercambio de información

Aprendizaje activo.

Pensamiento crítico, toma de decisiones.

Acción proactiva / planeada.

Contexto autentico del mundo real.

A.M.G.D.

Educación y Web 2.0Educación y Web 2.0

Wiki diccionario http://es.wiktionary.org/wiki

Wiki libros http://es.wikibooks.org/wiki

Wiki citas http://es.wikiquote.org/wiki

Wiki biblioteca http://es.wikisource.org/wiki

Wiki especies http://species.wikimedia.org

Wiki noticias http://es.wikinews.org

A.M.G.D.

Educación y Web 2.0Educación y Web 2.0

Wiki imagen http://commons.wikimedia.org

Wiki universidad http://es.wikiversity.org

SlideShare http://www.slideshare.net

PHPWebQuest http://www.phpwebquest.org

Del.icio.us http://del.icio.us

YouTube http://www.youtube.com

Grimm http://www.proyectogrimm.net/

A.M.G.D.

Comentarios y PreguntasComentarios y Preguntas