SlideShare ist ein Scribd-Unternehmen logo
1 von 17
WEB 1,0 
MAYRA PATIÑO BARRERA
¿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
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.
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
WEB 2,0 
MAYRA PATIÑO BARRERA
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.
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.
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.
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
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.
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
• 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:
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)
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
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
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
RELACIONES WEB 1,0 Y WEB 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

Weitere ähnliche Inhalte

Was ist angesagt? (18)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web y redes sociales -sena 10-2
Web y redes sociales -sena 10-2Web y redes sociales -sena 10-2
Web y redes sociales -sena 10-2
 
Web 1.0, 2.0, 3.0
Web 1.0, 2.0, 3.0Web 1.0, 2.0, 3.0
Web 1.0, 2.0, 3.0
 
Colegio san agustín
Colegio san agustínColegio san agustín
Colegio san agustín
 
Musica y ositos (web)
Musica y ositos (web)Musica y ositos (web)
Musica y ositos (web)
 
Web 2.0. características y herramientas.
Web 2.0. características y herramientas. Web 2.0. características y herramientas.
Web 2.0. características y herramientas.
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Redes 1
Redes 1Redes 1
Redes 1
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0 Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Web
WebWeb
Web
 
Web2
Web2Web2
Web2
 
características, ventajas y desventajas de la web 1.0, 2.0 y 3.0
características, ventajas y desventajas de la web 1.0, 2.0 y 3.0características, ventajas y desventajas de la web 1.0, 2.0 y 3.0
características, ventajas y desventajas de la web 1.0, 2.0 y 3.0
 
La web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillerminaLa web 2.0 bonacina.s tuma guillermina
La web 2.0 bonacina.s tuma guillermina
 
EJEMPLO WEB
EJEMPLO WEBEJEMPLO WEB
EJEMPLO WEB
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Evolución del web 1.0 y web 2.0
Evolución del web 1.0 y web 2.0Evolución del web 1.0 y web 2.0
Evolución del web 1.0 y web 2.0
 
Wed 1.0 2.0-3.0.
Wed 1.0 2.0-3.0.Wed 1.0 2.0-3.0.
Wed 1.0 2.0-3.0.
 

Andere mochten auch

Evolución de la web
Evolución de la webEvolución de la web
Evolución de la webdorisin27
 
El conciertazo[1][1]
El conciertazo[1][1]El conciertazo[1][1]
El conciertazo[1][1]Yeral Noguera
 
Upside - down house...an attraction
Upside - down house...an attractionUpside - down house...an attraction
Upside - down house...an attractionMakala D.
 
Lisbeth Wannebo, Gjermund Eikli Norsk Nettskole
Lisbeth Wannebo, Gjermund Eikli Norsk NettskoleLisbeth Wannebo, Gjermund Eikli Norsk Nettskole
Lisbeth Wannebo, Gjermund Eikli Norsk NettskoleFleksibel utdanning Norge
 
Ug huraaj bichih tuhai gantsengel
Ug huraaj bichih tuhai gantsengelUg huraaj bichih tuhai gantsengel
Ug huraaj bichih tuhai gantsengelgantsengel
 
Fase Planificacion
Fase PlanificacionFase Planificacion
Fase Planificacionralbarracin
 
Pål Presterud (Cicero) presentasjon på En grønn tråd
Pål Presterud (Cicero) presentasjon på En grønn trådPål Presterud (Cicero) presentasjon på En grønn tråd
Pål Presterud (Cicero) presentasjon på En grønn trådEnergiNorge
 
үзүүлэх хичээл
үзүүлэх хичээлүзүүлэх хичээл
үзүүлэх хичээлdoljio
 

Andere mochten auch (20)

Evolución de la web
Evolución de la webEvolución de la web
Evolución de la web
 
Articulo
ArticuloArticulo
Articulo
 
Marketing untuk pemula 2
Marketing untuk pemula 2Marketing untuk pemula 2
Marketing untuk pemula 2
 
Lecture 2
Lecture 2Lecture 2
Lecture 2
 
Kva tilbyr de? NELFO og Opplæringskontoret for elektrofag
Kva tilbyr de? NELFO og Opplæringskontoret for elektrofagKva tilbyr de? NELFO og Opplæringskontoret for elektrofag
Kva tilbyr de? NELFO og Opplæringskontoret for elektrofag
 
Evaluacion TIC
Evaluacion TICEvaluacion TIC
Evaluacion TIC
 
El conciertazo[1][1]
El conciertazo[1][1]El conciertazo[1][1]
El conciertazo[1][1]
 
Lsd
LsdLsd
Lsd
 
Pres paem
Pres paemPres paem
Pres paem
 
Upside - down house...an attraction
Upside - down house...an attractionUpside - down house...an attraction
Upside - down house...an attraction
 
The mind mind problem
The mind mind problemThe mind mind problem
The mind mind problem
 
Captura camera
Captura cameraCaptura camera
Captura camera
 
Lisbeth Wannebo, Gjermund Eikli Norsk Nettskole
Lisbeth Wannebo, Gjermund Eikli Norsk NettskoleLisbeth Wannebo, Gjermund Eikli Norsk Nettskole
Lisbeth Wannebo, Gjermund Eikli Norsk Nettskole
 
Ug huraaj bichih tuhai gantsengel
Ug huraaj bichih tuhai gantsengelUg huraaj bichih tuhai gantsengel
Ug huraaj bichih tuhai gantsengel
 
Like 2014214
Like 2014214Like 2014214
Like 2014214
 
Seeking Assynt
Seeking Assynt Seeking Assynt
Seeking Assynt
 
Fase Planificacion
Fase PlanificacionFase Planificacion
Fase Planificacion
 
Pål Presterud (Cicero) presentasjon på En grønn tråd
Pål Presterud (Cicero) presentasjon på En grønn trådPål Presterud (Cicero) presentasjon på En grønn tråd
Pål Presterud (Cicero) presentasjon på En grønn tråd
 
Aplicaciones web semántica
Aplicaciones web semánticaAplicaciones web semántica
Aplicaciones web semántica
 
үзүүлэх хичээл
үзүүлэх хичээлүзүүлэх хичээл
үзүүлэх хичээл
 

Ähnlich wie WEB 1.0 WEB 2.0 (20)

Alejandro barona
Alejandro baronaAlejandro barona
Alejandro barona
 
Tipos de web 1.0, 2.0,3.0
Tipos de web 1.0, 2.0,3.0Tipos de web 1.0, 2.0,3.0
Tipos de web 1.0, 2.0,3.0
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Recursos web
Recursos webRecursos web
Recursos web
 
Web 1
Web 1Web 1
Web 1
 
Web 1.0 vs web2.0
Web 1.0 vs web2.0Web 1.0 vs web2.0
Web 1.0 vs web2.0
 
La web 2.0
La web 2.0La web 2.0
La web 2.0
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Estandares web 2.0 nuevo
Estandares web 2.0 nuevoEstandares web 2.0 nuevo
Estandares web 2.0 nuevo
 
Web 2,0
Web 2,0Web 2,0
Web 2,0
 
Web 1.0, 2.0, 3.0.4.0
Web  1.0, 2.0, 3.0.4.0Web  1.0, 2.0, 3.0.4.0
Web 1.0, 2.0, 3.0.4.0
 
Primer trabajo
Primer trabajoPrimer trabajo
Primer trabajo
 
the most amazing history about the internet
the most amazing history about the internetthe most amazing history about the internet
the most amazing history about the internet
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
WEB 0.1 Y WEB 0.2
WEB 0.1 Y WEB 0.2WEB 0.1 Y WEB 0.2
WEB 0.1 Y WEB 0.2
 
Tipos de Web, Caracteristicas y Diferencias
Tipos de Web, Caracteristicas y DiferenciasTipos de Web, Caracteristicas y Diferencias
Tipos de Web, Caracteristicas y Diferencias
 
la internet y la tegnologia 11-2
la internet y la tegnologia 11-2la internet y la tegnologia 11-2
la internet y la tegnologia 11-2
 
La web (1)
La web (1)La web (1)
La web (1)
 

Kürzlich hochgeladen

UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptUNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptEduardoAntonio92
 
Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024MANUELFRITZLOPEZPUMA
 
Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.FernandoAlvaroSorian
 
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfUñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfCinthiaRivera31
 
¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!Yes Europa
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfhugorebaza00
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOIreneGonzalez603427
 
-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo VenezuelaJESUS341998
 
DECRETO 356 vigilancia y seguridad privada
DECRETO 356 vigilancia  y seguridad privadaDECRETO 356 vigilancia  y seguridad privada
DECRETO 356 vigilancia y seguridad privadagordonruizsteffy
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfNATHALIENATIUSHKAESP
 

Kürzlich hochgeladen (10)

UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptUNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
 
Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024
 
Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.
 
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfUñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
 
¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
 
-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela
 
DECRETO 356 vigilancia y seguridad privada
DECRETO 356 vigilancia  y seguridad privadaDECRETO 356 vigilancia  y seguridad privada
DECRETO 356 vigilancia y seguridad privada
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdf
 

WEB 1.0 WEB 2.0

  • 1. WEB 1,0 MAYRA PATIÑO BARRERA
  • 2. ¿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
  • 3. 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.
  • 4. 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
  • 5. WEB 2,0 MAYRA PATIÑO BARRERA
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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
  • 10. 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.
  • 11. 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
  • 12. • 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:
  • 13. 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)
  • 14. 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
  • 15. 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
  • 16. 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
  • 17. RELACIONES WEB 1,0 Y WEB 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