Introdução à Arquitetura Web com Java

Propaganda

dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Introdução à Arquitetura Web com
Java
Sylvio Barbon Jr <[email protected]>
9 octobre 2015
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Arquitetura Web
Cliente Servidor
O cliente faz a
requisição de um
endereço (Uniform
Resource Locator URL) e o servidor
responde com o
conteúdo do
endereço.
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
2/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Arquitetura WEB
Conceitos
• HTML : Hypertext Markup Language
• HTTP : Hypertext Transfer Protocol
• HTTP Request (Requisição)
• GET
• POST
• HTTP Response (Resposta)
• HTML
• PDF, JPEG, RAR, ETC
• Navegador (browser) : ”Interpretador de HTML”
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
3/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
HTML
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
4/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
HTTP (Request e Response)
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
5/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
HTTP Request - GET
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
6/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
HTTP Request - POST
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
7/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
HTTP Response
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
8/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
URL
Exemplo
1
Protoloco
2
Servidor
3
Porta
4
Path (caminho para o recurso)
5
Recurso
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
9/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Páginas Estáticas e Dinâmicas
Páginas Estáticas e Dinâmicas
• Página Web Estática é aquela que foi criada diretamente em
HTML, pode ser acessada diretamente pelo servidor e
encaminhada ao cliente.
• Página Web Dinâmica é criada por uma linguagem dinâmica
(PHP, Java, C, Ruby etc) que escreve dinamicamente os
códigos HTML que serão entregues ao cliente.
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
10/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Páginas Estáticas e Dinâmicas
Tecnologias Java para WEB
• Servlets : São classes Java que são capazes de manipular
Requests e Responses HTTP. É a primeira tecnologia Java
criada para manipulação de HTTP, são úteis quando não há
necessidade de renderizar ambiente gráfico.
• JavaServer Page (JSP) é uma tecnologia posterior à Servlet,
similar a outras linguagens dinâmicas, é possı́vel injetar
sintaxe Java junto ao código HTML. Adequada para páginas
com ambiente gráfico rico.
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
11/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Exemplo de uma Servlet
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
12/15
dc - uel
l a b o r a t ó r i o d e p r o g r a m a ç ã o
Exemplo de uma JSP
Sylvio Barbon Jr <[email protected]> — Laboratório de Programação - 5COP088 — 9 octobre 2015
13/15
Perguntas ?
Referências
Use a Cabeça ! (Head First) Servlets JSP (2008)