Diseo de Aplicaciones Web*

Elementos del servidor (pginas del servidor): Aquellos

elementos que estn del lado del servidor y se ejecutan en
ste para enviar los resultados al cliente.
Elementos del cliente (pginas del cliente): Corren del
lado del cliente como los scripts, programas ejecutables,
etc. y tienen como propsito mostrar informacin que
proviene del servidor o del mismo cliente.
Elementos de interfaz con el usuario (pginas web):
Componentes que determinan la forma de visualizar la
informacin desplegada por el cliente en el browser y cuyo
propsito es el de facilitar la interaccin con el usuario.
1

Los elementos grficos que conforman la extensin de

UML para aplicaciones web son:
Server Page (Pgina del servidor): Representa una
pgina web que tiene scripts que son ejecutados por
el servidor.
1.

Programas y/o script que se escriben en diferentes

lenguajes de programacin, como PHP, ASP, C, C++,
Perl, etc.

2.

Programas escritos en Java que corren del lado del

servidor (Java Servlets).
2

Diagramas de Navegacin - UML

3. Base de datos. Se usan principalmente para almacenar
informacin.
Pgina cliente: Son las pginas cuya ejecucin se realiza
del lado del cliente, por lo general tienen datos tipo
multimedia, applets y scripts.
Las pginas del cliente se clasifican en:
1. Formas: Representan una coleccin de elementos de
entrada estndar, que aceptan entradas del usuario
para ser enviadas (submit) a una pgina del servidor.

Enlaces
Expresan la estructura relacional de las diferentes
pginas que conforman el diagrama.
Se representan as:
<<link>>: Se usa para establecer un enlace de
navegacin entre dos pginas del cliente, o de una pgina
del cliente hacia una pgina del servidor.
<<build>>: Se usa para representar la creacin de una
pgina del cliente desde una pgina del servidor, las
pginas que son creadas de esta forma se llaman pginas
de creacin dinmica.
<<redirect>>: Se usa para relacionar dos o ms paginas
del servidor como por ejemplo dos scripts escritos en
PHP.
4

<<submit>>: Se usa para representar el envo de

informacin de una pgina forma hacia una pgina del
servidor.
<<target>>: Se usa para relacionar enlaces dentro de
una misma pgina del cliente, estos enlaces permiten
moverse dentro de una misma pgina.
<<target link>>: Se usa para indicar enlaces entre
pginas de un mismo fame o indicar un enlace que crea
una nueva pgina dentro de una nueva ventana.
<<object>>: Se usa para relacionar objetos que
cumplan una actividad espcifica dentro de una pgina.
Ejemplo un javaScript que valida los campos de una
forma.
<<DB_access>>: Indica accesos o cualquier tipo de
consulta a una base de datos.
5

Iconos de los estereotipos

<<server page>>

<<client page>>

<<build>>

shopcart

mycart

<<server page>>

updatecart

<<link>>

<<submit>>

dailyspecial

<<form>>

cartform