¿Qué es la Web 2.0?

• Término que se atribuye a Tim O'Reilly para referirse a una segunda generación de web
• Características centrales:
  • Servicios Web
  • Redes Sociales
  • bLogs (Web-logs)
  • Wikis
  • Folcsonomías
• Contrasta con el concepto original de la web de páginas estáticas HTML que no son actualizadas frecuentemente.
• Los sitios de la Web 2.0 son más bien punto de encuentro
• Los sitios de la Web 2.0 dependen más de los usuarios

http://es.wikipedia.org/wiki/Web_2.0

Servicios Web

• Un servicio web (en inglés web service) es un conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones.
• Distintas aplicaciones de software desarrolladas en lenguajes de programación diferentes, y ejecutadas sobre cualquier plataforma, pueden utilizar los servicios web para intercambiar datos en redes de computadores como Internet.
• La interoperabilidad se consigue mediante la adopción de estándares abiertos. Las organizaciones OASIS y W3C son los comités responsables de la arquitectura y reglamentación de los servicios web.

Redes Sociales

• Una red social es una estructura social que se puede representar en forma de uno o varios grafos en el cual los nodos representan individuos (a veces denominados actores) y las aristas relaciones entre ellos.
• Las relaciones pueden ser de distinto tipo, como intercambios financieros, amistad, relaciones sexuales o rutas aéreas.
• Tambien es el medio de interaccion de distintas personas como por ejemplo juegos en línea, chats, foros, spaces, etc.

http://es.wikipedia.org/wiki/Redes_sociales

Blogs

• Un blog, o en español bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.
• El término blog proviene de las palabras web y log (weblog; log en inglés significa diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida como si fuese un diario, pero publicado en Internet.

http://es.wikipedia.org/wiki/Blog

Wikis

• Un o una wiki, es un sitio web cuyas páginas pueden ser editadas por múltiples voluntarios a través del navegador. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten.
• Los textos o páginas wiki tienen títulos únicos. Si se escribe el título de una página wiki en algún lugar del mismo, esta palabra o frase se convierte en un enlace (link) a la página web.

http://es.wikipedia.org/wiki/Wiki

Folcsonomías

• Es una indexación profesional, es decir, la clasificación colaborativa por medio de etiquetas simples en un espacio de nombres llano, sin jerarquías ni relaciones de parentesco predeterminadas. Se trata de una práctica que se produce en entornos de software social cuyos mejores exponentes son los sitios compartidos como del.icio.us (enlaces favoritos), Flickr (fotos), Tagzania (lugares), flof (lugares) o 43 Things (deseos).
• Si se compara con otros sistemas de categorización, como el de Gmail que también se basa en etiquetas, se distingue en que los usuarios comparten las categorizaciones, lo que no sucede en Gmail.
• Las folcsonomías surgen cuando varios usuarios colaboran en la descripción de un mismo material informativo. Por ejemplo, en del.icio.us muchas personas han guardado la Wikipedia marcándola con diferentes etiquetas, pero coincidiendo la mayoría en reference, wiki y encyclopedia.
• Derivado de taxonomía, el término folksonomy ha sido atribuido a Thomas Vander Wal. Taxonomía procede del griego "taxis" y "nomos": Taxis significa clasificación y nomos (o nomia), ordenar, gestionar; por su parte, "folc" proviene del alemán pueblo (Volk). En consecuencia, de acuerdo con su formación etimológica, folcsonomía (folc+taxo+nomía) significa literalmente clasificación gestionada por el pueblo o democrática.

http://es.wikipedia.org/wiki/Folcsonom%C3%ADa

Web 2.0: una definición

Todas aquellas utilidades y servicios de 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)

http://es.wikipedia.org/wiki/Web_2.0

Caracteriza a la Web 2.0

• Hojas de estilo en cascada (CSS)
• XHTML
• Información que se puede introducir y extraer fácilmente
• El usuario controla su propia información
• Navegadores basados en estándares
• Navegadores basados en estándares
• Navegadores basados en estándares

Hojas de Estilo en Cascada

• Lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
• La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

/* w3c-blue.css

   Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
   W3C liability, trademark, document use and software licensing
   rules apply, see:

   http://www.w3.org/Consortium/Legal/copyright-documents
   http://www.w3.org/Consortium/Legal/copyright-software
*/
body
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 100%;
  color: black;
  background-color: white;
  font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
  font-size: 14pt;
}

div.toolbar {
  position: fixed; z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 1.2em; text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 60%;
  color: red; background: rgb(240,240,240);
}
 

XHTML. Ejemplo de una lista ordenada

<div style="margin-left:1em; margin-right:1em; border:solid thin; background-color:#eef">
<h3>Frutas</h3>
<ol>
    <li>Ananá</li>
    <li>Banana</li>
    <li>Ciruela</li>
    <li>Damasco</li>
</ol>
</div>
 

<div style="margin-left:1em; margin-right:1em; border:solid thin; background-color:#eef">
<h3>Frutas</h3>
<ol>
    <li>Ananá
    <li>Banana
    <li>Ciruela
    <li>Damasco

</div>