Prof. Jos T.

Cadenas

Aplicacin Web
La Internet y la Web hacen que sea fcil y atractivo poner

toda la informacin en el cyberespacio, y la hace accesible a muchos. Aplicacin Web: Herramientas que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador (Ej. Wikipedia) Sitio web: no existe lgica del negocio en el servidor Una aplicacin Web utiliza un sitio web como entrada a una aplicacin Ejemplos: Webmails, weblogs, wikis, tiendas en lnea Web esttica versus Web dinmica Estndares de la W3c

Pginas Web
Las pginas Web son el componente principal de una

aplicacin o sitio Web. Los browsers piden pginas (almacenadas o creadas dinmicamente) con informacin a los servidores Web
En algunos ambientes de desarrollo de aplicaciones

Web, las pginas contienen cdigo HTML y scripts dinmicos, que son ejecutados por el servidor antes de entregar la pgina

Modelo cliente servidor

Servidores especializados con funciones especficas:

impresin, archivos, base de datos, Web o email Los clientes pueden acceder a los servicios especializados en la medida de sus necesidades

Modelo de tres capas

Comn para aplicaciones Web Capa intermedia (Servidor de Aplicacin o Servidor

Web):
Almacena el software de conectividad a Internet y la

parte de la lgica de negocio de la aplicacin utilizada para acceder a los datos correspondientes desde el servidor de base de datos Acta como un canal para el envo 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 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 cdigo JavaScript o VBSscript, mezclados con cdigo HTML. Formularios La forma ms comn de capturar la informacin dada por el usuario, es a travs de formularios. Un formulario (form) es una coleccin de campos de entrada: textbox, text area, checkbox, radio button group, button y selection list. Cuando un formulario es llenado, se enva al servidor usando una operacin submit solicitada por el usuario tpicamente al hacer click en un botn.

HTML
Lenguaje basado en tags para la especificacin 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 pginas a las que estar enlazado el documento Los dibujos o formas que sern incluidas en el documento

Un documento HTML presentado por el browser puede ser

leido por un ser humano.

Problemas HTML
El documento HTML no es fcilmente entendido por un

programa. El significado de los datos no puede ser extrado a partir de la especificacin en HTML. Procesos de extraccin son requeridos para separar los datos del texto usado para especificar el formato. HTML fue definido para describir presentacin y no contenido

Ejemplo HTML

XML
Lenguaje basado en tags para la especificacin de datos

semi-estructurados Ha sido tomado como estndar 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 HTML

Nuevos tags pueden ser definidos
Las estructuras pueden ser anidadas a cualquier

profundidad Un documento XML puede contener una descripcin opcional a su gramtica No provee ninguna instruccin para especificar como los datos deben ser presentados

HTML y XHTML
El lenguaje XHTML es muy similar al lenguaje HTML. De hecho, XHTML no es ms que una adaptacin de HTML al lenguaje XML. Tcnicamente, HTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML (que a su vez, tambin es descendiente de SGML)

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

LAMP WAMP Server

Acrnimo 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 programacin

Ejemplo PHP