Metodologia para Desenvolvimento de Sistemas Web

1. Metodologia para Desenvolvimento de Sistemas Web Felipe Paulo Guazzi Bergo (Doutorando em Ciência da Computação) Milena Alexandre dos Santos Baesso (Mestranda em Engenharia Elétrica) MO409 – Introdução à Engenharia de Software Profª. Eliane Martins

2. Características de Sistemas Web • Uso de infra-estrutura de terceiros. Servidores Web, BD Cliente com Web Browser Internet Manutenção Mínima, Tempo Zero de Configuração Terceirizável Aplicação

3. Características de Sistemas Web • Alta Usabilidade Usuários habituados com o modelo de interface e navegação.

4. Características de Sistemas Web • Uso em larga escala de componentes de software A utilização de componentes como browsers, servidores web, plugins, SGBDs, etc. leva a umprocessoacelerado de detecção e correção de falhas, que resulta em componentes mais robustos, a longo prazo.

5. Características de Sistemas Web • Equipes Interdisciplinares Colaboração entre diferentes formações (designers,webmasters, programadores, marketing, comunicação, etc.): a complexidade na manutenção destas equipes e acomplexidade da construção de sistemas torna o desenvolvimento para aInternet um grande desafio.

6. Características de Sistemas Web "Inclui uma mistura entre imprensa e desenvolvimento desoftware,entre mercado ecomputação, entre comunicações internas e relações externas, e entre arte e tecnologia". Tomas Powell

7. Características de Sistemas Web Vantagens: • Facilidade para criar conteúdo • Portabilidade • Arquitetura Cliente/Servidor

8. Características de Sistemas Web Desvantagens: • Latência de Rede • Largura de Banda Limitada • Segurança

9. Metodologia OOHDMObject Oriented Hypermedia Design Method • Metodologia baseada em modelos para o desenvolvimento de aplicações hipermídia de grande porte. • Resultado de um trabalho de pesquisa da PUC-RIO

10. Metodologia OOHDMObject Oriented Hypermedia Design Method • Abrange as fases de análise, projeto e implementação • As fases de teste e manutenção não são focadas • Utiliza o modelo de Orientação a Objetos e o Modelo de Estados • Cobre todos os aspectos de um sistema

11. Metodologia OOHDMObject Oriented Hypermedia Design Method OOHDM possui 4 atividades (ou fases) distintas: • Design Conceitual • Design Navegacional • Design de Interface Abstrata • Implementação

12. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase I: Design Conceitual • Identificar e modelar elementos do sistema: sub-sistemas, classes, relações e atributos. • Resultado: diagrama de classes com relações de especialização e agregação. • OOHDM não prevê um método particular para esta fase. • Foco: modelar a semântica da aplicação.

13. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase I: Design Conceitual (Exemplo) Reserva 1 N 1 possui Cliente 1 Tipo de Quarto Pessoa Física Empresa N contem 1 Hotel

14. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase II: Design Navegacional • Identificar nós, links, estruturas de acesso e elementos da interface do sistema com o usuário. • O modelo navegacional gera “visões” (views) do modelo conceitual. • Produto: esquema de contexto, um diagrama que modela as possíveis interações com o sistema. • Foco: perfil do usuário, casos de uso e usabilidade do sistema.

15. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase II: Design Navegacional (Exemplo) Fazer Reserva, Novo Cliente Cadastro de Novo Cliente Escolher Hotel Lista de Hotéis Escolher Quarto Autenticação de Cliente Existente Tela Principal Lista de Tipos de Quartos Fazer Reserva, Cliente Cadastrado Escolher Período Seleção de Período

16. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase III: Design de Interface Abstrata • Detalhamento do esquema de contexto com elementos de nível mais baixo (listas, tabelas, botões, etc.) • OOHDM usa ADV (Abstract Data Views) para descrever cada elemento de interface. • Foco: cobrir os esquemas de contexto e o diagrama de classes com elementos nativos da tecnologia escolhida. A usabilidade é um ponto crucial.

17. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase III: Design de Interface Abstrata ADVs incluem: • Aspectos estáticos dos elementos de interface. • Relações estáticas com outros elementos do esquema de contexto. • Reações a eventos externos e disparo de mudanças na interface.

18. Metodologia OOHDMObject Oriented Hypermedia Design Method Fase IV: Implementação • Nesta fase o sistema é implementado de forma a cobrir os esquemas produzidos nas fases anteriores. • OOHDM não especifica linguagens ou métodos para implementação, deixando a escolha totalmente em função da arquitetura.

19. Metodologia OOHDMObject Oriented Hypermedia Design Method Ferramenta de Apoio: OOHDM-Web • Para aplicações projetadas com a metodologia OOHDM e implementadas com o ambiente de desenvolvimento CGILua. • Provê vantagens de ambientes de construção de websites: uniformização de páginas, eficiência de armazenamento. • Permite ao projetista expressar o projeto em um nível mais próximo do domínio da aplicação (abstração).

20. Metodologia OOHDMObject Oriented Hypermedia Design Method Fonte: SCHWABE,D. ; PONTES, R.A. ; MOURA, I. OOHDM-Web: An Environment for Implementation of Hypermedia Applications in the WWW, P. 7.

21. Conclusões • Abordagem sistemática e abrangente. • Todos os aspectos de um sistema hipermídia são considerados. • Decisões de projetos são arquivadas para rastreamento posterior. • Não engloba as fases de teste e manutenção. • Metodologia jovem e acadêmica.

22. Referências • R.S. Pressman, (2001) “Software Engineering: A practitioner’s approach”, 5th ed. McGraw-Hill, ISBN 0-07-365578-3. • B. Haire, B. Henderson-Sellers, D. Lowe (2001) “Supporting web development in the OPEN process: additional tasks” Submitted to COMPSAC'2001: InternationalComputer Software and Applications Conference, Chicago, Illinois, USA. • A.M.B.R. Carvalho, T.C.S. Chiossi, "Introdução à Engenharia deSoftware", Campinas, SP; Editora da Unicamp, (2001). • G. Rossi “An Object-Oriented Method for Designing Hypermedia Applications”. PHD Thesis, Departamento de Informática, PUC-Rio, Brazil, July 1996 (in Portuguese). • D. Schwabe, R.A. Pontes, I. Moura, "OOHDM-Web: An Environment for Implementation ofHypermedia Applications in the WWW", PUC-Rio, Brazil (1998). • http://www.oohdm.inf.puc-rio.br:8668/space/start, último acesso 09/11/2004. • D. Schwabe, G. Rossi, “The Object-Oriented Hypermedia Design Model”, Comm. of the ACM, 38(8), pp 45-46, Aug. 1995. • D. Schwabe, G. Rossi, "Developing hypermedia applications using OOHDM“. In Workshop on Hypermedia Development, Pittsburgh, USA, June 1998