Internet, un poco de historia

Los orígenes de Internet

En 1957 se creo la ARPA (Advanced Research

Projects Agency) del Departamento de

Defensa de Estados Unidos.

1969 una la red de cuatro ordenadores (que se

denominaría ARPANET) basada en

intercambio de pequeños trozos de

información (paquetes) empezó a funcionar. información (paquetes) empezó a funcionar.

película Juegos de guerra

(título original: WarGames)

1983,

JANET

• La transmisión por paquete de datos se adoptó en otras redes. La red universitaria del Reino Unido (JANET) y la red pública norteamericana CompuServe permitían enviar y recibir ficheros.

distintas redes.

�diferentes protocolos

• Se creo en el 1974 el TCP/IP un

sistema que enmascaraba las

diferencias entre protocolos de red.

recibir ficheros.

La creación de la web mundial1991 - Gopher (Universidad de

Minnesota )

•Intercambio ficheros

•pago de una licencias de utilización.

1993 - World Wide Web (Consejo Europeo de

Investigación NuclearInvestigación Nuclear

•sistema el texto con enlaces (denominado hipertexto)

•de dominio público

1991 - Mosaic (Centro Nacional para

Aplicaciones de Supercomputación)

•programa que era una combinación de

navegador web y cliente Gopher

Las "guerras de los navegadores"

• en 1994 los creadores de Mosaic, fondaron Netscape CommunicationsCorporation, y publicaron el navegador Netscape. 1.0.

• A partir de un proyectos de investigación • A partir de un proyectos de investigación en universidades y corporaciones, se creó la primera versión del navegador Opera en 1994.

• A partir del mismo codigo (Mosaic) se comercializo Internet Explorer (1995).

La aparición de los estándares web

• Durante las guerras de los navegadores, Microsoft y Netscape se centraron en la implementación de nuevas funciones propias.

• los desarrolladores se veían forzados a construir dos páginas diferentes, para cada uno de los dos principales navegadores,

La formación del W3C

• En 1994, se fundó el World Wide Web

Consortium (W3C). La misión era uniformar los protocolos y para construir la web, de manera que el contenido estuviera disponible para la mayor parte posible de la disponible para la mayor parte posible de la población del mundo.

• El W3C publicó varias especificaciones como el HTML 4.0, el formato para imágenes PNG y el CSS (hojas de estilo en cascada).

Accessibilidad

Internet

Wifi

WimaxSatelite

ADSL

4G

Servicios web

Tipos de servicios web

Personal Entertaiment Web Application

Streaming Web TV Compra-venta

Otros servicios web

• E-mail

• News RSS

• Chat

Como funcionan Internet y las

paginas webpaginas web

¿Cómo se comunican los ordenadores

a través de Internet?•las páginas están escritas en HTML, que pasa de un sitio

a otro utilizando un protocolo común: HTTP.

•El HTTP es el dialecto común de Internet que permite,

que un equipo con Windows se pueda conectar con un

Linux etc…

Un navegador web es un

software que interpreta el HTTP

y entrega el HTML en una

manera legible para los

humanos

¿Cómo se comunican los ordenadores

a través de Internet?• Un equipo cliente (como vuestro ordenador) hace una petición de una

página web a un servidor.

• Un servidor es un ordenador donde residen las páginas web;

• cuando se escribe una dirección web en el navegador, un servidor recibe la

petición, encuentra la página web que deseáis y la envía al ordenador para

que se vea en vuestro navegador.que se vea en vuestro navegador.

Direcciones IP y nombres de

dominios

• Las direcciones IP (Internet Protocol address)

identifican de forma univoca cualquier

dispositivo connectado a Internet.

• Es un grupo de cuatro números (del 0 al 255) • Es un grupo de cuatro números (del 0 al 255)

separados por un punto (difícil de recordar!!).

Direcciones IP y nombres de dominio

• Un nombre de dominio es la versión en texto de una dirección IP.

• Un servidor de dominio (DNS-Domain NameServer) traslada un nombre de dominio a la correspondiente dirección IP al fin de permitir la entrega de la información al ordenador correcto.

Paginas web• Una pagina web tiene una dirección única llamada URL

(Uniform Resource Location) o dirección Web.

• Una URL esta compuesta por :

– Protocol

– Nom de dominio

– Camínos de directorios del servidor (el ordenador que lo contiene)

– Pàgina Web

Protocolo

http://www.ub.edu/web/ub/ca/index.html

Nombre del dominio Directorio del servidor Pagina web

Nombres de dominio

• La ICANN es la organización responsable de la administración de los nombres de dominios y de las direcciones Nivel 1

nombres de dominios y de las direcciones IP de nivel 1.

• Cada organización o empresa gestiona su dominio (ej. Microsoft al nivel 2)

Nivel 1

Nivel 2

Contenido de una pagina web

El hipertexto

• El WWW es un sistema de informaciones de Hipertextos

• La navegación:– Estructura non-lineare (no es un libro)

– Se puede elegir que leer a cada paso, clicando en enlaces– Se puede elegir que leer a cada paso, clicando en enlaces

• Características– Grafica

– Fácil de usar

– Multiplataforma

– Dinámica/interactiva

– Multi-funcional

Tipos de contenido

Las herramientas básicas de la web son tres : HTML, CSS y JavaScript:

1. HTML (Lenguaje de marcado de hipertexto) divide un documento, especifica sus contenidos y su estructura, y define el significado de cada parte. Utiliza elementos (Tags) cada parte. Utiliza elementos (Tags) para identificar los diferentes componentes de una página.

2. CSS (hojas de estilo en cascada) son declaraciones de estilo que permiten cambiar como se visualiza un elemento.

3. El lenguaje JavaScript aporta 3. El lenguaje JavaScript aporta funciones dinámicas a las páginas web.

Son pequeños programas que no requieren ningún software especial instalado.

permite añadir algunas funciones básicas e interactividad, pero tiene limitaciones, para seguridad.

Ejemplo de pagina HTML

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>

<BODY BGCOLOR="FFFFFF">

<CENTER><IMG SRC="clouds.jpg" ALIGN="BOTTOM"></CENTER>

<HR>

<a href="http://somegreatsite.com">Link Name</a> <a href="http://somegreatsite.com">Link Name</a>

is a link to another nifty site

<H1>This is a Header</H1>

<H2>This is a Medium Header</H2>

Send me mail at <a href="mailto:support@yourcompany.com">

support@yourcompany.com</a>.

<P> This is a new paragraph!

<P> <B>This is a new paragraph!</B>

<BR> <B><I>This is a new sentence without a paragraph break, in bold italics.</I></B>

<HR>

</BODY>

</HTML>

Páginas web dinámicas

• Existen también paginas web que no tienen una

extensión .html (php. asp, .aspx, .jsp,…).

• Son páginas web dinámicas:

– muestra diferentes resultados según los valores que reciba.– muestra diferentes resultados según los valores que reciba.

Plugins• Los navegadores pueden y mostrar determinados estándares web.

• Si se solicita un formato de archivo complejo o a una página web que

contiene una tecnología que requiere conectores (plugins),

– se descargará en vuestro ordenador

– o se abrirá utilizando el conector necesario si el navegador lo tiene instalado.

HTML5

� El HTML5 es el nuevo Standard para el HTML (W3S).

� El HTML5 aun esta evolucionando. Pero, ya tiene el

suporte de las mayorías de browser

� Sus funcionalidades se basan en HTML, CSS, JavaScript

� El objetivo es reducir la necesidad de plugin externos

(como el Flash)

� HTML5 debería ser independerte del hardware

Audio

Video

Drag and Drop

Geolocalization

Juegos

WebGL

Internet en la sociedad

Tele-trabajo

Tele-medicina

Educacion a distancia

Trabajo collaborativo

Compras por web

Publicidad mas personalizada

Democracia y voto

Problemas abiertos

Privacy de los datos

Seguredad datos / identidad

Proteccion menores

Futuro de Internet

La Web 1.0, es un sistema de

documentos de hipertextos que van

enlazados.

Las paginas Web contienen textos,

imágenes, videos, entre otros[noticias, tiendas…]

La Web 2.0, los usuarios delLa Web 2.0, los usuarios del

portal son los mismos

productores de contenidos.

Comprende aquellos sitios web

que facilitan el compartir

información Se basa en la

collaboracion de los usuarios.

[red social, wikipedia…etc…]

La Web 3.0

El software es capaz de procesar el

contenido web, razonar con este,

combinarlo y realizar deducciones

lógicas para resolver problemas

cotidianos automáticamente.

• La ubicación geográfica desde la que el usuario envía su pregunta es detectada de forma automática

• elementos de la busqueda como "mañana", se convierten en un día concreto calculado en función de un "hoy".

• El segundo "mañana", sería interpretado como un momento determinado del día.

• � El resultado final sería la obtención de forma rápida y sencilla de todos los vuelos a Praga para mañana por la mañana.

Web 3.0

• QUE ES ?– la Web se convierte en una fuente de información que se

puede buscar de forma fácil e sobre todo inteligente. Cualquier usuario en Internet podrá encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información mejor definida. una información mejor definida.

• A que sirve?– Para obtener soluciones a problemas habituales en la

búsqueda de información gracias a la utilización de una infraestructura común

• Como se obtiene?– Transformando la información de internet en una base de

datos compatible, usando formatos de datos “estructurados” con marcadores (como XML, RDF y OWL )

Caracteristicas web 3.0

• Web semantica

– la transformación de la Web en una base de datos

inteligente, para que el contenido sea accesible para

múltiples buscadores.

• Inteligencia artificial

– Aplicaciones, crear razonamientos lógicos utilizando

reglas que expresan relaciones lógicas entre conceptos y

datos en la red

• Evolución al 3D

– transformación de la Web en una espacios 3D, (ej mundo

virtual “Second Life”). Permite nuevas formas de

conectar y colaborar, utilizando espacios

tridimensionales.

Las ocho pistas que da Google para

conocer el futuro de internet• 1. El gran cambio está por venir

– "Internet empezó en 1993, pero lo vivido hasta ahora no ha sido nada comparado con lo que vendrá próximamente",

• 2. La revolución ya no tiene freno– La nueva era digital ya está en marcha Quien no se – La nueva era digital ya está en marcha Quien no se

renueve, morirá”

• 3. Toda la humanidad tendrá acceso a la Red– La previsión es que internet estara al alcance de cualquier

individuo en menos de una década.

• 4. Los móviles son los dispositivos estrella– los móviles serán las tarjetas de crédito del futuro y

también la identidad de los usuarios

Las ocho pistas que da Google para

conocer el futuro de internet• 5. Lo virtual y lo real se unirán más

– la televisión estará conectada con el móvil y será controlada a través de él, igual que las neveras o los coches, y también un mundo que permita mandar e-mails desde unas gafa

• 6. La economía digital creará riqueza y empleo– la economía digital, por definición, va a generar más – la economía digital, por definición, va a generar más

oportunidades, que van a poder aprovechar la Red para generar más riqueza y empleo".

• 7. El consumidor cada vez será más poderoso– la innovación digital está generada por el consumidor y es

seguida por las empresas, que copian lo que el consumidor hace"

• 8. La publicidad tomará un nuevo rumbo– En el futuro el anunciante solo pagará por el anuncio que vea el

usuario

Recursos web y Bibliografia

• “Introducción al currículo de estándares web/contenidos “,B. Buchanan, T. Hughes-Croucher, M. N.Francis, L. Goin, P. Haine, J. Hanen, B. Hawkes-Lewis, B. Henick, C. Heilmann, R. Johansson, P. Koch, J. Lane, T. Olsson, N. Sullivan y M. West., Universidad Obertade Catalunya, http://mosaic.uoc.edu/ac/le/es/m2/ud5/index.html

• “Estudio de Accesibilidad a la Red”, Romero, Alcantud y Ferrer. Universitat de Valencia; Universitat de Valencia; http://acceso.uv.es/accesibilidad/Estudio/criterios.htm

• http://es.wikipedia.org/wiki/Web_3.0

• “Historia del Internet y la Web”, Universidad de Los Andes, Facultad de Humanidades y Educación, Dayaric Rangel

• “Las ocho pistas que da Google para conocer el futuro de internet” http://noticias.lainformacion.com/economia-negocios-y-finanzas/las-ocho-pistas-que-da-google-para-conocer-el-futuro-de-internet_DWvPekiQ2VVKgsxiYaozb6/

• Curso “FONAMENTS DE TECNOLOGIA (FDT)”, Inmaculada Rodríguez Santiago, Departament de Matemàtica Aplicada i Anàlisi, Facultatde Matemàtiques, UB

El taller

• Creación de una pagina web

• Imágenes

• Animaciones

• Geo-posicionamento• Geo-posicionamento

• Juegos

• Y mas…

Gracias por su atención