Modulo de EASWEB2
-
Upload
cisne-lojan -
Category
Documents
-
view
7 -
download
0
Transcript of Modulo de EASWEB2
-
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.