UML

Arquitetura e
Diagramas de Interface

UML - Arquitetura e Diagramas

de Interface 1
Arquitetura de Sistemas

 Pacotes (packages) – Coleção de Classes

 Diagramas de implantação de hardware
 Diagramas de implantação de software

UML - Arquitetura e Diagramas

de Interface 2
Pacotes

PacoteDePaciente PacoteDeAlaHospitalar

UML - Arquitetura e Diagramas

de Interface 3
…

PacoteDePaciente PacoteDeAlaHospitalar

Dependência

UML - Arquitetura e Diagramas

de Interface 4
Pacotes
DominioDeAplicação

DominioDeArquit
AplicaçãoParaAdmissão GUIParaAdmissão
/AltaDePaciente /AltaDePaciente
BibliotecaDeSuporte
DeGUI

DominioDeNegocio o
o

BibliotecaDeSuporte
PacoteDePaciente PacoteDeAltaHospitalar
DeDB

UML - Arquitetura e Diagramas

de Interface 5
Esquema ilustrativo:
Workstation Servidor
de usuário de Departamento

Servidor
da Companhia

Workstation
operadora

UML - Arquitetura e Diagramas

de Interface 6
Diagramas de implantação
para artefatos de hardware
UM COMPUTADOR UM DEPARTAMENTO A COMPANHIA
deptCorpLink:
1..*
TCPIP
interDeptLink: 1
LAN Servidor de Arquivo 1
PC

estaçãoDeUsuário: 1
ServidorDeCompanhia:
servidorDeDepto: opLink:
MainFrame
compudadorPessoal 1..* LAN 1
Arquivo
estaçãoOperadora: 1..* 1
Workstation
opCorpLink:
TCPIP
UML - Arquitetura e Diagramas
de Interface 7
Diagrama de implantação para
construções de software:

controllerDeSuperDeCont:
busDeGuiamento1: WigglerZap2B
BusDeGuiamento
CAPrincipal
MáquinaDeGuiamento: ControllerDeAtitude
BlatzSuper5000 <<ping>> Tudo OK?
CAPrincipal busDeGuiamento2:
ControllerDeAtitude BusDeGuiamento
controllerDeSuperDeCont:
WigglerZap2B
CFDeBackup
ControllerDeFlapes

UML - Arquitetura e Diagramas

de Interface 8
DI para Caixa Automático de
um Banco:

servidorDeContaRegional:
LinkDeATM: DatBlast12A
WAN ServiçosDeConta
processadorATM: :ServidorDeDados
ScroogeTeller86 DeConta
:CaixaAutomático

UML - Arquitetura e Diagramas

de Interface 9
Interface Humana:

 Diagrama de Layout de Janelas

 Diagrama de Navegação de Janelas

UML - Arquitetura e Diagramas

de Interface 10
Diagrama de Layout de Janelas

Modificar Lista de Preços

Arquivo Editar Relatórios Janela Ajuda

Nome da Lista de Preços: Região de Marketing: Efetivo: Expira: Ativo?

Detalhes:
Produto Descrição Preço Comentários

ObterDetalhes
UML - Arquitetura e Diagramas
de Interface 11
Diagrama de Navegação de
Janelas:
<<window>>
Menu
<<window>> <<nav>>
Arquivo-Novo
ListaNovaDePreços <<window>>
<<nav>> ModificarListaDePreços
<<cb>>
Arquivo-Aberto
<<window>> Detalhes
<<nav>>
ListaNovaDePreçosAberta <<nav>>

<<window>>
ModificarDetalhesDePreços

UML - Arquitetura e Diagramas

de Interface 12
 Rotas alternativas de
navegação:
<<window>>
Menu

<<nav>>

<<window>>
SelecionarCliente
<<cb>>
NovoPedido
[clienteSobAnálise.domicílio= [clienteSobAnálise.domicílio=
doméstico] internacional]
<<nav>>
<<nav>> <<nav>>
<<window>> <<window>>
ModificarDetalhesDePreços ModificarDetalhesDePreços

UML - Arquitetura e Diagramas

de Interface 13
Orientação a Objetos X GUI
 GUI >> temos objetos na tela!
 Outros acham que GUI não devem ser vistas em
OO!

 Conjunto cooperativo de janelas segue um

paradigma ação-objeto
 Ação-objeto leva à Interface Humana OO
 Polimorfismo também é importante para
Interface Humana

UML - Arquitetura e Diagramas

de Interface 14