UNIDAD EDUCATIVA MANUELA SAENZ

rea de Informtica

2

UNIDAD 1. CONCEPTOS BSICOS DE WWW.

1.1. INTERNET

Internet es una gran red de redes, tambin llamada Supercarretera de la

informacin. Es el resultado de la interconexin de miles de computadoras de

todo el mundo. Todas ellas comparten los protocolos de comunicacin, es decir

que todos hablan el mismo lenguaje para ponerse en contacto unas con otras.

Los servicios bsicos ofrecidos ahora por Internet son correo electrnico, noticias

en red, acceso a computadoras remotas y sistemas de adquisicin de datos, y

la capacidad para transferir informacin entre computadoras remotas.

1.1.1. HISTORIA DE INTERNET

Empez en los Estados Unidos de Amrica en 1969, como un proyecto

puramente militar. La Agencia de Proyectos de Investigacin Avanzados de

Defensa (DARPA) desarroll una red de computadoras llamada ARPANET, para

no centralizar los datos, lo cual permita que cada estacin de la red poda

comunicarse con cualquier otra por varios caminos diferentes, adems

presentaba una solucin para cuando ocurrieran fallas tcnicas que pudieran

hacer que la red dejase de funcionar.

Los sitios originales que se pusieron en red eran bases militares, universidades y

compaas con contratos del Departamento de Defensa. Conforme creci el

tamao de esta red experimental, lo mismo sucedi con las precauciones por

la seguridad. Las mismas redes usadas por las compaas y las universidades

para contratos militares se estaban volviendo cada vez ms accesibles al

pblico

Como resultado, en 1984, ARPANET se dividi en dos redes separadas pero

interconectadas. El lado militar fue llamado MILNET. El lado educativo todava

era llamado tcnicamente ARPANET, pero cada vez se hizo ms conocida

como Internet.

En mayo de 1995, entre 35 y 45 millones de personas usaban Internet y este

nmero fue creciendo mes a mes en un 10 a 15%. Las estimaciones actuales

colocan al nmero de personas en Internet en enero de 1997 en 62 millones de

usuarios individuales.

Podemos decir que el resultado final es que lo que comenz como un proyecto

de investigacin gubernamental y educativa ahora se ha convertido en uno de

los medios de comunicacin ms importante de la actualidad. Nunca antes

haba sido posible tener acceso a tantas personas de culturas y antecedentes

tan variados.

Adems podemos decir que la Internet no es gratis, la pagamos bsicamente

nosotros, los contribuyentes, centros de investigacin, educacionales, institutos

y universidades, las empresas comerciales, nosotros a travs del incremento en

sus productos y la publicidad.

3

1.2. LA WORLD WIDE WEB.

La World Wide Web consiste en ofrecer una interface simple y consistente para

acceder a la inmensidad de los recursos de Internet. Es la forma ms moderna

de ofrecer informacin. Y esta informacin se ofrece en forma de pginas

electrnicas.

Es un sistema de distribucin de informacin basado en hipertexto o hipermedios

enlazados y accesibles a travs de Internet. Con un navegador web, un usuario

visualiza sitios web compuestos de pginas web que pueden contener texto,

imgenes, vdeos u otros contenidos multimedia, y navega a travs de esas

pginas usando hiperenlaces

World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar

a otro en pos de lo que no interesa.

Para entender lo que es la Web debemos tener una idea de lo que es el

Hipertexto.

ACTIVIDAD INDIVIDUAL 1. Realiza un organizador grfico con las fechas y los hechos ms

Importantes de la historia de internet.

4

1.2.1. HIPERTEXTO

Hipertexto son datos que contienen enlaces (links) a otros datos.

En el lenguaje Web, un documento de hipertexto no es solo algo que contiene

datos, sino que adems contiene enlaces a otros documentos.

Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema

tiene referencias de algn tema en especial o referencias bibliogrficas a otros

textos.

En Hipertexto, el ordenador hace que seguir esas referencias sea facilsimo. Esto

implica que el lector se puede saltar la estructura secuencial del texto y seguir

lo que ms le gusta.

En Hipertexto se pueden hacer enlaces en cualquier lugar, no slo al final.

Cada enlace tiene una marca que lo destaca, puede estar resaltado,

subrayado o puede estar identificado por un nmero.

El hipertexto no est limitado a datos textuales, podemos encontrar dibujos del

elemento especificado, sonido o vdeo referido al tema. Estos documentos que

tienen gran variedad de datos, como sonido, vdeo, texto, en el mundo del

hipertexto se llama hipermedia.

El hipertexto es una herramienta potente para aprender y explicar. El texto debe

ser diseado para ser explorado libremente y as se consigue una comunicacin

de ideas ms eficientes.

1.2.2. FUNCIONAMIENTO DE LA WEB.

Una vez que el usuario est conectado a Internet, tiene que instalar un

programa capaz de acceder a pginas Web y de llevarte de unas a otras

siguiendo los enlaces. El programa que se usa para leer los documentos de

hipertexto se llama navegador, el "browser", "visualizador" o "cliente" y cuando

seguimos un enlace decimos que estamos navegando por el Web.

Navegar es como llaman los usuarios de la red a moverse de pgina en pgina

por todo el mundo sin salir de su casa.

Mediante los Navegadores modernos podemos, acceder a hojas de clculo,

base de datos, vdeo, sonido y todas las posibilidades ms avanzadas. Pero el

diseo de pginas debe mantener un equilibrio entre utilizar todas las

capacidades y la posibilidad de ser ledas por cualquier tipo de Navegador.

Lgicamente el funcionamiento de la Web es el siguiente:

El primer paso consiste en traducir la parte nombre del servidor de la URL en una

direccin IP usando la base de datos distribuida de Internet conocida como

DNS. Esta direccin IP es necesaria para contactar con el servidor web y poder

enviarle paquetes de datos.

5

El siguiente paso es enviar una peticin HTTP al servidor Web solicitando el

recurso. En el caso de una pgina web tpica, primero se solicita el texto HTML y

luego es inmediatamente analizado por el navegador, el cual, despus, hace

peticiones adicionales para los grficos y otros ficheros que formen parte de la

pgina. Las estadsticas de popularidad de un sitio web normalmente estn

basadas en el nmero de pginas vistas o las peticiones de servidor asociadas,

o peticiones de fichero, que tienen lugar.

Al recibir los ficheros solicitados desde el servidor web, el navegador renderiza

la pgina tal y como se describe en el cdigo HTML, el CSS y otros lenguajes

web. Al final se incorporan las imgenes y otros recursos para producir la pgina

que ve el usuario en su pantalla.

1.3. ESTNDARES WEB.

En la web se destacan los siguientes estndares:

el Identificador de Recurso Uniforme (URI), que es un sistema universal

para referenciar recursos en la Web, como pginas web,

el Protocolo de Transferencia de Hipertexto (HTTP), que especifica cmo

se comunican el navegador y el servidor entre ellos,

ACTIVIDAD GRUPAL 1.

Agrpate con dos compaeros y analiza lo que te explico tu

profesor acerca del funcionamiento lgico de la web, luego

resume en pocos pasos cronolgicamente el funcionamiento

del mismo.

LECCION 1. Debes saber:

Qu es www?

Qu es hipertexto?

Cmo funciona la web?

6

el Lenguaje de Marcado de Hipertexto (HTML), usado para definir la

estructura y contenido de documentos de hipertexto,

el Lenguaje de Marcado Extensible (XML), usado para describir la

estructura de los documentos de texto.

Berners Lee dirige desde 2007 el World Wide Web Consortium (W3C), el cual

desarrolla y mantiene esos y otros estndares que permiten a los ordenadores

de la Web almacenar y comunicar efectivamente diferentes formas de

informacin.

1.4. TECNOLOGAS WEB.

Las tecnologas web implican un conjunto de herramientas que nos facilitarn

lograr mejores resultados a la hora del desarrollo de un sitio web.

1.4.1. NAVEGADORES WEB.

Un navegador o navegador web (generalizacin de Netscape Navigator) es un

software que permite el acceso a Internet, interpretando la informacin de

archivos y sitios web para que stos puedan ser ledos.

La funcionalidad bsica de un navegador web es permitir la visualizacin de

documentos de texto, posiblemente con recursos multimedia incrustados.

Adems, permite visitar pginas web y hacer actividades en ella, es decir,

podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras

funcionalidades ms.

Los documentos que se muestran en un browser pueden estar ubicados en la

computadora en donde est el usuario, pero tambin pueden estar en

cualquier otro dispositivo que est conectado en la computadora del usuario o

a travs de Internet, y que tenga los recursos necesarios para la transmisin de

los documentos (un software servidor web).

Tales documentos, comnmente denominados pginas web, poseen

hipervnculos que enlazan una porcin de texto o una imagen a otro

documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una pgina a otra, ubicada en cualquier

computadora conectada a Internet, se llama navegacin, de donde se origina

TAREA INDIVIDUAL 1.

Investiga en internet los trminos: URI, HTTP, HTML y XML.

Presenta a tu profesor y expn ante tu clase lo que investigaste.

7

el nombre navegador (aplicado tanto para el programa como para la persona

que lo utiliza, a la cual tambin se le llama cibernauta).

1.4.1.1. HISTORIA.

El primer navegador, desarrollado en el CERN a finales de 1990 y principios de

1991 por Tim Berners-Lee, era bastante sofisticado y grfico, pero slo

funcionaba en estaciones NeXT.

El navegador Mosaic, que funcionaba inicialmente en entornos UNIX sobre X11,

fue el primero que se extendi.

Sin embargo, poco ms tarde entr en el mercado Netscape Navigator que

rpidamente super en capacidades y velocidad a Mosaic. Este navegador

tuvo la ventaja de funcionar en casi todos los UNIX, as como en entornos

Windows. Estimacin del uso en el perodo 1996-2006.

Internet Explorer (anteriormente Spyglass Mosaic) fue la apuesta tarda de

Microsoft para entrar en el mercado y consigui desbancar al Netscape

Navigator . Netscape Communications Corporation liber el cdigo fuente de

su navegador, naciendo as el proyecto Mozilla.

Finalmente Mozilla Firefox fue reescrito desde cero tras decidirse a desarrollar y

usar como base un nuevo conjunto de widgets multiplataforma basado en XML.

El 7 de enero de 2003, Apple lanza al mercado el navegador web Safari. Este

Navegador se hace con casi la totalidad del mercado de las

microcomputadoras Mac, debido a su velocidad y gran cantidad de

actualizaciones.

A finales de 2004 aparece en el mercado Firefox, una rama de desarrollo de

Mozilla que pretende hacerse con parte del mercado de Internet Explorer. Se

trata de un navegador ms ligero que su hermano mayor.

El 2 de septiembre de 2008 Google Chrome vio la luz. Es el navegador web

desarrollado por Google de cdigo abierto. Google Chrome es el navegador

ms utilizado en Internet. Est disponible gratuitamente bajo condiciones de

servicio especficas.

1.4.1.2. EJEMPLOS DE NAVEGADORES WEB.

Mozilla Firefox

Google Chrome

Amaya

Epiphany

Galeon

Internet Explorer.

Konqueror sobre linux

Lynx sobre linux

Netscape Navigator

Opera

Safari

Seamonkey

Shiira

Flock

8

Arora

K-Meleon

Orca Browser

Avant Browser

1.4.2. SERVIDORES WEB.

Un servidor web o servidor HTTP es un programa informtico que procesa una

aplicacin del lado del servidor realizando conexiones bidireccionales y/o

unidireccionales y sncronas o asncronas con el cliente generando una

respuesta en cualquier lenguaje o Aplicacin del lado del cliente. El cdigo

recibido por el cliente suele ser compilado y ejecutado por un navegador web.

Para la transmisin de todos estos datos suele utilizarse algn protocolo.

Generalmente se utiliza el protocolo HTTP para estas comunicaciones,

perteneciente a la capa de aplicacin del modelo OSI. El trmino tambin se

emplea para referirse al ordenador que ejecuta el programa.

1.4.2.1. FUNCIONAMIENTO.

El Servidor web se ejecuta en un ordenador mantenindose a la espera de

peticiones por parte de un cliente (un navegador web) y que responde a estas

peticiones adecuadamente, mediante una pgina web que se exhibir en el

navegador o mostrando el respectivo mensaje si se detect algn error. A modo

de ejemplo, al teclear www.wikipedia.org en nuestro navegador, ste realiza

una peticin HTTP al servidor de dicha direccin. El servidor responde al cliente

enviando el cdigo HTML de la pgina; el cliente, una vez recibido el cdigo, lo

interpreta y lo exhibe en pantalla. Como vemos con este ejemplo, el cliente es

el encargado de interpretar el cdigo HTML, es decir, de mostrar las fuentes, los

colores y la disposicin de los textos y objetos de la pgina; el servidor tan slo

se limita a transferir el cdigo de la pgina sin llevar a cabo ninguna

interpretacin de la misma.

Adems de la transferencia de cdigo HTML, los Servidores web pueden

entregar aplicaciones web. stas son porciones de cdigo que se ejecutan

cuando se realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre:

Aplicaciones en el lado del cliente: el cliente web es el encargado de

ejecutarlas en la mquina del usuario. Son las aplicaciones tipo Java

"applets" o Javascript: el servidor proporciona el cdigo de las

aplicaciones al cliente y ste, mediante el navegador, las ejecuta. Es

necesario, por tanto, que el cliente disponga de un navegador con

capacidad para ejecutar aplicaciones (tambin llamadas scripts).

TAREA INDIVIDUAL 2.

Escoge alguno de los navegadores que estn de ejemplo y que te llame

la atencin e investiga sobre el mismo.

Presenta a tu profesor y expn ante tu clase lo que investigaste.

9

Comnmente, los navegadores permiten ejecutar aplicaciones escritas

en lenguaje javascript y java, aunque pueden aadirse ms lenguajes

mediante el uso de plugins.

Aplicaciones en el lado del servidor: el servidor web ejecuta la aplicacin;

sta, una vez ejecutada, genera cierto cdigo HTML; el servidor toma

este cdigo recin creado y lo enva al cliente por medio del protocolo

HTTP.

El hecho de que HTTP y HTML estn ntimamente ligados no debe dar lugar a

confundir ambos trminos. HTML es un lenguaje de marcas y HTTP es un

"protocolo".

1.4.2.2. EJEMPLOS DE SERVIDORES WEB.

Servidor HTTP Apache (libre, servidor ms usado del mundo)

Servidor HTTP Cherokee

IIS

FTP

ACTIVIDAD GRUPAL 2.

Agrpate con dos compaeros y analiza lo que te explico tu

profesor acerca del funcionamiento de un servidor web, luego

realiza un grfico explicativo del mismo.

LECCION 2. Debes saber:

Qu es un navegador? Cmo han evolucionado?

Qu es servidor? Cmo funciona?

10

1.5. DOMINIO

Un dominio de Internet es una red de identificacin asociada a un grupo de

dispositivos o equipos conectados a la red Internet.

El propsito principal de los nombres de dominio en Internet y del sistema de

nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo

en la red, a trminos memorizables y fciles de encontrar. Esta abstraccin hace

posible que cualquier servicio (de red) pueda moverse de un lugar geogrfico

a otro en la red Internet, aun cuando el cambio implique que tendr una

direccin IP diferente.

Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendran

que acceder a cada servicio web utilizando la direccin IP del nodo (por

ejemplo, sera necesario utilizar http://192.0.32.10 en vez de

http://example.com). Adems, reducira el nmero de webs posibles, ya que

actualmente es habitual que una misma direccin IP sea compartida por varios

dominios.

Al poseer un dominio propio la empresa o institucin ofrece una imagen ms

profesional y competente. Los clientes agradecern que se les proporcione un

acceso sencillo y consistente a su informacin.

El siguiente ejemplo ilustra lo que que es un nombre de dominio y un dominio de

nivel superior.

URL: http://www.ejemplo.net/index.html

Nombre de dominio de nivel superior: net

Nombre de dominio: ejemplo.net

Algunos de los nombres de dominio de nivel superior ms comunes son: .com,

.edu, .gov, etc.

ACTIVIDAD INDIVIDUAL 2. Ingresa a internet e investiga varios nombres de dominios de nivel

superior y apunta para que sirven o que indican cada uno de ellos.

11

1.6. URLS

Localizador Uniforme de Recursos (URL; Uniform Resource Locator )es una

direccin especial usada por los navegadores Web, para tener acceso a

informacin en Internet.

El URL es la cadena de caracteres con la cual se asigna una direccin nica a

cada uno de los recursos de informacin disponibles en la Internet. Existe un URL

nico para cada pgina de cada uno de los documentos de la World Wide

Web, para todos los elementos de Gopher y todos los grupos de debate USENET,

y as sucesivamente.

El URL de un recurso de informacin es su direccin en Internet, la cual permite

que el navegador la encuentre y la muestre de forma adecuada. Por ello el URL

combina el nombre del ordenador que proporciona la informacin, el directorio

donde se encuentra, el nombre del archivo, y el protocolo a usar para recuperar

los datos para que no se pierda alguna informacin sobre dicho factor que se

emplea para el trabajo.

Si analizamos los conceptos hasta ahora podemos entender que:

URI = URL + URN

El formato general de un URL es:

esquema://mquina/directorio/archivo

Tambin pueden aadirse otros datos:

esquema://usuario:contrasea@mquina:puerto/directorio/archivo

Por ejemplo: http://www.wikipedia.org/

1.6.1. ESQUEMA URL.

Un URL se clasifica por su esquema, que generalmente indica el protocolo de

red que se usa para recuperar, a travs de la red, la informacin del recurso

identificado. Un URL comienza con el nombre de su esquema, seguido por dos

puntos, seguido por una parte especfica del esquema'.

Algunos ejemplos de esquemas URL:

http - recursos HTTP

https - HTTP sobre SSL

ftp - File Transfer Protocol

mailto - direcciones de correo electrnico

ldap - bsquedas LDAP Lightweight Directory Access Protocol

file - recusos disponibles en el sistema local, o en una red local

news - grupos de noticias Usenet (newsgroup)

gopher - el protocolo Gopher (ya en desuso)

telnet - el protocolo telnet

12

data - el esquema para insertar pequeos trozos de contenido en los

documentos Data: URL

Algunos de los esquemas URL, como los populares "mailto", "http", "ftp", y "file",

junto a los de sintaxis general URL, se detallaron por primera vez en 1994, en el

Request for Comments RFC 1630, sustituido un ao despus por los ms

especficos RFC 1738 y RFC 1808.

El siguiente ejemplo ilustra la diferencia entre una URL (Uniform Resource

Locator/"Recurso de Localizacin Uniforme") y un nombre de dominio:

URL: http://www.misitio.com/index.html

Nombre de dominio de nivel superior: com

Nombre de dominio: misitio.com

Nombre de host: www.misitio.com

1.7. WEB 2.0

La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia

aplicaciones que funcionan a travs de la web enfocada al usuario final. Se

trata de aplicaciones que generen colaboracin y de servicios que reemplacen

las aplicaciones de escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y est

preocupndose por brindar mejores soluciones para el usuario final.

Y es que cuando el web inici, nos encontrbamos en un entorno esttico, con

pginas en HTML que sufran pocas actualizaciones y no tenan interaccin con

el usuario.

TAREA INDIVIDUAL 3.

Escribe 5 URLs de diferentes sitios y a partir de ellas identifica el nombre

de dominio superior, nombre de dominio y nombre de host, como en el

ejemplo anterior.

LECCION 3. Debes saber:

Qu es un dominio?

Qu es una URL?

13

1.7.1. EN QU NOS SIRVE LA WEB 2.0?

El uso del trmino de Web 2.0 est de moda, dndole mucho peso a una

tendencia que ha estado presente desde hace algn tiempo. En Internet las

especulaciones han sido causantes de grandes burbujas tecnolgicas y han

hecho fracasar a muchos proyectos.

Adems, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no

es precisamente una tecnologa, sino es la actitud con la que debemos trabajar

para desarrollar en Internet. Tal vez all est la reflexin ms importante del Web

2.0.

Entender la evolucin que ha llegado con la Web 2.0 puede verse con ejemplos,

con proyectos. Podemos comparar servicios web que marcan claramente la

evolucin hacia el Web 2.0 con una nueva forma de hacer las cosas:

Web 1.0 Web 2.0

Doubleclick > Google AdSense (Servicios Publicidad)

Ofoto > Flickr (Comunidades fotogrficas)

Akamai > BitTorrent (Distribucin de contenidos)

mp3.com > Napster (Descargas de msica)

Britannica Online > Wikipedia (Enciclopedias)

Sitios personales > Blogs (Pginas personales)

Especulacin con dominios > Optimizacin en motores de bsqueda SEO

Pginas vistas > Costo por click

CMSs > Wikis (Administradores de contenidos)

Categoras/Directorios > Tags

ACTIVIDAD INDIVIDUAL 3. Ingresa a internet y navega e interactua por los sitios con tecnologa

Web 1.0 y Web 2.0. Luego apunta las caractersticas que pudiste notar

en cada uno de ellos.

14

1.7.2. TECNOLOGAS QUE APOYAN A LA WEB 2.0

El Web 2.0 no significa precisamente que existe una receta para que todas las

aplicaciones web entren en este esquema. Sin embargo, existen varias

tecnologas que estn utilizndose actualmente y que deberamos de examinar

con ms cuidado en busca de seguir evolucionando junto al web.

Tecnologas que dan vida a un proyecto Web 2.0:

Transformar software de escritorio hacia la plataforma del web.

Respeto a los estndares como el XHTML.

Separacin de contenido del diseo con uso de hojas de estilo.

Sindicacin de contenidos.

Ajax (javascript ascincrnico y xml).

Uso de Flash, Flex o Lazlo.

Uso de Ruby on Rails para programar pginas dinmicas.

Utilizacin de redes sociales al manejar usuarios y comunidades.

Dar control total a los usuarios en el manejo de su informacin.

Proveer APis o XML para que las aplicaciones puedan ser manipuladas

por otros.

Facilitar el posicionamiento con URL sencillos.

ACTIVIDAD GRUPAL 2.

Agrpate con dos compaeros y analiza cada uno de los temas

que se estudi en esta unidad. Comenta los temas que no

entendiste y pide explicacin a tu profesor o compaeros.

Seguidamente realiza un mapa conceptual de esta unidad.