WAE

Modelagem de Aplicações Web CEDAI 2002 Modelagem de Aplicações Web CEDAI 2002
Mecanismo de Extensão da UML

Permite que usuários refinem a sintaxe e
semântica da notação para adequação a
Web Application Extension projetos de sistemas específicos
Inclui:
Stereotypes (Estereótipos): definição de novos
elementos a partir de elementos já existentes
Constraints (Restrições): regras pertinentes aos
elementos e suas propriedades
Tagged values (Valores rotulados): novas
propriedades para os elementos já existentes
Aline Clairefont Tavares Melo
Mecanismo de Extensão da UML Web Application Extension

Classes do modelo de análise do Rational Unified
Histórico
Process Apresentada em conferências no ano de 1999
Autor: Jim Conallen
Boundary Class Referências
Derivante Classe Livro
Descrição Interface entre os • Building Web Applications with UML.
atores e o sistema • Addison-Wesley, 2000
Constraints None Site
Tagged values None • UML Extension for Web Applications
www.conallen.com/technologyCorner/webextension/welcome.html
Web Application Extension Classes

Define uma série de estereótipos
Server Page
aplicáveis a componentes arquiteturais Client Page
específicos do ambiente Web Formulário
Permite a representação destes Frameset
elementos nos mesmo modelos e Target
diagramas que descrevem o resto do JavaScript
sistema
ClientScript
Server Page Client Page
Derivante Classe Derivante Classe

Descrição Página Web que possui scripts Descrição Página Web, formatada com HTML,
executados no servidor capaz de ser traduzida por um browser
Constraints Só podem relacionar-se com Constraints Nenhum
objetos no servidor Tagged Título: título da página
Tagged values Scripting engine: linguagem que values Base: URL absoluta
executa ou interpreta a página Corpo: atributos da tag HTML <body>
(JavaScript, VBScript, Perl, etc)
Formulário Frameset

Descrição Coleção de campos de entrada de Descrição Container de múltiplas páginas. A área
dados que fazem parte de uma client de visualização do browser é dividida
page. Os atributos representam caixas em frames (quadros).
de texto, botões de radio, etc. Constraints Nenhum
Constraints Nenhum Tagged Linhas: Valor da altura das linhas
Tagged Método: método utilizado para values Colunas: Valor da largura das colunas
values submeter dados para a URL acionada
Target JavaScript

Descrição Compartimento de uma janela onde Descrição Funções JavaScript executadas pelo
páginas podem ser carregadas. browser
Normalmente, é um frame definido por Constraints Nenhum
um frameset.
Tagged Nenhum
Constraints Nome deve ser único values
Tagged Nenhum
values
f(){
}
ClientScript Associações
Link
Derivante Classe Targeted Link
Descrição Coleção de script executados do lado Frame Content
cliente e que estão armazenados em Submit
um arquivo separado (include)
Builds
Constraints Nenhum
Redirect
Tagged Nenhum
values IIOP
RMI
Link Targeted Link

Derivante Associação Derivante Associação
Descrição Ponteiro de uma client page para outra Descrição Semelhante ao link, onde a página
página. Mapeado diretamente para a associada é carregada em outro
tag HTML <anchor> container (target)
Constraints Nenhum Constraints Nenhum
Tagged Parâmetros: nomes dos parâmetros Tagged Parâmetros: mesmo do link
values que são passados durante a requisição values Target: nome do target que
da página acomodará a página
Frame Content Submit

Descrição Relacionamento de agregação que Descrição Relaciona um formulário a uma server
expressa o conteúdo de um frame page, que recebe e processa os
Constraints Nenhum valores dos campos submetidos
Tagged Linha: indica a linha do frame Constraints Nenhum
values Coluna: indica a coluna do frame Tagged Parâmetros: nomes dos parâmetros
values que são passados durante a requisição
da página
Builds Redirect
Descrição Relaciona uma client page a server Descrição Expressa um re-direcionamento de
page que a constrói página, que pode ocorrer entre client
Constraints Nenhum pages e server pages
Tagged Nenhum Constraints Nenhum
values Tagged Delay: tempo de retardo antes do
values re-direcionamento para outra página
IIOP RMI
Descrição Relaciona objetos instanciados no Descrição Relaciona Applets Java ou JavaBeans
cliente que se comunicam com objetos que se comunicam com JavaBeans
instanciados no servidor através do localizados em outras máquinas
protocolo IIOP (Internet Inter-ORB através de RMI (Remote Method
Protocol) Invocation)
Tagged Nenhum Tagged Nenhum
values values
Regras para os relacionamentos Atributos

Para: Client Page Server Page Frameset Target Formulário Elemento Input
De: Elemento Select
Client Page Link Link Link Dependência Agregação Elemento Text Area
TargetedLink TargetedLink TargetedLink
Redirect Redirect Redirect
Server Page Builds Redirect Builds
Redirect Redirect
Frameset Frame Content Frame Content Frame Content
Target
Formulário Agregação Submit
Elemento Input Elemento Select

Derivante Atributo Derivante Atributo
Descrição Atributo de um formulário. Descrição Atributo de um formulário.
Representado pela tag HTML <input> Representado pela tag HTML <select>
Tagged Tipo: tipo do controle (Ex: caixa de Tagged Tamanho: número de itens que serão
values entra de texto, botões de checagem,...) values mostrados ao mesmo tempo
Tamanho: largura do controle Múltiplo: indica se múltiplos itens
Maxlength: número máximo de poderão ser selecionados
caracteres
Elemento Text Area Componente

Derivante Atributo Página Web
Descrição Atributo de um formulário. Página ASP
Representado pela tag HTML Página JSP
<textarea>
Constraints Nenhum Servlet
Tagged Linhas: número visível de linhas no Biblioteca de Scripts
values texto
Colunas: largura em caracteres
Página Web Página ASP <%
%>
Derivante Componente Derivante Componente

Descrição Página ou módulo compilado que Descrição Página Web que contém código
retorna um documento HTML ASP (Active Server Pages)
formatado para o cliente Constraints Nenhum
Constraints Nenhum
Tagged values Caminho: caminho que especifica
Tagged values Caminho: caminho que especifica a página no servidor Web
a página no servidor Web
Página JSP Servlet
Derivante Componente Derivante Componente

Descrição Página Web que contém código Descrição Módulo Java que executa a lógica
JSP (Java Server Pages) de negócio da aplicação no
Constraints Nenhum servidor
Constraints Nenhum
a página no servidor Web Tagged values Caminho: caminho que especifica
a página no servidor Web
Modelo de Projeto
Biblioteca de Scripts f(){
Depois de definida a arquitetura a ser utilizada,
}
cada diagrama do Modelo de Análise passará por
Derivante Componente um processo de refinamento
Descrição Biblioteca de rotinas ou funções cadastro_entr cadastro_for
que podem ser incluídos em

cadastro_res
yform <<s ubm it>>
m ult
(from pEntrada) (from pEntrada) (from pEntrada)
Usuário cadastro_entryform cadastro_result
páginas Web
Usuário
(f rom pEntrada) (f rom pEntrada) (f rom pEntrada)
(from pEntrada)
{us uário é aluno}
Constraints Nenhum
Usuario {us uário é profess or}
(from Logical View)
Professor Aluno
BuscaEmail() (from Logical View)
Usuario Aluno Professor AutenticaUsuario()
(from Logical View)
Verif icaLogin() BuscaDisciplinas()

(f rom Logical View) (f rom Logical View) (f rom Lo gi cal Vi ew) BuscaDisciplinas()
CriaSenha() BuscaNotas()
Env iaSenha() ValidaDoc()

AlteraSenha() PossuiConta()
CadastraConta()
BuscaHistorico()
ExecSQL InsereRequerimento()
(from Logical View)
a página no servidor Web ExecSQL GetConectionString()

ExecSQL()
RecordsetToMatrix()
Diagrama de Classes do Modelo de Projeto - RealizaCadastraConta Associações de Classes - Link e Builds
cadas tro_entr cadastro_for cadastro_res

yform <<s ubm it>>
m ult
(from pEntrada) (from pEntrada) (from pEntrada)
home_aluno cria_m aterias

Us uário
home_aluno cria_m aterias _detail
(from pEntrada) <<link>> (from pAluno)
(from pA luno)
(from pAluno)
_deta il
(from pAluno)
{us uário é aluno}
Usuario {us uário é profes s or}
(from Logical View)
<<build>> << link> >
Aluno <<build>>
Professor
BuscaEmail() (from Logical View)
(from Logical View)
AutenticaUsuario()
Verif icaLogin() BuscaDisciplinas() materias_det
BuscaDisciplinas()
CriaSenha() BuscaNotas() ail materias_det
Env iaSenha() ValidaDoc() (from pAluno) ail
AlteraSenha() PossuiConta()
(from pAluno)
CadastraConta()
BuscaHistorico()
ExecSQL InsereRequerimento()
(from Logical View)
GetConectionString()
ExecSQL()
RecordsetToMatrix()
Associações de Classes - Frame Content e Targeted Link Associações de Classes - Submit e Redirect
default login_form autentica_usu

<<submit>> ario
Estrutura_SID Indice Informativos (from pEntrada) (from pEntrada)
(from pEntrada)
<<targeted link>> login
{target = Conteudo} senha
<<redirect>>
cria_home_al
<<targeted link>> uno Usuari o
{target = Conteudo} (from pAluno) (f rom Logical View)
Usuário
(f rom pEntrada) Informati vo
(from Logical View)
<<build>>
Conteudo
Contatos
Aluno ExecSQL
home_aluno (f rom Logical View) (f rom Logical View)
Aluno (f rom pA lun o)
(f rom pEntrada)
Diagrama de Seqüência Diagrama de Colaboração

1: digita pergunta
: : 2: submit
:
duvidas _entryf duvidas _res ult : Disciplina : ExecSQL
: Aluno
duvidas_entry
: Aluno
digita pergunta
6: confirma oper acao
3: submit
submit
:
s ubm it duvidas_result
Ins erePergunta(String, Integer, String, String, String)

ExecSQL(String, String, Variant, String)
4: InserePergunta(String, Integer, String, String, String)
confirm a operacao : ExecSQLP L

: Disciplina
5: ExecSQL(String, String, Variant, String)

Diagrama de Componentes
cadastro_res cadastro_entr senha_entryfo senha_result
ult yform rm
<% <%
%> %>
default autentica_usu erro_result

ario
<% <%
Página web
%> %> Página asp
home_aluno home_profes
sor
<% <%
%> %>
Associações de Classes - DCOM Diagrama de Componentes

No padrão de arquitetura Thick Web Client os controles
ActiveX, applets Java e JavaBeans são representados home_professor
como classes ou interfaces tradicionais Diagrama de Classes com
Para aumentar a performance do sistema pode-se Interface ihome_professor <%
utilizar uma arquitetura distribuída, segundo o padrão ihome_professor

%>
Web Delivery, que neste caso utiliza DCOM cria_home_pro

fessor
home_profes
sor
ihome_pr ofessor
grafico_histori <<Ac tiveX>> <<Interface>>
<<DCOM>>
co Chart IRealizacao
home_professor.asp
ihome_professor

WAE

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

WAE

Enviado por

Direitos autorais:

Formatos disponíveis

Modelagem de Aplicações Web CEDAI 2002 Modelagem de Aplicações Web CEDAI 2002

Mecanismo de Extensão da UML

Mecanismo de Extensão da UML Web Application Extension

Web Application Extension Classes

Server Page Client Page

Derivante Classe Derivante Classe

Derivante Classe Derivante Classe

Derivante Classe Derivante Classe

Link Targeted Link

Frame Content Submit

Regras para os relacionamentos Atributos

Elemento Input Elemento Select

Elemento Text Area Componente

Página Web Página ASP <%

Derivante Componente Derivante Componente

Página JSP Servlet

Derivante Componente Derivante Componente

que podem ser incluídos em

Usuário cadastro_entryform cadastro_result

{us uário é aluno}

Verif icaLogin() BuscaDisciplinas()

Tagged values Caminho: caminho que especifica

a página no servidor Web ExecSQL GetConectionString()

Diagrama de Classes do Modelo de Projeto - RealizaCadastraConta Associações de Classes - Link e Builds

cadas tro_entr cadastro_for cadastro_res

home_aluno cria_m aterias

default login_form autentica_usu

Aluno (f rom pA lun o)

Diagrama de Seqüência Diagrama de Colaboração

Ins erePergunta(String, Integer, String, String, String)

confirm a operacao : ExecSQLP L

5: ExecSQL(String, String, Variant, String)

default autentica_usu erro_result

Associações de Classes - DCOM Diagrama de Componentes

utilizar uma arquitetura distribuída, segundo o padrão ihome_professor

Web Delivery, que neste caso utiliza DCOM cria_home_pro

Você também pode gostar