SlideShare una empresa de Scribd logo
Desarrollo de aplicaciones web
Internet 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 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 WWW
Historia 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 ? 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? 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 marcas
Funcionamiento 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 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 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 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 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  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 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
Web 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 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
Ejemplo
Web 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 Funciona Son los usuarios quienes crean y gestionan la información dentro de este tipos de web
Ejemplo
Web 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 semantica La 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ántica La 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 universal Unicode 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ántica http://www.w3.org/2001/sw/SW-FAQ
Desarrollo 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 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 web Arquitectura basica de una 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 funciona El web server escucha las peticiones del cliente y devuelve (retorna) el contenido  Solicitado a través de paquetes.
Ejemplos de web servers Apache de apache foundation
IIS de microsoft
Cherokee
Nginx
Pocoyo
Samba
AolServer
Entre otros ....
Cliente/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.

Más contenido relacionado

PDF
Página Web Gilberto García
DOCX
Practica 4.1. que es la web
PPTX
Recursos Web 2.0
PPTX
Comercio electronico
DOCX
Practica 4.1. que es la web
PPTX
Presentación de TICs
PPTX
Comercio electronico
DOCX
Que es la web.
Página Web Gilberto García
Practica 4.1. que es la web
Recursos Web 2.0
Comercio electronico
Practica 4.1. que es la web
Presentación de TICs
Comercio electronico
Que es la web.

La actualidad más candente (14)

PDF
Practica 2.3
PDF
Control de cambios
DOCX
Que es la web
DOCX
Que es la web...
PDF
Modulo 2 parte 2 tics
PPTX
Comunicacion intractv
DOCX
DOCX
Que es la web(1)
PDF
Que es la web
DOCX
Que es la web (1)completa
PPTX
Trabajo comunicacioninteractiva
DOCX
Practica 2 doc. 2
PPTX
Comercio electronico1
PPTX
Silvana castellanos 10 4
Practica 2.3
Control de cambios
Que es la web
Que es la web...
Modulo 2 parte 2 tics
Comunicacion intractv
Que es la web(1)
Que es la web
Que es la web (1)completa
Trabajo comunicacioninteractiva
Practica 2 doc. 2
Comercio electronico1
Silvana castellanos 10 4
Publicidad

Destacado (8)

DOCX
444 literatura
PPTX
Assalamu alaikum wr wb
PPTX
Тайный покупатель
PPT
амонашвили
PPT
Презентація до уроку 3.2
PDF
Kolosok 6 2013
PPTX
Biomedical engineering
444 literatura
Assalamu alaikum wr wb
Тайный покупатель
амонашвили
Презентація до уроку 3.2
Kolosok 6 2013
Biomedical engineering
Publicidad

Similar a Aplicaciones web (20)

PPTX
Comercio electronico1
DOCX
WEb 1.0 2.0 3.0
PPTX
Introducción a la web
DOCX
La web 2.0...
PPTX
Introduccion
DOCX
Redes conceptos amar_fernanda
PPT
Herramientas web barreto arana
DOCX
Concepto de Redes
PPTX
Evolución de la web
PPTX
Desarrollo de la web (laura ballesteros & gicela mendoza) 11.3
DOCX
Redes conceptos rodriguez_flores_
DOCX
Control de cambios
DOCX
Impacto tic y tac
PDF
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
PPT
Dn13 u3 a4_hbra
PPT
C:\fakepath\navegadores
PPT
C:\fakepath\navegadores
PPTX
Que es Diseño web
PDF
Servicios de internet
PDF
Presentaciones Javier Carrion Cuenca
Comercio electronico1
WEb 1.0 2.0 3.0
Introducción a la web
La web 2.0...
Introduccion
Redes conceptos amar_fernanda
Herramientas web barreto arana
Concepto de Redes
Evolución de la web
Desarrollo de la web (laura ballesteros & gicela mendoza) 11.3
Redes conceptos rodriguez_flores_
Control de cambios
Impacto tic y tac
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Dn13 u3 a4_hbra
C:\fakepath\navegadores
C:\fakepath\navegadores
Que es Diseño web
Servicios de internet
Presentaciones Javier Carrion Cuenca

Más de Ricardo M. P (15)

PDF
Presentacion
PDF
Presentacion
PDF
Nazis Administracion Ghettos
PPT
ODP
Servicios de intere
ODP
ODP
Sflibre
PPT
Aplicaciones
PPT
Software
PPT
Ofimatica
PPT
Modelos atomicos
PPT
PPT
Lenguajesprog
PPT
Software
Presentacion
Presentacion
Nazis Administracion Ghettos
Servicios de intere
Sflibre
Aplicaciones
Software
Ofimatica
Modelos atomicos
Lenguajesprog
Software

Aplicaciones web

  • 2. Internet 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.
  • 3. Historia 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
  • 5. Historia 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
  • 6. ¿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
  • 7. ¿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 marcas
  • 8. Funcionamiento 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).
  • 9. Web 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
  • 10. Navegador 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
  • 11. Evolució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
  • 12. Navegador 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
  • 13. 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
  • 14. Como 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
  • 16. Web 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
  • 17. Como 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
  • 19. Web 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
  • 20. Como Funciona Son los usuarios quienes crean y gestionan la información dentro de este tipos de web
  • 22. Web 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 semantica La 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.
  • 23. Como Surge la web semántica La 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 universal Unicode 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
  • 24. Capas de la Web Semántica http://www.w3.org/2001/sw/SW-FAQ
  • 25. Desarrollo 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.
  • 26. Arquitectura 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ó
  • 27. Arquitectura web Arquitectura basica de una web
  • 28. 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.
  • 29. Como funciona El web server escucha las peticiones del cliente y devuelve (retorna) el contenido Solicitado a través de paquetes.
  • 30. Ejemplos de web servers Apache de apache foundation
  • 33. Nginx
  • 35. Samba
  • 38. Cliente/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.
  • 40. Aplicaciones 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
  • 41. Capas de aplicaciones web Para solucionar estos problemas se ha desarrollado el concepto de arquitecturas de tres niveles: interfaz de presentación
  • 42. lógica de la aplicación
  • 43. datos
  • 44. interfaz de presentación La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente. interfaz de presentación La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente. interfaz de presentación La capa de presentación recibe los datos y los formatea para mostrarlos adecuadamente. Lógica de la aplicación Esta capa devuelve determinados datos hacia la interfaz de presentación lo que permite no solo tener una interfaz si no diferentes. Datos Es la información con la que trabajara nuestra aplicación.
  • 46. Arquitectura 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.
  • 47. Esquema 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).