la web 2.0 - animaciones

28
LOGO La Web y su Evolución 1.0 - 2.0 - 3.0

Upload: jairoandresbl

Post on 06-Jul-2015

39 views

Category:

Education


2 download

DESCRIPTION

Web 2.0

TRANSCRIPT

Page 1: La web 2.0 - Animaciones

LOGO

La Web y su Evolución1.0 - 2.0 - 3.0

Page 2: La web 2.0 - Animaciones

LOGO

Agenda

Historia del Internet.1

La Web 1.02

La Web 2.03

La Web 3.04

Page 3: La web 2.0 - Animaciones

LOGO

Un poco de historia

1957.

Agencias de proyectos

de investigaciones

avanzadas. (ARPA).

1967

Hombre llega a la luna

y empieza la era de las

comunicaciones

globales.

Page 4: La web 2.0 - Animaciones

LOGO

Un poco de historia

Page 5: La web 2.0 - Animaciones

LOGO

Un poco de historia

1969.

ARPA crea ARPAnet.

1990

ARPAnet desaparece.

• MILNET : Carácter militar

• INTERNET : Pública,

orientada al mundo

académico, científico e

industrial.

Page 6: La web 2.0 - Animaciones

LOGO

Internet.

Internet es una red de computadoras, formada a

su vez por muchas redes independientes, que se

pueden comunicar unas con otras, intercambiar

mensajes y compartir información en forma de

archivos.

Page 7: La web 2.0 - Animaciones

LOGO

Servicios del Internet.

Correo Electrónico (E-Mail) - Listas de correos

World Wide Web (WWW), el uso de multimedios

Transferencia de archivos (FTP)

Buscadores

News

Conferencias (Chat services) y Talk

Otros servicios

Ping

Telnet

Central de fax, Voz y vídeo, etc.

Page 8: La web 2.0 - Animaciones

LOGO

Agenda

Historia del Internet.1

La Web 1.02

La Web 2.03

La Web 3.04

Page 9: La web 2.0 - Animaciones

LOGO

La Web 1.0.

1991.

Tim Berners Lee, crea la Word Wide Web (WWW).

Nace un sistema de Hipertexto para compartir

documentos. HyperText Markup Language.

Page 10: La web 2.0 - Animaciones

LOGO

Definición Web1.0.

Sistema basado en hipertexto, que permite

clasificar información de diversos tipos , conocido

como la gran telaraña mundial.

• Funciona por hipertexto y gráficos e incluye efectos

multimedios

• Es considerado como el acceso más sencillo y

comprensible al universo de la información

disponible en Internet

• Enlaza páginas o documentos localizados en la red

sin importar su ubicación física o geográfica.

Page 11: La web 2.0 - Animaciones

LOGO

Elementos Web1.0.

Páginas Web estáticas.

El uso de Framesets(Etiqueta HTML: Define los

atributos de una página que va a usar marcos.)

Extensiones propias del HTML como el parpadeo

y las marquesinas, etiquetas introducidas durante

la guerra de navegadores web.

Page 12: La web 2.0 - Animaciones

LOGO

Elementos Web1.0.

Libros de visitas online

o guestbooks.

Botones GIF.

Formularios HTML

enviados vía email.

Page 13: La web 2.0 - Animaciones

LOGO

Características Web1.0.

Poco productores de contenidos.

Muchos lectores de éstos contenidos.

La actualización no era periódica

Page 14: La web 2.0 - Animaciones

LOGO

Agenda

Historia del Internet.1

La Web 1.02

La Web 2.03

La Web 3.04

Page 15: La web 2.0 - Animaciones

LOGO

La Web 2.0.

Segunda generación de Web basada en

comunidades de usuarios.

Se pasa de una web informativa a una web social

y participativa.

Aparecen aplicaciones web enfocadas al usuario

final y súper sencillas.

Basa su desarrollo en los conocidos CMS.

Page 16: La web 2.0 - Animaciones

LOGO

Qué es un CMS.

Un sistema de gestión de contenidos que

permite la creación y administración de

contenidos.

Interfaz que controla una o varias bases de datos

donde se aloja contenidos.

Existe independencia en el contenido y diseño.

Page 17: La web 2.0 - Animaciones

LOGO

Ejemplos de CMS.

Page 18: La web 2.0 - Animaciones

LOGO

Evolución CMS.

Paginas estáticas (HTML). Edición a mano.

Difícil actualización. Contenido y diseño unidos.

Paginas dinámicas (CGI). Gestores complicados

Poca flexibilidad.

Paginas dinámicas (PHP, ASP, Java). Gran flexibilidad.

Crecimiento de las comunicaciones de usuario

Separación total entre presentación y contenido.

Page 19: La web 2.0 - Animaciones

LOGO

Evolución CMS.

Page 20: La web 2.0 - Animaciones

LOGO

Los CMS.

Page 21: La web 2.0 - Animaciones

LOGO

Características Web2.0

El usuario es el centro

Protagonista usuario que crea y comparte

Participación:

Conocimiento compartido en base a la suma de

esfuerzos individuales

Cuantos más usuarios comparten mayor utilidad del

servicio

Usabilidad

No es necesario grandes conocimientos técnicos.

Page 22: La web 2.0 - Animaciones

LOGO

Tecnologías Web2.0

Google.

Emule.

Wikipedia.

Ebay.

Youtube.

Skype.

Blogger.

Flickr.

Delicious.

Evernote.

Slideshare.

Blogger.

Evernote.

Page 23: La web 2.0 - Animaciones

LOGO

Tecnologías Web2.0

Page 24: La web 2.0 - Animaciones

LOGO

Tecnologías Web2.0

Page 25: La web 2.0 - Animaciones

LOGO

Diferencias.

Page 26: La web 2.0 - Animaciones

LOGO

Agenda

Historia del Internet.1

La Web 1.02

La Web 2.03

La Web 3.04

Page 27: La web 2.0 - Animaciones

LOGO

Taller en Clase.

Realizar el siguiente taller en clases.

En un archivo de word realizar la siguiente

investigación:

• Definir que es la Web 3.0.

• Características de la Web 3.0

• Ventajas de la web 3.0

• Existe la Web 4.0 ??

Page 28: La web 2.0 - Animaciones

LOGOIng. Marlon Altamirano Di Luca.