Engenharia de Software II
http://engenhariasoftwareisutic.wordpress.com
¿Que permite o Modelo de
Desenho no desenvolvimento
de um projecto de software?
¿Que é UML?
¿Quais são os modelos de
desenho mais utilizados
que propõe UML?
Modelos de diseño
UML propõe mais de 12 modelos de
desenhos entre eles:
Os modelos de subsistemas.
Os modelos de sequência.
Os modelos de máquinas de estado.
Modelos de subsistemas
Principais elementos
1. Diagramas de classes do desenho
2. Pacote do desenho
3. Subsistemas de desenho
4. Interfaces de comunicação
¿ Que garante um
desenho de sistema
consistente e bem
estruturado?
¿Que é uma aplicação
Web?
Aplicação Web
São aqueles aplicativos que os
usuarios podem utilizar acedendo a
um servidor web através de Internet
ou de uma intranet mediante um
navegador.
Usando um diagrama tradicional
¿ Que atributos,
operações e relações
estão ativas no servidor, e
quais no cliente?
Conferencia 5:
Extensões de UML para o
desenho de aplicações Web
Objectivo
• Caracterizar o desenho sistemas
site mediante o uso de extensões
UML para aplicativos deste tipo.
Extensões UML
Mecanismos de UML que permitem
diseñar sistemas Web:
Estereotipos.
Valores etiquetados.
Restricções.
Estereotipo
• Define um novo significado da
semántica para o elemento a
modelar.
• Usualmente representa-se com
uma palavra entre: << >>
• Pode usar-se um Ícone.
Valores etiquetados
Define propriedades ou atributos
dos elementos a modelar.
Exemplo: as classes, têm associadas
propriedades como o nome, a
visibilidade, a persistência, entre
outros
Restrições
• Regras que definem a boa forma
do modelo.
• Usualmente representa-se com
palavras entre:
{}
¿ Quais são os elementos
que compôem um
desehno UML com
estereotipos Web?
Página Servidora
• Representa a página Web que tem
código que se executa no servidor.
Operaciones
Atributos
Páginas Servidoras
Restrições:
La página servidora tem uma
relação 1:1 con um fichero en el
servidor.
Páginas Cliente
• Representa a página Web, com
formato HTML. São interpretadas
pelo navegador.
Operaciones
Atributos
Páginas Cliente
Restrições:
A cada página cliente é construída
por uma sozinha página de
servidor.
Formulários
• Colecção de elementos primeiramente que
são parte de uma página cliente. Seus
atributos são os elementos primeiramente
do formulário. Não têm operações.
Operações
Atributos
¿ Como se associam estes
elementos Web num
modelo de desenho?
Asociação de Construção
• Relaciona as páginas cliente com as do
servidor; expressa-se como que as
páginas que se encontram no servidor
constroem as páginas no cliente.
Exemplo
Asociação de hiperlink
• Associação mais comum entre as
páginas; sempre se origina desde
uma página cliente e aponta para
outra página cliente ou uma página
de servidor.
Exemplo
Asociação de Submit
Cria-se sempre entre um formulário e
uma página servidor, onde o primeiro
manda os valores de seus campos ao
servidor, para ser processados pela
página servidor.
Ejemplo
Redireção e inclusão
<<redirect>>
• A página de servidor além de construir
uma página cliente pode redireccionar o
processamento a outra página.
<<include>>
• Uma página de servidor pode incluir a
outra página de servidor.
Exemplo
Resumen da asociações
To:
From:
ClientPage ServerPage Form
Link
ClientPage
Redirect
Link
Redirect
Builds
ServerPage
Redirect
Redirect
include
Form
Aggregated
Submit
By
Aggregation
CP Relações com recursos ou controles
• Ao modelar as páginas clientes também
podemos representar as relações que tem
com outros recursos ou controles como:
DOM, Applets de Java, Active X e plug-ins.
• Estes recursos também podem se modelar
com classes estereotipadas. Por exemplo
para um Javascript contido numa página
usar-se-ia: <<JavaScript>> , e para um
Applet: <<Applet>>
CP Relações com recursos ou controles
SP Relações com recursos ou controles
• Ao modelar as páginas servidoras
podemos representar as relações do
comportamento da página no servidor
com os recursos que podem existir
nesse lado do aplicativo: componentes
da capa intermediária num aplicativo Ncapa, componentes de acesso ao banco
de dados, o sistema operativo do
servidor.
Ter em conta….
•
Os nomes dos estereotipos, devem
estar bem claros. Pode usar-se o prefixo
SP_ para as ServerPages, CP_ para as
ClientPage e Frm_ para os formulários.
•
Os atributos das páginas especificam-se
a partir das variáveis de seu meio.
Exemplo
Ter em conta….
•
As operações das páginas estão dadas
a partir do código embebido nela para
conseguir um resultado.
•
Uma página com conteúdo dinâmico
brindado
no
servidor
sempre
“construída” por uma ServerPage.
é
Ter em conta….
•
O
passo
associações
de
parâmetros
faz-se
através
nas
dos
valores etiquetados. (vão)
•
A navegabilidad é importante desde o
ponto que mostra a direcção da
acção.
EXEMPLO: CU Autenticar usuario
O caso de uso inicia-se quando o
usuario tenta aceder ao sistema, o
sistema lhe mostra um formulário de
autenticar. Introduz o nome de
usuario e a senha e oprime o botão
aceitar para entrar no sistema.
EXEMPLO: CU Autenticar usuario
O sistema verifica os dados
introduzidos pelo usuario, se cumpre
com os requisitos de autenticação o
sistema brinda-lhe o acesso. Em
caso contrário o sistema responde
com uma mensagem de error.
EXEMPLO: CU Autenticar usuario
<<Build>>
Conclusões
• ¿Como se representam as classes
num
diagrama
de
classes
para
aplicativos site? ¿Que representa a
cada uma?
• ¿Quais são as relações que se
estabelecem?
Bibliografía
• Sommerville, I.; 2005. “Ingeniería de
Software‖, Parte III.
• Pressman, Roger S.; 2007. ‖Ingeniería de
software. Un enfoque práctico‖. 6ta
Edición.
• Jacobson, Ivar y otros; 2004. El Lenguaje
Unificado de Modelado de Software:
Manual de referencia. Editorial Félix
Varela, Ciudad de La Habana.
Engenharia de Software II
http://engenhariasoftwareisutic.wordpress.com
