Metodologias de modelagem Web

Apresentação em tema: "Metodologias de modelagem Web"— Transcrição da apresentação:

1 Metodologias de modelagem Web
Marcelo Brandão Theodoro Júnior

2 UWE UML-based Web Engineering, criado em 2000 por Nora Parchus de Koch
Trata-se de um conjunto de ferramentas de modelagem para sistemas web baseado na UML Constituído por 4 fases e 5 diagramas (artefatos Estudo de caso: sistema de submissão de artigos

3 UWE - Fases Análise de requisitos Projeto conceitual
Projeto de navegação Apresentação

4 UWE - Artefatos Modelo de casos de uso Modelo conceitual
Modelo espacial de navegação Modelo de navegação estrutural Modelo de apresentação

5 UWE - Análise de Requisitos
Os requisitos são levantados e modelados com diagramas de casos de uso.

6 UWE - Modelo Conceitual
Criação de um diagrama de classes para representar a lógica de negócio da aplicação. Não se considera a interação do usuário com a interface.

7 UWE - Navegação Espacial
Identifica quais objetos serão visitados durante a navegação na aplicação Classes de navegação: classes visitadas pelo usuário na navegação Navegabilidade direta: associações entre as classes Exemplo:

8 UWE - Navegação Estrutural
Define como a navegação é conduzida a partir dos elementos de acesso: indexes, guided tours, queries e menus Index: acesso direto aos objetos das classes de navegação Guided tour: acesso sequencial as classes de navegação Queries: consultas a base de dados para carregamento do conteúdo da página Menu: indíces para os demais elementos de acesso ou outros menus Index Guided Tour Queries Menus

9 UWE - Navegação Estrutural
Base: modelo de navegação espacial Substituir as associação de multiplicidade maior que 1 por associações unidirecionais Substituir as associações bidirecionais com extremos de multiplicidade maior que 1 por duas associações unidirecionais Guiar a navegação entre as classes de navegação pelos elementos de acesso

10 UWE - Navegação Estrutural

11 UWE - Apresentação Conjuto de views que representam o conteúdo e estrutura de cada página da aplicação e a forma de interação do usuário com cada uma delas. Introdução dos elementos das páginas (HTML) para montagem de cada página. Construção dos cenários para simulação das interações. Esboço das interfaces do sistema.

12 UWE - Apresentação Exemp lo

13 WebML Uma linguagem de modelagem de aplicações Web Composta de 5 fases
Associa os conceitos propostos com uma notação gráfica e uma sintaxe XML.

14 WebML - Modelo Estrutural
Trata-se de um esquema de baseado em entidades com atributos e relacionamentos. Modela contéudo (dados) e a lógica da aplicação. Gera um diagrama parecido com o de classes da UML. Similar a fase de modelagem estrutural do UWE.

15 WebML - Modelo de composição
Identifica os componentes da interface e as páginas da aplicação. Visa organizar a resposta (hipertexto) as requisições do cliente. Possui 6 unidades que compõem o hipertexto

16 WebML - Modelo de composição
1. Unidades de dados: componentes de informação unitários. 2. Dados compostos: várias instâncias das unidades de dados. 3. Indices: lista de instâncias de uma entidade ou unidade de dados. 4. Unidades navegáveis: comandos de navegação entre os dados. Por exemplo, paginação de uma busca. 5. Filtros: restrições de conteúdo. 6. Páginas: composição dos demais elementos. Trata-se da resposta a uma requisição.

17 WebML - Modelo de composição
Unidade de dados Dados compostos Indice Unidade navegável Filtro Página

18 WebML - Modelo de navegação
Trata da interação do usuário com as páginas Cria uma relação de navegação entre cada página Esquema de navegação Seleção de navegação por REQUEST

19 WebML - Modelo de navegação
Exemplo: Esquema de navegação entre páginas

20 WebML - Modelo de apresentação
Levantamento e modelagem dos requisitos gráficos para renderização das páginas Por exemplo: Combinação de cores, fontes, estilos Projeto de interface visual

21 WebML - Modelo de personalização
Customização do conteúdo e da interface por usuário ou por tipo de requisição. Ex: Sistema de “templates” ou “temas” Ex: Personalização do posicionamento dos elementos da página Ex: Recuperação de preferências e configurações (cookie ou sessão)

22 Conclusão A modelagem de projetos de aplicação Web pode ser feita de várias formas, inclusive usando ferramentas comuns ao projeto Desktop, como mostra o UWE. Porém existem modelos adaptados ao escopo da Web e ajudam o desenvolvedor a construir aplicações de melhor qualidade e mais fácil extensão.

23 Bibliografia Estudo de caso: UML-based Web Engineering. DC-UFSCar, MDS Manera, Aline; Gracioso, Caroline; Ferreira, Tatiane. Professora Rosângela Dellosso Penteado. Koch, N.;Klaus, A.; Hennicker, R. “The Authoring Process of the UML-based Web Engineering Approach”. UWE: Visitado em 27/04/2010 WebML: Visitado em 27/04/2010 Ceri, S.; Fraternali, P.; Bangio, A. “Web Modeling Language: a modeling language for designing websites”.