EXEMPLO - WordPress.com

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