3_JEE

23
Programação Web Introdução

description

Java EE

Transcript of 3_JEE

Programação Web

Introdução

Arquitetura Web

Aplicações Web

• Complexos Requisitos Funcionais• Complexos Requisitos Não-Funcionais–Transação, persistencia com banco de dados, threads,

acesso remoto, web services, etc.• Dificuldade de implementar cada serviço• Servidor de aplicação

JEE e Container• Java Enterprise Edition• Gerida por Java Community Process– http://www.jcp.org/

• Exemplos– Java Server Pages (JSP), Java Server Faces (JSF)– Enterprise JavaBeans Components (EJB), Java Persistence API (JPA)– Java Authentication and Authorization Service ( JAAS ) – Java Management Extensions ( JMX ), etc.

• Especificãções em : Texto, PDF, html. Documentos em geral.• Servidor de Aplicação Implementa as especificações– GlassFish, JBoss, Geronimo– Weblogic, IBM WebSphere– Usaremos : Apache Tomcat *

Web Básica

• Como exibir informações na Web?–HTML : Principal linguagem de exibição de conteúdo–Flash, XML, PDF• CSS, AJAX•W3Schools: http://www.w3schools.com ( W3C )• Firefox, Chrome, Safari e IE* seguem o padrão W3C

HTML Básico• Linguagem não compilada, somente Interpretada• Linguagem que o Browser Interpreta• Formada por tags: <tag></tag>• Estrutura Básica<!DOCTYPE html> <html>

<head> <title>Title of document goes here</title>

</head> <body>

Visible text goes here... </body>

</html>

HTML Básico

•Elementos Básicos<h1>Largest Heading</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>Smallest Heading</h6> <p>This is a paragraph.</p> <br> (line break) <hr> (horizontal rule) - linha<!-- This is a comment -->

HTML Básico

•Elementos Básicos

HTML Básico

•Imagens

• <!DOCTYPE html> <html> <body>

<img src="smiley.gif" alt="Smiley face" width="42" height="42"> </body>

</html>

• <img src="URL" alt="Alternate Text" height="42" width="42">

HTML Básico

•Imagens

HTML Básico

• Listas não ordenadas, ordenadas e de definição <ul>

<li>Item</li> <li>Item</li>

</ul> <ol>

<li>First item</li> <li>Second item</li>

</ol>

<dl><dt>Item 1</dt> <dd>Describe item 1</dd>

<dt>Item 2</dt> <dd>Describe item 2</dd>

</dl>

•Listas Ordenadas

HTML Básico

•Links

HTML Básico• Divs e Spans – Containers Genéricos –Em um documento, servem para: –Definir uma seção. –Agrupar elementos.

•<div> –Elemento em bloco. –Define uma divisão ou seção no documento. –Usado para agrupar elementos em bloco a fim de formatá-

los com CSS. •<span> –Elemento em linha

HTML Básico

•Div

HTML Básico

•Table Header

HTML Básico

•Tabelas

HTML Básico

•Formulário

HTML Básico

Referências e Links• Vídeos da Universidade XTI • www.w3schools.com • www.gimp.org • FREEMAN Eric & FREEMAN Elisabeth. Use a Cabeça! HTML

com CSS e XHTML. Alta Books, 1ª Edição, 2006. • Apostila da K19 - Desenvolvimento Web com HTML, CSS

e Javascript. • RODRIGUES, Andréa. Desenvolvimento para Internet. 1ª

Edição, Editora do Livro Técnico, 2010.

Exercício

•Criar um arquivo html chamado buscadores.html com o titulo Buscador•O html deve ter uma tabela colorida com nome e link do buscador•O html deve ter um paragrafo explicando a pagina

Exercício

• Baixe um tomcat: http://tomcat.apache.org/• Criação de projeto Web: Arquivo -> Novo Projeto

Exercício

• Crie a página em Paginas Web• Execute sua aplicação• Seu projeto deve estar configurado com o tomcat que voce baixou.• Discuta com colegas• Sua pagina deve estar em : http://localhost:8080/<nomeDoProjeto>/minhapagina.html