3_JEE
description
Transcript of 3_JEE
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
•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
• 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>
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
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