UWE UML-based Web Engineering

Esta metodologia foi desenvolvida na Universidade de Munique Alemanha e aborda as trs dimenses de um projeto de aplicaes Web: contedo, navegao e apresentao, utilizando elementos padres da UML juntamente com a notao UWE e define uma seqncia de passos para a modelagem de uma aplicao Web.

A modelagem para desenvolvimento de aplicaes Web pode ser realizada usando tcnicas propiciadas pela UML junto com a sua notao UWE. Desenvolvedores de aplicaes Web normalmente fazem uma separao do contexto em contedo, navegao e apresentao, ou seja, dividem, mesmo que involuntariamente, o desenvolvimento nos seguintes passos: projeto conceitual, de navegao e de apresentao.

Parte das atividades do projeto conceitual, de navegao e de apresentao a construo de modelos e sua representao grfica. Esses modelos consistem de elementos de modelagem da UML padro ou elementos de modelagem especificados esteretipos definidos atravs do mecanismo de extenso da UML (Nota 1).

Projeto Conceitual

O Projeto Conceitual produz um Modelo Conceitual que descreve o domnio do problema atravs de classes e suas associaes entre essas classes. representado atravs de um Diagrama de Classe da UML.

Projeto Navegacional

A base no Projeto Navegacional o Modelo Conceitual, e seu resultado o Modelo Navegacional que pode ser visto como uma viso definida do modelo conceitual. O modelo navegacional definido em dois passos. No primeiro passo o Modelo de espao navegacional definido mostrando quais as classes do modelo conceitual podem ser visitadas por navegao na aplicao Web. Um diagrama de classe da UML utilizado para representar graficamente o modelo conceitual. Este modelo que construdo com

esteretipos de classes classe navegacional e associao navegabilidade direcionada.

O Modelo de estrutura navegacional define a navegao da aplicao, isto , como os objetos navegacionais so visitados. Este modelo baseado no modelo de espao navegacional, mas elementos de modelagem adicionais so includos no diagrama de classe para representar a navegao entre objetos navegacionais: menus, guide tours e queries. Todos esses esteretipos sero definidos ao longo desta seo.

Projeto de apresentao

O projeto de apresentao suporta a modelagem de uma interface abstrata de usurio exibindo como a estrutura navegacional apresentada ao usurio. Projeto de apresentao como os ns de navegao aparecero, selecionando objetos de interface de usurio a serem exibidos e determinando as transformaes que ocorrero em cada interface definida. Esta notao prope a construo de um modelo de apresentao.

O Modelo de apresentao representado por um diagrama de composio da UML que descreve como as interfaces de usurios so construdas. Um objeto de interface de usurio pode ser um objeto de interface de usurio primitivo como texto, imagem e boto, ou uma composio de objetos de interface de usurios. Para a definio de objetos de interface de usurio foram definidos esteretipos de acordo com o mecanismo de extenso propiciado pela UML. Esses objetos so: ncora, texto, imagem, udio, vdeo, boto, coleo, coleo ancorada.

Esteretipos para modelagem de aplicaes Web

Esta extenso da UML define um conjunto de esteretipos que so usados na construo dos modelos definidos para o desenvolvimento de aplicaes Web. A seguir sero apresentados os esteretipos definidos para a modelagem de aplicao Web segundo a notao UWE separados pelo modelo j definido anteriormente.

Modelo navegacional

Classe Navegacional: representam uma classe conceitual cuja instncia podem ser visitadas por usurios durante a navegao.O cone usado para o esteretipo navigational class mostrado na Figura 8. Navegabilidade Direcionada: associao no modelo navegacional interpretada como navegabilidade direcionada da classe navegacional de origem para a classe navegacional de destino. Possui semntica diferente de uma associao no modelo conceitual. Ela determina a direo de navegao entre as classes, e so exibidas por setas direcionadas ou bidirecionadas (navegao em ambos os sentidos). Index: modelado por um objeto composto que contm um nmero arbitrrio de itens de index. Cada item de index possui um nome e um link para uma instncia de uma classe navegacional. Qualquer index um membro de alguma classe index que estereotipada por index com um cone correspondente como mostrado na Figura 8. Guide Tour: um objeto que permite acesso seqencial para as instncias de uma classe navegacional. O cone correspondente para o esteretipo guide Tour mostrado na Figura 8. qualquer classe guide tour ser conectada a uma classe navegacional por uma associao direcionada que tenha a propriedade {ordered}. Query: representado por um objeto que tenha uma string de consulta como atributo. O cone para o esteretipo query mostrado na Figura 8. Menu: um objeto composto que contm um nmero fixo de itens. Cada item de menu tem um nome e um link para a instancia de uma classe navegacional, index, guide tour ou query. Qualquer menu uma instancia de uma classe menu que estereotipada por menu com um cone correspondente mostrado na Figura 8.

Figura 8. Esteretipos para o modelo navegacional Modelo de apresentao Classe de apresentao: modela a apresentao de uma classe navegacional ou primitiva de acesso, como index, guide tour, query ou menu. Instancias de classes de apresentao recebem elementos de modelagem como texto, imagens, vdeos, udio, ncoras, colees, colees ancoradas, etc. A Figura 9 mostra o cone correspondente.

 Frameset e Frame: um elemento de alto nvel que modelado por uma composio de objetos de apresentao ou outros framesets. Uma rea de um frameset associada a cada elemento de baixo nvel, chamado frame. Os cones para os esteretipos frameset e frame so apresentados na Figura 9. Janela: a rea de interface de usurio onde framesets e objetos de apresentao so exibidos. Uma janela pode ser movida, maximizada ou minimizada a um cone. Ela possui dois pequenos botes, um para transformar a janela em cone (minimizar) e outro para fechar a janela. A Figura 9 apresenta o esteretipo de classe para janela.

Figura 9. Esteretipos que compem o modelo de apresentao

Figura 10. Esteretipos de apresentao

A Figura 10 mostra os cones escolhidos para os esteretipos de elementos de modelagem apresentados abaixo. Eles so usados no projeto de apresentao de aplicaes Web em adio aos objetos de apresentao, janelas, frameset e frames.

Texto: uma seqncia de caracteres.

 ncora: um texto que pode ser clicado que o ponto de partida para o relacionamento entre outros ns. Boto: uma rea que pode ser clicada que tem uma ao associada a ela.

Imagem, vdeo, udio: so objetos multimdia. Uma imagem pode ser exibida. udio e vdeo podem ser iniciados, parados, podemos volt-los, ou adiant-los. Form: usado para receber informaes do usurio que passam informaes em um ou mais campos de entrada ou opes de seleo do browser ou checkbox. Coleo: uma lista de elementos de texto que introduzida como esteretipo que prover uma representao conveniente desta composio. Coleo ancorada: uma lista de ncoras que introduzida como esteretipo que prover uma representao conveniente de uma coleo de ncoras. Aplicao de UWE no estudo de caso

A modelagem de uma aplicao seguindo a metodologia apresentada por UWE para o estudo de caso consiste na definio de trs modelos: Modelo conceitual (idntico ao da Figura 3), Modelo navegacional (Figura 11) e Modelo de apresentao (A Figura 12 apresenta o modelo de apresentao para a pgina de veculos).

Figura 11. modelo navegacional

O modelo navegacional da Figura 11 indica que a classe navegacional Loja composta por um item menu (Menu Principal) com 4 links para a classe Categoria, que apresenta a lista de veculos de acordo com a categoria (Index Lista de Veculos). A partir desta lista pode ser acessada um veculos especficos (classe Veculo).

Figura 12. modelo de apresentao

O modelo de apresentao para a pgina de veculo apresenta os elementos desta pgina de acordo com o seu tipo. A pgina composta pelas informaes de Veculos (Classe de apresentao Veculo) que contem seus dados (fotos, ano, cor, etc) e por um menu principal (Classe de apresentao Menu Principal) com links para outras reas do site.

Nota 2 Ferramentas de modelagem das metodologias O desenvolvimento de uma aplicao Web atravs das metodologias apresentadas neste artigo requer a utilizao de ferramentas CASE para facilitar a tarefa de modelagem atravs de cada uma das metodologias. Abaixo, apresento uma descrio sobre ferramentas existentes para as metodologias. ArgoUWE: O ArgoUWE uma ferramenta CASE que permite a modelagem de aplicaes Web atravs da metodologia UWE . Esta ferramenta instalada como extenso da ferramenta de modelagem ArgoUML atravs de bibliotecas especiais para a notao UWE. A ferramenta ArgoUML gratuita e est disponvel no endereo http://argouml.tigris.org. A biblioteca de extenso para a metodologia UWE est disponvel em: http://www.pst.informatik.uni-muenchen.de/projekte/argouwe/. Este endereo apresenta as informaes necessrias para a instalao destas bibliotecas ao ArgoUML. Obs: a ferramenta neste momento no suporta a modelagem do modelo de apresentao.

 Esteretipos para o Rational Rose: O Rational Rose uma ferramenta CASE proprietria desenvolvida pela empresa IBM que permite a modelagem de sistemas utilizando-se a notao UML. Para que seja possvel a modelagem de sistemas utilizando a notao WAE, necessria a instalao dos esteretipos estendidos da UML atravs desta ferramenta. O arquivo de instalao dos esteretipos da notao WAE para o Rational Rose est disponvel no endereo http://www.wae-uml.org. Caso vocs no consigam acessar o endereo, entrem em contato com o autor do artigo. Visual UML: O Visual UML uma ferramenta CASE proprietria desenvolvida pela empresa Visual Object Modelers, que uma empresa membro da OMG (Object Management Group), que permite a modelagem de objetos para todos os diagramas da UML 1.3 e 1.4. Visual UML inclui extenses da UML para modelagem de objeto de negcio, modelagem de aplicaes Web (usando a notao WAE) e modelagem XML. Os responsveis pela ferramenta disponibilizam uma verso de teste do Visual UML para ser utilizado por 30 dias. Esta verso est disponvel no endereo http://www.visualuml.com. WebRatio: uma ferramenta CASE que permite a modelagem e a gerao de aplicaes Web utilizando como base a notao WebML. O WebRatio uma ferramenta proprietria desenvolvida pela empresa WebModels S.r.I. com o auxlio dos criadores da WebML. Esta ferramenta possui uma verso de teste disponvel no endereo eletrnico: http:///www.webratio.com. Concluso

Este artigo tem como objetivo apresentar ao leitor as principais diferenas no desenvolvimento de uma aplicao que utiliza a Web como plataforma, destacando trs metodologias de desenvolvimento dessas aplicaes. A importncia destas metodologias se d devido necessidade de definio de aspectos particulares destas aplicaes e que no podem ser desenvolvidos como sistemas convencionais. Atualmente, no h um padro de modelagem de aplicao Web (como existe para aplicaes tradicionais atravs da UML). Vrias metodologias com caractersticas e notaes distintas esto disponveis e podem ser utilizadas no projeto dessas aplicaes.

Arilo Claudio Dias Neto

Doutor em Engenharia de Sistemas e Computao formado pela Universidade Federal do Rio de Janeiro (COPPE). Possui 6 anos de experincia em anlise e desenvolvimento de software. ainda editor tcnico da Revista

Leia mais em: Metodologias de desenvolvimento de aplicaes Web Parte 05 http://www.devmedia.com.br/metodologias-de-desenvolvimento-de-aplicacoes-webparte-05/9820#ixzz2kSw4qmTh