Análise e Projeto de Sistemas. Equipe Anália Lima (alc5) Irineu Martins (imlm2) Natália Cabral (ncs) Victor Lorena (vlfs)

Análise e Projeto de Sistemas

Equipe

•Anália Lima (alc5)•Irineu Martins (imlm2)•Natália Cabral (ncs)•Victor Lorena (vlfs)

Sistema

O VideoSystem é um sistema web desenvolvido

com o objetivo de proporcionar melhores

meios de interação entre uma rede de locadoras e

seus clientes.

Projetar Serviços – Fluxo de Atividades

Projetar Arquitetura do Sistema

Front-end Design Back-end Design

Projetar Arquitetura

1. Refinar Análise de Serviços2. Definir Padrão de Arquitetura

Arquitetura de Serviços revisada

Projetar Arquitetura: Refinar Análise de Serviços

Projetar Arquitetura: Refinar Análise de Serviços

Projetar Arquitetura: Definir Padrão de Arquitetura

As tecnologias utilizadas foram:

• Módulo WEB:• HTML + CSS• Javascript• Jquery• Servlet• JSP

• Módulo Desktop:• Interface: Swing• Java

• Banco de dados:• My SQL • Hibernate• JPA

Projetar Arquitetura: Definir Padrão de Arquitetura

Diagrama da Arquitetura

deComponentes

Projetar Serviços – Fluxo de Atividades

Projetar Arquitetura do Sistema

Front-end Design Back-end Design

Projetar Back-end

1. Projetar Componentes2. Atualizar Modelo de Informação3. Agrupar classes 4. Projetar Classes e Banco de

dados

Projetar Componentes

•Para cada componente:1. Definir padrões de projetos

utilizados2. Fazer Diagrama de classes3. Fazer Diagrama de sequência

para todas as operações de sua interface

Componente Controle de Acesso•Diagrama de classe

Componente Controle de Acesso•Diagrama de sequência – (Logar)

Diagrama de sequência completo (Logar)

Componente Controle Produto

•Diagrama de classe

Componente Controle Produto•Diagrama de Sequência (Avaliar Produto)

Diagrama de sequência completo (Avaliar Produto)

Componente Controle Produto• Diagrama de Sequência (Buscar Informações do

produto)

Diagrama de sequência completo (Buscar Informações do produto)

Componente Visualizar Filiais Próximas•Diagrama de

Classe

Componente Visualizar Filiais Próximas

•Diagrama de Sequência

Componente Controle Usuário•Diagrama de

classe

Componente Controle Usuário•Diagrama de sequência (remover usuário)

Diagrama de sequência completo (Remover Usuário)

Componente Controle Usuário•Diagrama de sequência (cadastrar

usuário)

Diagrama de sequência completo (Cadastrar Usuário)

Componente Controle Locação•Diagrama de classe

Componente Controle Locação• Diagrama de sequência (buscar locações por

período)

Diagrama de sequência completo (Buscar Locações por período)

Diagrama de sequência•Caso de uso Realizar Locação

Projeto de BD

Arquitetura do Back-End Atualizada (Projetar Classes)

Padrão Type-Object

Padrão Type-Object

Padrão Abstract Factory

Padrão Abstract Factory

Outros Padrões UtilizadosFaçade

Iterator

Bridge

Projetar Serviços – Fluxo de Atividades

Projetar Arquitetura do Sistema

Front-end Design Back-end Design

Projetar Front-end

•Baseado no protótipo da interface, tecnologias utilizadas e integração front-back end:▫Diagramas de classe▫Diagramas de sequencia

Front-End Funcionário(Desktop) Tela Buscar Locação – Diagrama de classes

Front-End Funcionário(Desktop) Tela Buscar Locação – Diagrama de sequência

Front-End Funcionário (Desktop) Tela Cadastrar Usuário – Diagrama de classes

Front-End Funcionário (Desktop) Tela Cadastrar Usuário – Diagrama de sequência

Front-End Usuário(web) Tela Logar – Diagrama de classes

Front-End Usuário(web) Tela Logar – Diagrama de sequência

Front-End Usuário(web) Tela Avaliar Produto – Diagrama de classes

Front-End Usuário(web) Tela Avaliar Produto – Diagrama de sequência

Front-End Usuário(web) Tela Visualizar Filiais Próximas - Diagrama de classes

Front-End Usuário(web)Tela Visualizar Filiais Próximas - Diagrama de sequência