Aplicaciones WebProf. José T. Cadenas

Aplicación WebLa 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íneaWeb estática versus Web dinámicaEstándares de la W3c

Páginas WebLas 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

Modelo cliente servidorServidores 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

Modelo de tres capasComún para aplicaciones WebCapa 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

Modelo de tres capas

Capa del clienteScripts en el cliente

Cuando el browser ejecuta un script en el cliente, éste no tieneacceso 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 decampos de entrada: textbox, text area, checkbox, radio button group,button y selection list.

Cuando un formulario es llenado, se envía al servidor usando unaoperación submit solicitada por el usuario típicamente al hacerclick en un botón.

HTMLLenguaje 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 documentoLos dibujos o formas que serán incluidas en el

documentoUn documento HTML presentado por el browser

puede ser leido por un ser humano.

Problemas HTMLEl 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

Ejemplo HTML

XMLLenguaje basado en tags para la especificación de

datos semi-estructuradosHa 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

Ejemplo XML<persona> Este es mi mejor amigo<nombre> Juan </nombre> <apellido> Perez </apellido><edad> 25 </edad>No estoy segura de su direccion

electronica<email> jp@bci.ocm</email></persona>

Diferencias entre XML y HTMLNuevos tags pueden ser definidosLas estructuras pueden ser anidadas a

cualquier profundidadUn 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

HTML y XHTMLEl 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)

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

LAMP – WAMP ServerAcrónimo usado para describir un sistema de

infraestructura de internet que usa las siguientes herramientas:

Linux o Windows, el sistema operativo Apache, el servidor webMySQL/MariaDB, el gestor de Base de datosPerl, PHP, o Python, los lenguajes de

programación

Ejemplo PHP