A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Arquitetura de Desenvolvimento Web MVC vs. Three Tiers

Apresentações semelhantes


Apresentação em tema: "Arquitetura de Desenvolvimento Web MVC vs. Three Tiers"— Transcrição da apresentação:

1 Arquitetura de Desenvolvimento Web MVC vs. Three Tiers
Prof. Alexandre Monteiro Recife

2 Contatos Prof. Guilherme Alexandre Monteiro Reinaldo
Apelido: Alexandre Cordel /gtalk: Site: Celular: (81)

3 Origem do MVC O MVC surgiu em meados de 1979 para um projeto em  Smalltalk; Ficou popular na década de 90, pelo aumento do uso por desenvolvedores; Com o surgimento dos padrões/arquitetura em camadas. Seu principal objetivo é separar as camadas de desenvolvimento, ficando assim mais simples e rápido de resolver problemas e efetuar ajustes. 3

4 Introdução ao MVC É um modelo padrão de arquitetura usado em engenharia de software para separar o projeto 3 camadas: Model: representam suas entidades e as que te ajudam a armazenar e buscar os dados são chamadas de Modelo (Model). View: interface visual gráfica (GUI), ou páginas web de apresentação ao usuário, normalmente página HTML com <forms>, constando informações da aplicação. Controller:  interpreta eventos e manipula os dados (Objetos) como listar, procurar, alterar, inserir e deletar dados; “O Modelo é o objeto de aplicação que é manipulado, a Visão é a apresentação ao usuário através das telas e o Controlador é o que define a maneira como a interface do usuário reage às entradas do mesmo”. Fonte: livro “Padrões de projeto: Soluções reutilizáveis de software orientado a objetos“.

5 Introdução ao MVC MVC é implementado em várias linguagens de programação e altamente difundida, permitindo equipes distintas (programadores e designers) trabalharem sem interferência no trabalho uns dos outros; Deixa o código mais legível e possibilita que cada equipe foque exclusivamente nas suas atribuições. Duas palavras-chave em MVC são: Reuso e Flexibilidade. 5

6 Vantagens do MVC Facilita o reaproveitamento de código;
Abaixo serão listadas algumas das vantagens em utilizar MVC em seus projetos: Facilita o reaproveitamento de código; Facilidade na manutenção e adição de recursos; Maior integração da equipe e/ou divisão de tarefas; Diversas tecnologias estão adotando essa arquitetura; Facilidade em manter o seu código sempre limpo; 6

7 Comportamento do MVC 7

8 Comportamento do MVC 8

9 Comportamento do MVC 9

10 MVC vs. 3 Camadas (VIEW) (CONTROLLER) (MODEL) 10

11 Servidor procura arquivo index
Fluxo de Sistemas WEB Procura informação no BD Servidor procura arquivo index Servidor Web Retorna informação do BD Servidor de Banco de Dados A página é executada para se converter em código HTML, que é entendido pelo Browser Digita-se o endereço da página no browser A página é devolvida para o Usuário Cliente Usuário visualiza a Página

12 Com que vamos trabalhar?
HTML - (estruturação/layout) CSS - (apresentação/visual) Javascript - (ações do lado cliente) Linguagem Web JSP (Java Service Page) - (ações do lado servidor) Linguagem de Desenvolvimento JAVA - (Regras de Negócio) HQL + SQL - (Linguagem de Banco de Dados)

13 Interações mais comuns
Ling. Web

14 HTML/JSP – Estrutura (Hyper Text Markup Language)

15 CSS – Apresentação (Cascade Style Sheet)

16 Javascript – Ações lado Cliente

17 Ling. Web - Regras de Negócio

18 Ling. Web – Regras de Negócio

19 SQL – Banco de Dados

20 Abordagens de Desenvolvimento
Top-Down: Implementação inicia-se pela camada de Apresentação/VIEW até à camada de Persistência/MODEL. Bottom-up: Implementação inicia-se pela camada de Persistência/MODEL até à camada de Apresentação/VIEW. Sandwiche: Misto das anteriores.

21 Mapeamento Objeto-Relacional
Top-Down Browser Evolução dos Dados Linguagens (DADOS) JSP (VIEW) MODEL (Objeto) JAVA (CONTROLLER) MODEL (Objeto) JAVA (MODEL) Mapeamento Objeto-Relacional HQL HIBERNATE TABELA (Registro) SQL 21

22 Bottom-Up (VIEW) (CONTROLLER) (MODEL) 22

23 Sandwiche (VIEW) (CONTROLLER) (MODEL) 23

24 Qual abordagem adotaremos?
Depende: Individualmente: Bottom-Up; Em equipe: Sandwiche; Atenção: é bastante indicado iniciar qualquer projeto, seja ele web ou desktop, pela camada de persistência/MODEL. Dessa forma, iniciaremos nosso curso com a modelagem e criação do Banco de Dados.


Carregar ppt "Arquitetura de Desenvolvimento Web MVC vs. Three Tiers"

Apresentações semelhantes


Anúncios Google