Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.

Presentación del tema: "Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible."— Transcripción de la presentación:

1 Prof. José T. Cadenas

2 Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible a muchos. Aplicación Web: Herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador (Ej. Wikipedia) Sitio web: no existe lógica del negocio en el servidor Una aplicación Web utiliza un sitio web como entrada a una aplicación Ejemplos: Webmails, weblogs, wikis, tiendas en línea Web estática versus Web dinámica Estándares de la W3c

3 Páginas Web Las páginas Web son el componente principal de una aplicación o sitio Web. Los browsers piden páginas (almacenadas o creadas dinámicamente) con información a los servidores Web En algunos ambientes de desarrollo de aplicaciones Web, las páginas contienen código HTML y scripts dinámicos, que son ejecutados por el servidor antes de entregar la página

4 Modelo cliente servidor Servidores especializados con funciones específicas: impresión, archivos, base de datos, Web o email Los clientes pueden acceder a los servicios especializados en la medida de sus necesidades

5 Modelo de tres capas Común para aplicaciones Web Capa intermedia (Servidor de Aplicación o Servidor Web): Almacena el software de conectividad a Internet y la parte de la lógica de negocio de la aplicación utilizada para acceder a los datos correspondientes desde el servidor de base de datos Actúa como un canal para el envío de datos parcialmente procesados ​​ entre el servidor de base de datos y el cliente Los clientes no pueden acceder directamente a la base de datos del servidor

6 Modelo de tres capas

7 Capa del cliente Scripts en el cliente Cuando el browser ejecuta un script en el cliente, éste no tiene acceso directo a los recursos del servidor.Hay otros componentes que no son scripts, como los applets o los componentes ActiveX. Los scripts del cliente son por lo general código JavaScript o VBSscript, mezclados con código HTML. Formularios La forma más común de capturar la información dada por el usuario, es a través de formularios. Un formulario (form) es una colección de campos de entrada: textbox, text area, checkbox, radio button group, button y selection list. Cuando un formulario es llenado, se envía al servidor usando una operación submit solicitada por el usuario típicamente al hacer click en un botón.

8 HTML Lenguaje basado en tags para la especificación del formato en el cual deben ser presentados los datos en un browser En un documento HTML el texto está intercalado con tags o banderas que describen: El diagrama en que debe ser presentado el documento Las páginas a las que estará enlazado el documento Los dibujos o formas que serán incluidas en el documento Un documento HTML presentado por el browser puede ser leido por un ser humano.

9 Problemas HTML El documento HTML no es fácilmente entendido por un programa. El significado de los datos no puede ser extraído a partir de la especificación en HTML. Procesos de extracción son requeridos para separar los datos del texto usado para especificar el formato. HTML fue definido para describir presentación y no contenido

10 Ejemplo HTML

11 XML Lenguaje basado en tags para la especificación de datos semi-estructurados Ha sido tomado como estándar por “World Wide Web Consortium (W3C)” para el intercambio de datos Los tags son definidos por el usuario y representan el significado de los datos que encierran

12 Ejemplo XML Este es mi mejor amigo Juan Perez 25 No estoy segura de su direccion electronica jp@bci.ocm

13 Diferencias entre XML y HTML Nuevos tags pueden ser definidos Las estructuras pueden ser anidadas a cualquier profundidad Un documento XML puede contener una descripción opcional a su gramática No provee ninguna instrucción para especificar como los datos deben ser presentados

14 HTML y XHTML El lenguaje XHTML es muy similar al lenguaje HTML. De hecho, XHTML no es más que una adaptación de HTML al lenguaje XML. Técnicamente, HTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML (que a su vez, también es descendiente de SGML)

15 XHTML y CSS CSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos

16 LAMP – WAMP Server Acrónimo usado para describir un sistema de infraestructura de internet que usa las siguientes herramientas: Linux o Windows, el sistema operativo Apache, el servidor web MySQL/MariaDB, el gestor de Base de datos Perl, PHP, o Python, los lenguajes de programación

17 Ejemplo PHP