Upload
internet
View
105
Download
0
Embed Size (px)
Citation preview
Profissional
Alexandre FariaDesenvolvedor e Instrutor JAVA e Web da
Vertical Training.
Trabalhando em projetos envolvendo
tecnologias Java / J2 EE. Experiência em
análise, arquitetura e desenvolvimento de
sistemas utilizando conceitos de Web 2.0
com integração em banco de dados dentro de
grandes empresas.
Agenda
• Conceitos da Web• Os dias de Hoje• O desenvolvimento Web, suas Linguagens e Padrões• Comportamento• Java EE para Web• Instalação• Aplicação Web• Java Server Pages – JSP• Demonstração• O Mercado de Trabalho
Introdução
• A arquitetura Web é muito dinâmica para mudanças, pois não temos um aplicativo client nas máquinas dos usuários;
• A arquitetura Web é acessível, pois pode ser disponibilizada na Internet;
• Arquiteturas Web podem atender a grandes demandas;
• Podemos acessar um aplicativo Web com diferentescomputadores e dispositivos: celular, PDA’s wireless, PC’s,Apple, Unix, etc....
Conceitos da Web
• Surgiu a partir de pesquisas militares nos períodos áureos da Guerra Fria
• Era muito vulnerável e por isso era preciso se criar uma rede melhor
• Essa rede foi chamada de ARPANET
• Na decada de 70 a guerra fria diminui e o governo americano abriu a rede para pesquisas universitarias onde foi se aprimorando.
• Comunicação client-server ocorre através do protocolo HTTP (HyperText Transfer Protocol);
• HTTP é um protocolo de alto nível baseado no TCP/IP;
• Tipicamente trafegamos arquivos / conteúdo HTML (Hyper Text Markup Language);
Os dias de Hoje
• Cada vez mais pessoas com acesso através da inclusão digital.
• Empresas não funcionam sem a internet.
• Comunicação cada vez mais interativa.
• Linguagens mais robustas e interativas.
O desenvolvimento Web
• Desenvolvimento web é o termo utilizado para descrever o desenvolvimento de sites, sistemas ou qualquer aplicativo que tenha como base um navegador web
• Esta associado a uma linguagem de programação ou marcação.
• Linguagens de Marcação: HTML, (X)HTML
• Linguagens de Programação: JAVA, ASP, PHP
O desenvolvimento Web
• Linguagem Programação Script: JavaScript
• Folha de estilo para complementação as linguagens de marcação: CSS ( Cascade Style Sheet ).
• Padrão de Desenvolvimento Web - Tableless
• Uso de Padrão com bibliotecas JAVA: JSTL
O desenvolvimento Web
• HTML - HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto, é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores.
Linguagens de Marcação: HTML, (X)HTML
O desenvolvimento Web
• O XHTML, ou eXtensible Hypertext Markup Language, é uma reformulação da linguagem de marcação HTML baseada em XML. Combina as tags de marcação HTML com regras da XML;
Linguagens de Marcação: HTML, (X)HTML
O desenvolvimento Web
Diferença entre: HTML, (X)HTML
• Todas as tags devem ser escritas em letras minúsculas; • Os elementos (tags) devem estar convenientemente aninhados; • Os documentos devem ser bem formados; • O uso de tags de fechamento é obrigatório; • Elementos vazios devem ser fechados; • Diferenças para os atributos.
• Todas as tags devem ser escritas em letras minúsculas
Errado:
<DIV><P>Aqui um texto</P></DIV>
Certo:
<div><p>Aqui um texto</p></div>
O desenvolvimento Web
• É uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XHTML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
Folha de Estilo CSS ( Cascade Style Sheet )
O desenvolvimento Web
JavaScript é uma linguagem de programação
criada para atender, principalmente, as seguintes
necessidades:
• Validação de formulários no lado cliente (programa navegador);
• Interação com a página.
• Assim, foi feita como uma linguagem de script. JavaScript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.
• É interpretada, ao invés de compilada.
• Interage com Formularios, CSS, Programação.
Linguagens de Programação Script: JavaScript
O desenvolvimento Web
Linguagens de Programação Script: JavaScript
O desenvolvimento Web
• É um documento texto, assim como HTML, demarcado por tags;• É a evolução do documento texto, pois inclui não só o dado texto, mas
também o que significa aquele dado;• Suporte a múltiplos idiomas;• Pode ser validado por um documento de regras de formatação (DTD
Data Type Definition);• Tipicamente utilizado para troca de documentos entre instituições,
documentos de configuração de aplicativos, entre outros.
XML - eXtensible Markup Language
O desenvolvimento Web
Comportamento
Para aplicativos, tipicamente precisamos deconteúdo HTML com conteúdo dinâmico fornecidopor um banco de dados;
Para servir arquivos por HTTP, o seguinte processoé executado:
usuário
servidor
Arquivo HTML
JavaEE para Web
• É a plataforma Java para desenvolvimento Web;• Tomcat, JBoss, Weblogic, JRun são servidores Web compatíveis com JavaEE;• É ao ISS da Microsoft;• A plataforma JavaEE para Web é consagrada e de baixo risco;• Desenvolvemos aplicativos Web com Java e JavaEE Através de:
- Classes Java comunicam com banco de dados; - Classes Java que representam as entidades em objetos; - Classes Java que processam dados das entidades; - Arquivos Web: HTML / CSS / JavaScript - Páginas JSP’s - Arquivo de configuração XML
Instalação JDK
A seguir veremos os passos necessários para a instalação do JDK no Windows porém, antes de iniciarmos, vamos dar uma olhada nas variáveis de ambiente que devem ser atualizadas e criadas quando instalamos o JDK:
JAVA_HOME: Indica o diretório onde foi instalado o JDK, muito utilizado por frameworks e por outros programas para localizar o JDK;
PATH: Identifica o local onde encontram-se as ferramentas De desenvolvimento (compilador, interpretador, gerador de documentação e etc.), devemos adicionar o diretório JAVA_HOME\bin;
CLASSPATH: Identifica diretório onde o ClassLoader pode encontrar classes que são utilizadas pela sua aplicação.
Instalação
Faça o download do JDK no site da SUN e execute o instalador
http://java.sun.com/javase/downloads/index.jsp
A seguir clique em Next> até que a instalação seja iniciada.
Instalação
Instalação
Neste momento inicia-se a instalação do JRE, continue clicando em Next>.
Instalação
Nesta tela selecione todos os navegadores disponíves.
Instalação
Clique em Finish para terminar o processo.
Instalação
ConfiguraçãoApós a instalação do Java nós devemos iniciar a configuração das variáveisde ambiente.1. Clique com o botão direito em cima do ícone “Meu Computador”;2. Vá em “Propriedades”;3. Selecione a aba “Avançado”;4. Clique no botão “Variáveis de ambiente”;5. Clique no botão “Nova” em “Variáveis do sistema”;5.1. Nome da variável: JAVA_HOME5.2. Valor da variável: Coloque aqui o endereço de instalação neste caso =C:\Arquivos de programas\Java\jdk1.5.0_055.3. Clique em OK6. Clique novamente no botão “Nova” em “Variáveis do sistema”;6.1. Nome da variável: CLASSPATH6.2. Valor da variável:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\htmlconverter.jar;%JAVA_HOME%\jre\lib;%JAVA_HOME%\jre\lib\rt.jar6.3. Clique em OK7. Selecione a váriavel PATH em “Variáveis do sistema”;7.1. Adicione o seguinte endereço ao campo Valor da variável:7.2.%JAVA_HOME%\bin
Instalação
No prompt do MS-DOS vamos testar o interpretador, digite java -versiondeverá aparecer algo parecido com isto:
Testando o CompiladorTestando o Compilador
Instalação
Instalação
JDK - Diretórios
Instalação Web Service
Download do Tomcat pode ser feito através da URLhttp://tomcat.apache.org/
• Recomendamos o uso da versão 5.x, evitar beta;
• Não esquecer do pré-requisito de instalar o JDK StandardEdition...
TomCat
Instalação Web ServiceTomCat
Instalação Web ServiceTomCat
Instalação Web Service
TomCat
• Para iniciar o Tomcat utilize os serviços do Windows;
• Por padrão o Tomcat utiliza a porta 8080, portanto paratestarmos se está funcionando, acesse a URL:
http://localhost:8080
Aplicação Web
Aplicação Web
Agora podemos acessar nosso aplicativo através daURL: http://localhost:8080/MeuAplicativoWeb
Para criar um novo aplicativo, criar a seguinte estrutura de diretórios:
Java Server Pages
• Robusto, flexível e componentizável;• Permite a criação de aplicativos profissionais, utilizandotécnicas avançadas de modelagem como M.V.C.;
• É uma tecnologia Java para geração de conteúdo Webdinâmico (estático + banco de dados, por exemplo);• Permite mesclar código HTML com código Java:
DEMONSTRAÇÃO
Projeto
Projeto
Projeto
Projeto
Projeto
Projeto
MERCADO DE TRABALHO