Arquitetura de Sistemas Web

Representao do design arquitetural de sistemas Web Uso da UML Vises Arquiteturais Baseado na notao de Jim Conallen
WAE UML Referncia
Jim Conallen. Building Web Application with UML Addison-Wesley, 2000, Object Technology Series - Booch, Jacobsoh, Rumbaugh. (ISBN 0-201-61577-0)

Jair C Leite

Vises Arquiteturais
Conceitual (lgica)
Descrio da estrutura e do comportamento lgico do sistema independente de tecnologias de implementao

Mdulo e sub-sistemas
Visa descrever a organizao do sistemas em termos de sub-sistemas e mdulos

Cdigo
Visa descrever a estrutura fsica em termo de unidades (arquivos) de cdigo fonte, bibliotecas, executveis, dados, figuras, etc.

Execuo
Visa descrever os elementos de hardware e os processos (programas rodando) do sistema associados ao hardware.
Jair C Leite

Viso de Mdulos
<<sub-sistema>>
<<sub-sistema>>

Composio/agregao

Gerencia locao

<<mdulo>>

<<mdulo>>

<<mdulo>>

Clientes
<<mdulo>>

Filmes ou

Locao

<<usa>> <<importa>>

<<sub-sistema>>

Gerencia locao
Prov interface
<<camada>>

<<mdulo>>

Locao <<usa>>

<<mdulo>>

<<mdulo>>

Clientes

Filmes Jair C Leite

Viso de Cdigo - Componentes

Esteretipos comuns Esteretipos Web <<fonte>> Componente <<binrio>>
<<server page>> <<client page>>

Os Oscomponentes componentesso so normalmente normalmentearquivos arquivos com cdigo HTML, com cdigo HTML,Scripts Scripts Cliente ClienteeeServidor, Servidor,figuras, figuras, Formulrios, Formulrios,etc. etc. Existem Existemesteretipos esteretipospara para os osprincipais principaiselementos. elementos.

<<biblioteca>>

<<form>>
<<executvel>>

Jair C Leite

Esteretipos de componentes para Sistemas Web

cones

Client Page

Form

Server Page

Frameset

Target

Relacionamentos
Associaes <<link>> <<target link>> <<build>> <<redirect>> <<submit>> Jair C Leite Dependncia Composio/agregao

Arquitetura Web - Perspectiva do Usurio

Nesta Nestaperspectiva, perspectiva,as aspginas pginas so somostradas mostradascomo comovistas vistaspelos pelos Usurios, Usurios,excluindo-se excluindo-sedetalhes detalhes de deimplementao, implementao,como comopginas pginas servidoras servidoras(server (serverpages). pages).
Clientes <<link>> Home <<link>> <<link>> <<link>>

<<link>> Filmes

<<link>> Jair C Leite

Arquitetura Web Perspectiva do desenvolvedor

Nesta Nestaperspectiva, perspectiva,as aspginas pginas so somostradas mostradascom comos osdetalhes detalhes de deimplementao, implementao,como comopginas pginas servidoras servidoras(server (serverpages). pages).
<<redirect>> Old Home New Home

A pgina OldHome redireciona para a NewHome

<<link>> Home Clientes PHP

<<build>> Clientes

A pgina home est ligada a clientes.php que gera a pgina Clientes como ser vista pelo usurio.

Jair C Leite

Pginas com formulrios

Clientes <<build>> [on error]

Boasvindas

<<build>>

Form Cadastro

<<submit>>

Cadastro

Jair C Leite

Pginas com frames

<<target link>> Menu Clientes

<<target link>> Catlogo As Aspginas pginasClientes ClienteseeCatlogo Catlogo so soexibidas exibidasno noframe framePrincipal. Principal.

Principal

Jair C Leite

Pginas com figuras, scripts e CSS

ScriptsValida ScriptsValidafaz fazparte parteda dapgina pgina Scripts.js Scripts.jsest estem emum umarquivo arquivoaaparte. parte.

Figura.jpg

Scripts Valida <<include>>

Scripts.js Estilos.css

Jair C Leite

Viso de cdigo e mdulo

<<mdulo>>

Clientes
Clientes <<build>> [on error] Boasvindas

<<build>>

Form Cadastro

<<submit>>

Cadastro

Jair C Leite

Viso de Execuo Processos

Exemplo 1: Sistema com CGI Perl MySQL
<<processo>> Browser HTTP * <<processo>> Apache CGI * <<processo>> Perl Intepreter ODBC <<processo>> MySQL Server

Exemplo 2: Sistema com PHP - MySQL

<<processo>> Browser <<modulo>> JVM Plugin HTTP * <<processo>> Apache <<modulo>> PHP Interpreter ODBC <<processo>> MySQL Server

A Amquina mquinavirtual virtualJava Java instalada instaladacomo comoplugin plugin no browser no browser

O Ointerpretador interpretadorPHP PHP instalado instaladocomo comomdulo mdulo do doApache Apache

Jair C Leite

Viso de Execuo Processos e Hardware

* Computador Cliente (PC) :internet Servidor (Estao de trabalho)

* <<processo>> Browser Computador Cliente (PC) <<processo>> :internet Apache Servidor (Estao de trabalho) CGI <<processo>> * Perl Intepreter <<processo>> MySQL Server Jair C Leite ODBC

Viso de Execuo e Cdigo

* Browser :internet Servidor Apache MySQL Perl Interpreter

No Noservidor servidoresto estoos oscdigos cdigosdo doApache, Apache, do doMySQL MySQLeedo doInterpretador InterpretadorPerl Perl

Jair C Leite