aplicaciones web
TRANSCRIPT
Desarrollo de aplicaciones webDesarrollo de aplicaciones web
InternetInternet
Internet es una gran red de redes, también llamada Super carretera de la información. Es el resultado de la interconexión de miles de computadoras de todo el mundo. Todas ellas comparten los protocolos de comunicación, es decir que todos hablan el mismo lenguaje para ponerse en contacto unas con otras.
Los servicios básicos ofrecidos ahora por Internet son : E-Mail, data hosting, streaming, mensajería instantánea,feed rss,bloggin entre otros.
Historia de internetHistoria de internet
Empezó en los estados unidos de america en 169 como un proyecto militar de la agencia de proyectos de investigación de defensa que desarrollo una red de computadoras llamada ARPANET el objetivo de esta era descentralizar sus datos lo que permitiría que cualquier estación se comunicara con cualquier otra.
Los sitios originales donde esta red fue implantada eran bases militare, universidades y empresas que tenían contratos militares, con el tiempo esta creció y fue mas accesible al publico debido a esto en 1984 Arpanet se dividió en dos redes separadas pero entrelazadas,MILNET por el lado militar y ARPANET que cada día se conocía mas como internet
Web WWWWeb WWW
Historia de la webHistoria de la web
La web es una idea que se construyo sobre internet nace a principios de 1990 en suiza en el CERN (centro de Estudios para la Investigación Nuclear) y fue creada por Tim Berners-Lee,Antes de la creación de la web el obtener información de red era caótica debido a que existían miles de formas de compartirlos y por ello había que tener grandes conocimientos técnicos el propósito de la web era hacer que toda esta información estuviese disponible y fuera de lectura universal con un único programa para esto se utiliza una serie de conceptos llamados hipertexto
¿Que es la web ?¿Que es la web ?
la web o world wide web (WWW) consiste básicamente en ofrecer al usuario una interfaz simple e intuitiva para acceder a los recursos de el internet
¿Que es el hypertexto?¿Que es el hypertexto?
El hipertexto son datos que contienen enlaces o anclas a otros datos en la jerga de la web un documento de hipertexto no es solo un archivo que contiene datos si no que contiene anclas a otros documentos de hipertexto
Actualmente el hipertexto no se limita a solo texto si no que también incluye documentos multimedia (imágenes,vídeos,sonidos etc etc) conocidos como hipermedia.
Lenguaje de marcasLenguaje de marcas
Funcionamiento de la WebFuncionamiento de la Web
Una ves que el usuario esta conectado a internet el necesita un programa especial que interpreta el hipertexto y lo convierte a una interfaz mas comprensible este programa se llama navegador web o web browser y su función es permitir desplazarnos de un documento de hipertexto a otro a través de los enlaces y el permitirnos interactuar con los archivos de hipermedia dentro del documento(pagina web).
Web browser o navegadores webWeb browser o navegadores web
Son programas que interpretan los documentos de hipertexto y nos permiten interactuar con este.
Los primeros navegadores que existieron eran a modo texto es decir no permitían visualizar imágenes o vídeos como los de hoy en día.
Nota:
el primer navegador web se llamo World Wide Web y fue creado para nextstep un sistema operativo basado en unix en 1991
Navegador Web W3MNavegador Web W3M
W3m es una navegador web a modo texto que aun existe en nuestros días y es muy utilizado en entornos Unix y GNU/Linux
Evolución de los navegadoresEvolución de los navegadores
Conforme el tiempo paso y debido a la necesidad de la web de tener elementos multimedia los navegadores web evolucionaron de su clásica interfaz a modo texto a una interfaz gráfica de usuario que era mas fácil de usar y permitía la incrustación de imagenes, vídeo y sonido.
Nota: El primer navegador web con GUI se llamo ViolaWWW desarrollado para la plataforma de Unix por Pei-Yuan Wei en 1992
Navegador WEB MOSAICNavegador WEB MOSAIC
Mosaic fue el segundo navegador web gráfico creado por Marc Andreessen y Eric Bina, firefox y muchos otros navegadores están basados en Mosaic
Web 1.0 Web 1.0
La web 1.0 era una colección de información y accesible a través de la Red.
Internet se había convertido en un servidor de conocimiento estático de acceso limitado por razones técnicas, económicas y geográficas.
Con páginas creadas a partir del código html las cuales eran muy difíciles de actualizar y casi con nula interacción del usuario en las mismas
Como funcionabaComo funcionaba
El web máster creaba el sitio y para actualizarlo tenia que modificar toda la web por lo que era muy difícil actualizar estos sitios
Ejemplo Ejemplo
Web 1.5Web 1.5
Con el nacimiento de los lenguajes incorporados (php,python,java,css,xml etc etc) la creación de web que permitían ser actualizadas de manera mas sencilla y una mayor interaccionan con el usuario y con archivos multimedia.
A estas paginas también se les llama web dinámicas pues no es necesario modificar la estructura interna de esta para actualizar o interactuar con el usuario
Como FuncionaComo Funciona
Ahora no solo el web máster puede modificar el contenido de la web si no que pueden existir otros autores que colaboren con el e incluso los usuarios pueden contribuir con la web por ejemplo a través de comentarios
EjemploEjemplo
Web 2.0Web 2.0
La segunda generación de la web esta deja atrás el concepto de web máster y se centra en la colaboración de comunidades para la creación,administración y compartición ágil de información a traversa del trabajo colaborativo.
Dando así mayor interacción al usuario con la red permitiéndole con conocimientos técnicos mínimos la compartición de su información
Como FuncionaComo Funciona
Son los usuarios quienes crean y gestionan la información dentro de este tipos de web
EjemploEjemplo
Web 3.0Web 3.0
Asociada con la web semantica la web 3.0 sera la mezcla entre la inteligencia artificial y la nuestra para la creacion,gestion y comparticion de informacion de manera agil.
Web semanticaWeb semanticaLa Web Semántica es una web extendida, la misma está
dotada de un mayor significado. Se desarrolla con lenguajes universales que permitirán a los usuarios encontrar respuestas a sus preguntas de una forma más rápida y sencilla gracias a la mejor estructuración de la información.
Como Surge la web semánticaComo Surge la web semánticaLa Web Semántica fue creada por Tim Berners-
Lee, inventor de la WWW, URIs, HTTP y HTML. Existe un equipo en el World Wide Web Consortium (W3C) los cuales se dedican a mejorar, extender y estandarizar el sistema y muchos lenguajes, publicaciones y herramientas han sido ya desarrollados.
Un lenguaje universalUn lenguaje universalUnicode es un estándar cuyo objetivo es proporcionar el medio por el cual un texto en cualquier forma e idioma pueda ser codificado para el uso informático. El mismo nos permite mostrar información en cualquier idioma y con la certeza de que no aparezcan símbolos extraños
Capas de la Web SemánticaCapas de la Web Semántica
http://www.w3.org/2001/sw/SW-FAQhttp://www.w3.org/2001/sw/SW-FAQ
Desarrollo de Aplicaciones WebDesarrollo de Aplicaciones Web
Con la introducción de Internet y del Web en concreto, se han abierto infinidad de posibilidades en cuanto al acceso a la información desde casi cualquier sitio. Esto representa un desafío a los desarrolladores de aplicaciones, ya que los avances en tecnología demandan cada vez aplicaciones más rápidas, ligeras y robustas que permitan utilizar el Web.
Arquitectura WebArquitectura Web
Para abrir una página Web en un navegador, normalmente se teclea el correspondiente URL o se pica en el hiperenlace oportuno. Una vez que se solicita esta petición mediante el protocolo HTTP y la recibe el servidor Web, éste localiza la página Web en su sistema de ficheros y la envía de vuelta al navegador que la solicitó
Arquitectura webArquitectura web
Arquitectura basica de una web
Servidor Web Servidor Web
El servidor Web es un programa que corre sobre el servidor que escucha las peticiones HTTP que le llegan y las satisface. Dependiendo del tipo de la petición, el servidor Web buscará una página Web o bien ejecutará un programa en el servidor. De cualquier modo, siempre devolverá algún tipo de resultado HTML al cliente o navegador que realizó la petición.
Como funcionaComo funciona
El web server escucha las peticiones del cliente y devuelve (retorna) el contenido Solicitado a través de paquetes.
Ejemplos de web serversEjemplos de web servers
Apache de apache foundation
IIS de microsoft
Cherokee
Nginx
Pocoyo
Samba
AolServer
Entre otros ....
Cliente/ServidorCliente/Servidor
Desde el punto de vista funcional, se puede definir la computación Cliente/Servidor como una arquitectura distribuida que permite a los usuarios finales obtener acceso a la información en forma transparente aún en entornos multiplataforma.
En el modelo cliente servidor, el cliente envía un mensaje solicitando un
determinado servicio a un servidor (hace una petición), y este envía uno o varios mensajes
con la respuesta (provee el servicio) . En un sistema distribuido cada máquina puede cumplir el rol de servidor para algunas tareas y el rol de cliente para otras.
Como funcionaComo funciona
Aplicaciones MultinivelAplicaciones Multinivel
Al hablar del desarrollo de aplicaciones Web resulta adecuado presentarlas dentro de las aplicaciones multinivel. Los sistemas típicos cliente/servidor pertenecen a la categoría de las aplicaciones de dos niveles. La aplicación reside en el cliente mientras que la base de datos se encuentra en el servidor. En este tipo de aplicaciones el peso del cálculo recae en el cliente, mientras que el servidor hace la parte menos pesada, y eso que los clientes suelen ser máquinas menos potentes que los servidores. Además, está el problema de la actualización y el mantenimiento de las aplicaciones, ya que las modificaciones a la misma han de ser trasladada a todos los clientes
Capas de aplicaciones webCapas de aplicaciones web
Para solucionar estos problemas se ha desarrollado el concepto de arquitecturas de tres niveles:
interfaz de presentación
lógica de la aplicación
datos
interfaz de presentacióninterfaz de presentación
La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente.
interfaz de presentacióninterfaz de presentación
La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente.
interfaz de presentacióninterfaz de presentación
La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente.
Lógica de la aplicaciónLógica de la aplicaciónEsta capa devuelve determinados datos hacia la
interfaz de presentación lo que permite no solo tener una interfaz si no diferentes.
DatosDatosEs la información con la que trabajara nuestra
aplicación.
Esquema Esquema
Arquitectura Web MultinivelArquitectura Web Multinivel
La arquitectura de las aplicaciones Web suelen presentar un esquema de tres niveles. El primer nivel consiste en la capa de presentación que incluye no sólo el navegador, sino también el servidor web que es el responsable de dar a los datos un formato adecuado. El segundo nivel está referido habitualmente a algún tipo de programa o script. Finalmente, el tercer nivel proporciona al segundo los datos necesarios para su ejecución.
EsquemaEsquema
Una aplicación Web típica recogerá datos del usuario (primer nivel), los enviará al servidor, que ejecutará un programa (segundo y tercer nivel) y cuyo resultado será formateado y presentado al usuario en el navegador (primer nivel otra vez).