Você está na página 1de 12

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

ISSN 1981-2841

117

APLICAO DE EXTENSES UML NO MODELO NAVEGACIONAL EM UM PROCESSO CUSTOMIZADO PARA SISTEMAS PARA WORLD WIDE WEB USING NAVIGATIONAL MODEL AND EXTENSIONS UML IN A CUSTOMIZATION PROCESS
Clovis Knebel1, Joo Elias Brasil Bentes Jnior1 e Marla Teresinha Barbosa Geller1

RESUMO
Neste trabalho apresenta-se o resultado de uma experincia na criao e experimentao de um modelo de processo para guiar o desenvolvimento de aplicaes para a www com orientao a objetos. Essa experincia foi subsidiada pela customizao de modelos de processos existentes, os quais forneceram a estrutura principal do modelo proposto. O texto focaliza-se na apresentao do modelo navegacional dentro do processo customizado. Palavras-chave: desenvolvimento de sistemas Web, modelagem navegacional, extenses UML.

ABSTRACT
This paper presents the result of an experiment on the creation and enactment of a process model to guide the software development for the World Wide Web with the Object-Oriented paradigm as a consequence of the customization and merge of existing process models. The article has your principal focus inside in the presentation of the navigational model of the customizing process. Keywords: Web systems development, navigational model, UML extensions.

Curso de Sistemas de Informao - Centro Universitrio Luterano de Santarm (CEULS - ULBRA), Santarm - Par - Brasil.

118

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

INTRODUO
A UML uma linguagem padro para modelagem de sistemas orientados a objetos que possui o objetivo de atender a uma grande quantidade de sistemas, dos mais variados tipos. Ela (BOOCH et al., 2000) foi criada com notao e semntica bastante genricas. Tal notao, tema em contextos particulares. Isso ocorre com sistemas voltados para web. Uma grande diversidade de modelos de processos de software est

em que se objetivam demonstrar as adaptaes necessrias para aplicaes Web, podem-se citar: WAE (Web Application Extension) (CONALLEN, 2003), HDM (Hypermedia Design Model) (GARZOTTO, et al., 1999), OOHDM (Object Oriented Hypertext Design Model) (ALVARES, 2001), UPHD (Hyperme(KOCH, 2000; KOCH; KRAUS, 2004), WebPraxis (ALVARES, 2001), WebML (Web Modeling Language) (CERI et al., 2004), entre outros. Neste trabalho, objetiva-se mostrar a aplicao de extenses UML para web, sugeridas por mtodos de desenvolvimento de software j existentes. A aplicautilizados so o UPHD, proposto por Koch (2000); KOCH; KRAUS (2004) e o WAE, sugerido por Conallen (2003). A fase do processo, considerada nesse trabalho, web, conforme ARAJO (2001). O estudo de caso, usado na validao do trabalho e nele apresentado de maneira parcial, um Portal de Imveis de Santarm Par Brasil, que pretende atender a um grupo de empresas imobilirias desse local. Os usurios do sistema so os clientes das empresas imobilirias e as prprias empresas administradoras de imveis da cidade. O sistema disponibiliza, via web, servios de atendimento aos clientes que permitem visualizar os imveis atravs de imagens e obter informaes detalhadas como localizao, preo, descrio,

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

119

O trabalho organiza-se em sees: na seo dois, apresenta-se uma breve nem-se alguns artefatos; na seo quatro, descrevem-se os passos para construo do modelo navegacional e sua aplicao no sistema proposto e, na seo cinco,

ANLISE DOS PROCESSOS BASE


Algumas experincias so descritas (FITGERALD et al., 2004; KENAN, s/d) para sugerir estratgias e regras que devem ser seguidas para customizao de processos. A adaptao de processos j existentes tem como resultado procesweb. O UPHD ( e o WAE (Web Application Extension) so exemplos desses processos e so utilizados como base para o desenvolvimento deste trabalho. Tal escolha se deve ao fato de que UPHD e WAE possuem algumas similaridades e diversidades, mas, ao mesmo tempo, so complementares, pois, ambos descrevem um processo para desenvolvimento de aplicaes web, utilizando extenses UML para modelagem. O WAE baseado no RUP e descreve o processo por meio de modelos, enquanto o UPHD utiliza as fases do UP (SCOTT, 2003), mostrando como as atividades de cada podem ser modeladas atravs de extenses UML. A complementaridade dos dois mtodos acentua-se pelo fato de que o UPHD atende aos aspectos de navegao e de apresentao de aplicaes Web no atendidas pelo mtodo WAE. Por outro lado, o mtodo WAE define esteretipos para aspectos relevantes no encontrados no UPHD, como pginas da web. Os dois processos utilizados como base fazem a especificao de deweb. Os recursos de modelagem sugeridos pelo UPHD so, em alguns casos, detalhados minuciosamente, o que pode ocasionar um bom resultado se a interpretao for cuidadosa. Por outro lado, exige ateno e rigidez na interpretao dos modelos que podem desestimular o desenvolvedor, como, por exemplo, pode-se verificar os modelos de apresentao esttico e dinmico sugeridos que incluem muitos esteretipos semelhantes.

120

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

Uma diferena estrutural entre os dois processos evidenciada no modelo navegacional. No UPHD, Koch refere-se ao modelo navegacional de classes e modelo de estrutura navegacional como parte do projeto navegacional no workde anlise e projeto. No WAE, Conallen acrescenta o modelo de eXperincia usurio, bem como a navegao entre as classes. Conallen criou um conjunto de esteretipos bastante negativo para esse modelo. O detalhamento minucioso das atividades e artefatos produzidos por cada workflow, que so sugeridos pelo UPHD (KENAN, s/d), facilita o desenvolvimento do trabalho. No entanto, a descrio do mtodo UPHD, quando utiliza os trs workflows principais (levantamento de requisitos, anlise, projeto e implementao sem mencionar as fases) dificulta a diviso de tarese refere ao workflow de implementao, no qual a elaborao e a construo esto sem uma linha definida. As extenses propostas pelos dois mtodos para expressar um projeto de aplicao web cos para a web e o restante dos elementos do sistema.

CUSTOMIZAO DO PROCESSO E MODELO NAVEGACIONAL


Essa seo descreve o processo proposto para o desenvolvimento do trabalho, o qual tem seu enfoque principal na fase de elaborao. Por meio do diagrama lo de processo de desenvolvimento. A notao agrupa as atividades em iteraes 2003), isto , concepo, elaborao, construo e transio. A fase de elaborao, que constitui o enfoque principal deste artigo, realizada em trs iteraes como mostra o diagrama de atividades apresentado

extenes UML para a web.

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

121

122

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

EXEMPLO DE ARTEFATOS PRODUZIDOS PARA O PORTAL DE IMVEIS DE SANTARM Como complemento do trabalho, faz-se uma apresentao de alguns artefatos produzidos por meio do processo proposto.

CASOS DE USO
bilirio. Manter regras de locao, manter imveis e consultar imobiliria

Figura 2 - Modelo de casos de uso MODELO CONCEITUAL


O objetivo do modelo conceitual construir um modelo de classes

na interao entre os usurios e a aplicao.

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

123

Figura 3 - Modelo conceitual para o Portal de Imveis de Santarm.

MODELO NAVEGACIONAL
Baseado no modelo conceitual, o modelo navegacional descreve a navegao da aplicao, ou seja, como o usurio acessa as funcionalidades do sistema. Para representar esse modelo fez-se um diagrama de classes navegacionais Representar a navegabilidade de um sistema baseado na web objetivo novos links so adicionados. Se, por um lado, eles incrementam a navegabilidade, por outro, muitas vezes, aumentam o risco de se perder a orientao. O modelo navegacional estrutura melhor os incrementos navegacionais, alm de auxiliar a documentao.

124

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

ELEMENTOS DO MODELO
Para representar as classes navegacionais de uma aplicao web, mostra-se, na tabela 1, os principais esteretipos da extenso UML proposta por Conallen (CANALLEN escolha pela sugesto de Conallen deve-se ao fato de os modelos serem de mais suporte da ferramenta usada (Rose). Tabela 1 - Esteretipos de classes utilizadas no modelo.
cone normal cone de decorao Descrio Representa uma pgina web dinmica, a qual contm o contedo no servidor sempre que solicita-

do. Interage com o banco de dados, lgica do negcio, e com sistemas externos por meio de scripts executados no servidor. So pginas web formatadas em HTML, apresentadas pelos navegadores de clientes. Podem conter scripts interpretados pelo navegador. Um formulrio uma coleo de campos de entrada que faz parte de uma pgina de cliente.

Ele no possui operaes e quaisquer operaes que interajam com o formulrio sero propriedades da pgina cliente.

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

125

Os esteretipos de associaes utilizados nos modelos so apresentados na tabela 2:

Tabela 2 - Esteretipos de associao utilizados no modelo. Esteretipo


<<link>>

Descrio
Representa um relacionamento entre uma pgina do cliente e um recurso do lado do servidor ou pgina web. Uma associao <<link>> uma abstrao do elemento ncora HTML, quando o atributo href Relacionamento que liga pginas cliente e pginas servidor.

<<build>> pgina cliente. Associao situada entre um formulrio e uma pgina servidor. Os formulrios submetem os valores de seus campos para o processamento no servidor, por meio de pginas servidor. Relacionamento unidirecional entre uma pgina do cliente ou uma pgina do servidor com outra pgina web. Essa associao da por outra pgina cliente.

<<submit>>

<<redirect>>

<<forward>>

Um relacionamento entre uma pgina do servidor e outra pgina do servidor ou pgina do cliente. Essa associao representa a delegao de processamento de uma solicitao do cliente de um recurso para outra pgina do lado do servidor.

<<include>>

Relacionamento entre uma classe servidor com outra classe servidor ou com uma classe cliente. Durante a montagem da pgina em tempo de execuo, essa associao indica que a pgina in-

EXEMPLO DE APLICAO
Para melhor entendimento do modelo navegacional, o diagrama na seo 4.

126

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

Figura 4

O mtodo utilizado para construo desse modelo segue os seguintes passos: construo dos caminhos navegacionais.

CONSIDERAES FINAIS
Os passos para criao dos modelos, brevemente apresentados neste trabalho, so parte de um projeto maior que trata do estudo e da aplicao de um processo customizado para aplicaes web, baseado em processos j existentes. O enfoque no presente artigo se limita a apresentar a fase de elaborao do processo utilizado, evidenciando a importncia do modelo navegacional. Web. Os recursos

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7, n. 1, p. 115-126, 2006.

127

de modelagem sugeridos pelo UPHD so, em alguns casos, detalhados minuciosamente, o que pode ocasionar um bom resultado, se a interpretao for cuidadosa. Por outro lado, exige ateno e rigidez na interpretao dos modelos que pode desestimular o desenvolvedor. Uma diferena estrutural entre os dois processos evidencia-se no modelo navegacional. No UPHD, Koch refere-se ao modelo de classes navegacional e ao modelo de estrutura navegacional como parte do projeto navegacional no workde anlise e projeto. No WAE, Conallen acrescenta o modelo de eXperincia usurio, bem como a navegao entre as classes. Conallen criou um conjunto de esteretipos para esse modelo bastante sugestivo, o qual foi utilizado nos modelos do sistema proposto. As extenses sugeridas pelos dois mtodos para expressar um projeto de aplicao web tm como ponto positivo a integrao entre os eleweb e o restante dos elementos do sistema. O modelo navegacional utilizado para expressar como o usurio acessa as tao e comunicao entre os desenvolvedores. Em sistemas web muito importante O de anlise e projeto, com o detalhamento do modelo navegacio-

relevantes de dois processos j existentes, como a utilizao dos esteretipos sugeridos por Conallen e o modelo sugerido por Koch. Sendo o objetivo principal do trabalho apresentar o de anlise e o detalhamento na construo e descrio dos modelos necessrios pode ser utilizado como base por outras equipes de desenvolvimento. Obtm-se, dessa forma, o real valor da aplicabilidade do processo.

REFERNCIAS
ALVARES, P. WebPraxis Um processo personalizado para projetos de desenvolvimento para Web. Dissertao (Mestrado) - UFMG, 2001. ARAJO, A. Framework de Anlise e Projeto Baseado no RUP para o Desenvolvimento de Aplicaes Web. Dissertao (Mestrado-Informtica) UFPE, 2001. BOOC; RUMBAUGH; JACOBSON, Ivar. UML Guia do Usurio. Rio de Janeiro: Campus, 2000.

128

Disc. Scientia. Srie: Cincias Naturais e Tecnolgicas, S. Maria, v. 7 n. 1, p. 115-126, 2006.

CERI, S.; FRATERNALI, P. BONGIO, A. Web Modeling Language (WebML): w9cdrom/177/177.html. Acesso em: 19 de dezembro de 2004. CONALLEN, Jim. Desenvolvendo Aplicaes Web com UML. Traduo da Segunda Edio de Altair Dias Caldas de Moraes, Cludio Bezerra Dias. Rio de Janeiro: Campus, 2003. FITGERALD, Brian.; RUSSO, Nancy; OKANE, Tom. Software Development Method Tailoring at Motorola. Comunications of de ACM. v. 46, n. 4, 2004. GARZOTTO, F., PAOLINI, P.,SCHWABE, D. HDM A Model-based Approach to Hypertext Application Design. TOIS v.11, n.1, p. 1-26, 1999. KENAN, Frank. Agile Process Tailoring and Problem Analysis. In: PROCEEDINGS OF 26TH INTERNATIONAL CONFERENCE ON SOFTWARE ENGENEERING (ICSE04). KOCH, Nora. Technical Report 0003, Ludwig-Maximilians Universitty Munich, 2000. KOCH, Nora; KRAUS, Andreas. The Expressive Power of UML based Web Engineering. kockn. Acesso em: 28 de agosto de 2004. SCOTT, Kendal. 2003. Porto Alegre: Bookman,