Desenvolvimento de
Aplicações Web
André Tavares da Silva
[email protected]
Método de Avaliação
• Serão realizadas duas provas teóricas e dois trabalhos práticos.
MF = 0,1*E + 0,2*P1 + 0,2*T1 + 0,2*P2 + 0,3*T2
• Onde:
E = Exercícios
P1 = Primeira Prova
P2 = Segunda Prova
T1 = Trabalho Parcial
T2 = Trabalho Final
Objetivos
• Apresentar as tecnologias e linguagens
empregadas no desenvolvimento de aplicações
para WEB;
• Capacitar o aluno a projetar e desenvolver
aplicações para WEB;
• Capacitar o aluno a desenvolver aplicações
eficientes e seguras.
Internet
• Criada a ARPANET em 1970 com a finalidade de conectar
departamentos de pesquisa nos EUA
• Protocolo inicial Network Control Protocol (NCP)
• Em 1975 criação do TCP/IP. Em 1983 todos os computadores que
usavam o ARPANET trocaram os antigos protocolos NCP.
• Em 1990 a Internet passa a ter tendência comercial e não apenas
pesquisa.
• Em 1994 Berners-Lee criou o World Wide Web Consortium, onde
atualmente assume a função de director.
– Criação de páginas estáticas
– Criação de páginas dinâmicas (CGI - Common Gateway Interface)
Internet
• 1992, virou moda
• Provedores de acesso
• Informações na Internet
• 1992, no Brasil, RNP
• 1995, uso comercial no Brasil
• Organizada em forma de malha
• As informações passam por vários computadores até
chegar ao destino.
Internet
• Custo baixo de conexão, ligação local até o
provedor de acesso
• O provedor faz a ligação entre o seu
computador e a Internet
Intranet
• Rede corporativa ou governamental que
utiliza ferramentas de Internet (navegadores
e protocolos de comunicação)
• Utilizado em instituições, empresas
• Comunicação / informações disponíveis aos
usuários
• Acesso através dos computadores
conectados a rede interna da empresa
Extranet
• "Intranets ampliadas“
• Rede que geralmente utiliza a Internet para
unir diversas intranets
• Cooperação entre parceiros de negócios:
fornecedores, distribuidores, lojas de varejo,
etc.
WWW
• World Wide Web (www)
• 1991, CERN na Suiça
• Criada para exibir documentos científicos
de forma simples e fácil de acessar
• Mosaic, permitiu o acesso a web através de
um ambiente gráfico
(primeiro nevegador/browser)
WWW
• A chave do sucesso é o hipertexto
• Textos interligados, navegação fácil
• Hipermídia – envolve sons, imagens e
vídeo.
WWW
• Jornal eletrônico, shopping virtuais
• Páginas: universidades, empresas, pessoais,
etc.
• Http ( HiperText Transfer Protocol )
• Software necessário: Navegador como
Firefox, Chrome, Safari, Opera, Internet
Explorer
Aplicação WEB
• Sistema computacional implementado na
plataforma Web
• Conjunto de software e hardware necessários
para o funcionamento de um Site
Cliente e Servidor Web
• Cliente: é um computador que envia pedidos a
um servidor. O servidor processa o pedido e o
cliente apresenta os resultados. Comunicação
ocorre via Navegador, Cliente FTP, SSH, etc.
• Servidor Web: é o computador que armazena
as páginas que você vê na Internet. Nele são
executados os programas responsáveis em
prover a informação solicitada pelo cliente.
Cliente e Servidor Web
Correio Eletrônico
• Vantagens:
– Alcança o destinatário em qualquer
lugar
– Rápido (correio convencional)
– Barato (telefone)
– Mensagens, programas, arquivos,
imagens
– A mensagem é encaminha para a caixapostal virtual do destinatário
Correio Eletrônico
• Estrutura:
– Nome/apelido
– Símbolo @
– Empresa ou instituição
– Tipo de intituição
– País
– [email protected]
– [email protected]
Correio Eletrônico
• Tipos de instituições:
– Mil – militar
– Org – organização não-lucrativa
– Com – comercial
– Edu – educação
– Net – rede
– Gov – governamental
Correio Eletrônico
• Códigos de países:
– DE – Alemanha
– BR – Brasil
– CL – Chile
– ES – Espanha
– US – Estados unidos
– FR – França
– UK – Reino unido
– UY - Uruguai
FTP: File Transfer Protocol
• Protocolo usado para a
transferência de arquivos
• Maioria dos navegadores suportam
este protocolo
• Clientes específicos para FTP e
SFTP.
FTP: File Transfer Protocol
Telnet
• Programa que permite uma conexão remota
• Usuário e senha para acessar os recursos
disponíveis no computador remoto
URL - endereços
• Uniform Resource Locator
• É possível localizar qualquer
informação disponível na Internet
• Facilita a leitura pelo usuário
URL - endereços
• http://www.joinville.udesc.br/portal/noticias/
clipping.php
– http:// : protocolo utilizado
– www : servidor de interesse que possui a informação
– www : serviço web
– /portal/noticias/: estrutura do diretório no servidor
– clipping.php é o arquivo que será acessado pelo
servidor e disponibilizado ao cliente/navegador
– php : é o tipo do arquivo
Glossário
• Download
– Usuário copia o arquivo para seu
computador
• Upload
– Usuário copia o arquivo para o
servidor/computador remoto
• DNS (Domain Name Server)
– Converte nomes Internet em seus
endereços correspondentes
Glossário
• Internet Protocol - IP
– Foco nos endereços: 255.255.255.255
• Hipermídia
– Hipertexto e multimídia, documento hipermídia contém
imagens, sons, textos e vídeos, usando ligações de
hipertexto
• Hipertexto
– Documento capaz de incluir ligações com outras partes ou
outro documento, através de imagem ou texto
Glossário
• Hypertext Markup Language - HTML
– Linguagem utilizada em páginas web
– Podem ter ligações entre hipertexto
– Editor de texto ou específico para HTML
– Conhecimento de códigos que compõe a
linguagem (tags)
– Que são interpretados e apresentados pelo
navegador
Glossário
• Hypertext Transfer Protocol - HTTP
– Protocolo de comunicação que viabiliza as
ligações entre os clientes de WWW e os
web sites.
• Hiperlink
– Parte de um hiperdocumento que dá acesso
a outros conteúdos em um hiperdocumento
Glossário
• Protocolo
– Conjunto de regras padronizadas que especificam:
• O formato
• A sincronização,
• O sequenciamento e
• A verificação de erros em comunicação de
dados
– Dois computadores devem utilizar o mesmo
protocolo para poderem trocar informações. O
protocolo básico utilizado na Internet é o TCP/IP.
Glossário
• SMTP
– Simple Mail Transfer Protocol
– Utilizado para o envio de correio eletrônico
• POP3
– Post Office Protocol version 3
– Utilizado para acesso a caixa postal
• IMAP
– Internet Message Access Protocol rev 4
– Permite o cliente acessar e manipular as
mensagens eletrônicas diretamente no servidor
Programação para Internet
• Criar páginas dinâmicas
• Interação com o usuário
– Formulários
– Parametros via URL
• Interação com SGBD e aplicações no servidor
Programação para Internet
• O que pode ser feito?
– Coletar dados usando formulário
– Gerar páginas dinâmicas
– Páginas baseada em DB é simples
– Construção de relatórios
– Templates de páginas HTML
– Enviar email
Características de uma Aplicação Web
• Sujeito a interrupções estranhas ao fluxo normal da
aplicação
• Vulneráveis à irregularidade de fluxo
• Utilizam o protocolo HTTP