17
WEB 1,0 MAYRA PATIÑO BARRERA

Mayra web 1.0 y 2.0

Embed Size (px)

Citation preview

Page 1: Mayra web 1.0 y 2.0

WEB 1,0MAYRA PATIÑO BARRERA

Page 2: Mayra web 1.0 y 2.0

¿QUE ES?

Web 1.0 se refiere a un estado de la Word Wide Web, y cualquier página web diseñada con un estilo anterior del fenómeno de la Web 2.0. Es en general un término que ha sido creado para describir la Web antes del impacto de la «fiebre punto com» en el 2001, que es visto por muchos como el momento en que el internet dio un giro.1

Page 3: Mayra web 1.0 y 2.0

Elementos de diseño Web 1.0 Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:

Páginas estáticas en vez de dinámicas por el usuario que la visita3

El uso de framesets o Marcos.

Extensiones propias del HTML como <blink> y <marquee>, etiquetas introducidas durante la guerra de navegadores web.

Libros de visitas en línea o guestbooks

Botones GIF, casi siempre a una resolución típica de 88x31 pixels en tamaño promocionando navegadores web u otros productos.4

Formularios HTML enviados vía correo electrónico. Un usuario llenaba un formulario y después de hacer clic se enviaba a través de un cliente de correo electrónico, con el problema que en el código se podía observar los detalles del envío del correo electrónico.5

No se podían añadir comentarios ni nada parecido

Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban.

No se trata de una nueva versión, sino de una nueva forma de ver las cosas.

Page 4: Mayra web 1.0 y 2.0

ELEMENTOS DE DISEÑO

• Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:

• Páginas estáticas en vez de dinámicas por el usuario que la visita3

• El uso de framesets o Marcos.• Extensiones propias del HTML como <blink>

y <marquee>, etiquetas introducidas durante la guerra de navegadores web.

• Libros de visitas en línea o guestbooks• Botones GIF, casi siempre a una resolución

típica de 88x31 pixels en tamaño promocionando navegadores web u otros productos.4

Page 5: Mayra web 1.0 y 2.0

WEB 2,0MAYRA PATIÑO BARRERA

Page 6: Mayra web 1.0 y 2.0

WEB 2.0

• El término Web 2.0 comprende aquellos sitios web que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario1 y la colaboración en la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual, a diferencia de sitios web estáticos donde los usuarios se limitan a la observación pasiva de los contenidos que se han creado para ellos.

Page 7: Mayra web 1.0 y 2.0

DEFINICION DE LA WEB 2.0

• La Web 2.0 no es más que la evolución de la Web o Internet en el que los usuarios dejan de ser usuarios pasivos para convertirse en usuarios activos, que participan y contribuyen en el contenido de la red siendo capaces de dar soporte y formar parte de una sociedad que se informa, comunica y genera conocimiento.

Page 8: Mayra web 1.0 y 2.0

INTRODUCCION DE LA WEB 2.0

• Tim Berners-Lee y Robert Cailliau crearon la web alrededor de 1990, durante estas dos últimas décadas ha sufrido una evolución extraordinaria y asombrosa, apareciendo en 2004 el concepto de Web 2.0 fruto de esta evolución de la tecnología.

• Antes de la llegada de las tecnologías de la Web 2.0 se utilizaban páginas estáticas programadas en HTML (Hyper Text Markup Language) que no eran actualizadas frecuentemente. El éxito de las .com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los sistemas de gestión de contenidos servían páginas HTML dinámicas creadas al vuelo desde una base de datos actualizada. En ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como factores.

Page 9: Mayra web 1.0 y 2.0

ORIGEN DEL TERMINO • El término fue utilizado por primera vez por Darcy DiNucci en 1999, en su artículo "Fragmented future",3 aunque no fue hasta 2004 cuando Tim O'Reilly lo hizo popular. El término acuñado por Darcy DiNucci fue popularizado más tarde por Dale Dougherty de O'Reilly Media en una tormenta de ideas con Craig Cline de MediaLive para desarrollar ideas para una conferencia. Dougherty sugirió que la web estaba en un renacimiento, con reglas que cambiaban y modelos de negocio que evolucionaban. Dougherty puso ejemplos — "DoubleClick era la Web 1.0; AdSense es la Web 2.0. Ofoto es Web 1.0; Flickr es Web 2.0." — en vez de definiciones, y reclutó a John Battelle para dar una perspectiva empresarial, y O'Reilly Media, Battelle, y MediaLive lanzó su primera conferencia sobre la Web 2.0 en octubre de 2004. La segunda conferencia se celebró en octubre de 2005

Page 10: Mayra web 1.0 y 2.0

CARACTERISTICAS • La Web 2.0 se caracteriza principalmente por la participación

del usuario como contribuidor activo y no solo como espectador de los contenidos de la Web (usuario pasivo). Esto queda reflejado en aspectos como:

• El auge de los blogs.• El auge de las redes sociales.• Las webs creadas por los usuarios, usando plataformas de

auto-edición.• El contenido agregado por los usuarios como valor clave de la

Web.• El etiquetado colectivo (folcsonomía, marcadores sociales...).• La importancia del long tail.• El beta perpetuo: la Web 2.0 se inventa permanentemente.• Aplicaciones web dinámicas.

Page 11: Mayra web 1.0 y 2.0

SERVICIOS ASOCIADOS • ara compartir en la Web 2.0 se utilizan una serie de

herramientas, entre las que se pueden destacar:

• Blogs: Un blog es un espacio web personal en el que su autor (puede haber varios autores autorizados) puede escribir

• Herramientas de la web 2.0• cronológicamente artículos, noticias...(con imágenes

videos y enlaces), pero además es un espacio colaborativo donde los lectores también pueden escribir sus comentarios a cada uno de los artículos (entradas/post) que ha realizado el autor. La blogosfera es el conjunto de blogs que hay en internet. Como servicio para la creación de blogs destacan Wordpress.com y Blogger.com

Page 12: Mayra web 1.0 y 2.0

• Redes sociales: Sitios web donde cada usuario tiene una página donde publica contenidos y se comunica con otros usuarios. Ejemplos: Facebook, Twitter, Tuenti, Hi5, Myspace,instagram, entre otras. También existen redes sociales profesionales, dirigidas a establecer contactos dentro del mundo empresarial (LinkedIn, Xing, eConozco, Neurona...).

• Entornos para compartir recursos: Entornos que nos permiten almacenar recursos o contenidos en Internet, compartirlos y visualizarlos cuando nos convenga. Constituyen una inmensa fuente de recursos y lugares donde publicar materiales para su difusión mundial. Existen de diversos tipos, según el contenido que albergan o el uso que se les da:

Page 13: Mayra web 1.0 y 2.0

TECNOLOGIA DE WEB 2.0• Se puede decir que una web está construida usando tecnología

de la Web 2.0 si posee las siguientes características:

• Web 2.0 buzz words• Técnicas:• CSS, marcado XHTML válido semánticamente y Microformatos• Técnicas de aplicaciones ricas no intrusivas (como AJAX)• Java Web Start• Redifusión/Agregación de datos en RSS/ATOM• URLs sencillas con significado semántico• Soporte para postear en un blog• JCC y APIs REST o XML• JSON• Algunos aspectos de redes sociales• Mashup (aplicación web híbrida)

Page 14: Mayra web 1.0 y 2.0

GENERAL

• El sitio debe estar listo para la entrada de cualquier persona

• El sitio no debe actuar como un "jardín sin cosechar inminentemente": la información debe poderse introducir y extraer fácilmente

• Los usuarios deberían controlar su propia información

• Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador

• La existencia de links es requisito imprescindible

Page 15: Mayra web 1.0 y 2.0

El sitio debe estar listo para la entrada de cualquier persona• El sitio no debe actuar como un "jardín sin

cosechar inminentemente": la información debe poderse introducir y extraer fácilmente

• Los usuarios deberían controlar su propia información

• Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador

• La existencia de links es requisito imprescindible

Page 16: Mayra web 1.0 y 2.0

SOTFWARE DE SERVIDOR

• La redifusión solo se diferencia nominalmente de los métodos de publicación de la gestión dinámica de contenido, pero los servicios Web requieren normalmente un soporte de bases de datos y flujo de trabajo mucho más robusto y llegan a parecerse mucho a la funcionalidad de Internet tradicional de un servidor de aplicaciones. El enfoque empleado hasta ahora por los fabricantes suele ser bien un enfoque de servidor universal, el cual agrupa la mayor parte de la funcionalidad necesaria en una única plataforma de servidor, o bien un enfoque plugin de servidor Web con herramientas de publicación tradicionales mejoradas con interfaces API y otras herramientas. Independientemente del enfoque elegido, no se espera que el camino evolutivo hacia la Web 2.0 se vea alterado de forma importante por estas opciones

Page 17: Mayra web 1.0 y 2.0

• Web 1.0 Web 2.0• DoubleClick AdSense• Ofoto Flickr• Terratv YouTube• Akamai BitTorrent• Napster Mp3.com• Enciclopedia Británica Wikipedia• webs personales blogging• Páginas vistas coste por clic• screen scraping servicios web• Publicación participación• Sistema de gestión de contenidos wiki• hotmail Gmail AOL• directorios (taxonomía) etiquetas (folcsonomía)• stickiness redifusión

RELACIONES WEB 1,0 Y WEB 2,0