Tecnologias WEB:
Tecnologias WEB:
Linguagens, Web Services e WEB 2.0
Marcelo Daibert
Agenda
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Agenda
• Introdução
• Contextualização
• Revolução da Internet
Revolução da Internet
– História
Web
– Web
• Tecnologias Importantes
Li
– Linguagens
– Web Services
AJAX (A
h
J
i t
d XML)
– AJAX (Asynchronous Javascript and XML)
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
• Tecnologia:
Tecnologia:
– Do grego: τεχνη — "ofício" e λογια — "estudo“
– Envolve o conhecimento técnico e científico e as
– Envolve o conhecimento técnico e científico e as
ferramentas, processos e materiais criados e/ou
utilizados a partir de tal conhecimento
p
– Natureza humana: Criatividade e Evolução
Conhecimento
Tecnologia
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
Introdução
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Introdução
• Tecnologias WEB:
Tecnologias WEB:
– Conhecimentos que fazem a Internet ser o que ela é
hoje
Contextualização
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Contextualização
• Popularização da internet
p
ç
• Links de alta capacidade de banda passante
• Globalização
• Globalização
• Mundo conectado e informações a mili-segundos
• Utilização da Internet hoje:
Contextualização
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Contextualização
• Desenvolvimento de Software:
Desenvolvimento de Software:
– Tendência de desenvolvimento de software para a web
– Evolução das linguagens web
– Evolução das linguagens web
– Revolução WEB 2.0
Desenvolvimento Desktop
X
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
• História:
– ARPA (Advanced Research and Projects Agency)
– ARPANET: 1696
ARPANET: 1696
– Protocolo: Network Control Protocol (NCP)
– 1975: 100 sites
1975: 100 sites
– Final dos anos 70 desenvolvimento da pilha TCP/IP
– Surgimento do WWW
Surgimento do WWW
– 1983 - Internet
– No Brasil a internet chegou em 1994 quando a
– No Brasil, a internet chegou em 1994, quando a
Embratel inicia estudos experimentais.
– Em 1995 houve a abertura comercial da Internet no
Em 1995 houve a abertura comercial da Internet no
Brasil
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
• WEB 1 0
WEB 1.0
– Revolução nos meios de comunicação
– Interconexão global
– Interconexão global
– Globalização
Velocidade na transmissão de informações
– Velocidade na transmissão de informações
– Quebra de paradigmas
Divulgação
– Divulgação
– Comércio Eletrônico
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
• WEB 2 0
WEB 2.0
– Voltado para o usuário
– Desenvolvimento e amadurecimento das tecnologias
– Desenvolvimento e amadurecimento das tecnologias
WEB
– Serviços online e ondemand
Serviços online e ondemand
– Aplicações WEB
– Integração
Integração
– Colaboração online
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
• WEB 1 0 x WEB 2 0
WEB 1.0 x WEB 2.0
1.0
2.0
Foco Desktop
Foco Web
Voltado para o Serviço
Voltado para o Usuário
Experiência Iterativa
Experiência Interativa
M
P
ibilid d
M i P
ibilid d
Menos Possibilidades
Mais Possibilidades
Vida Normal
Vida On-Line
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
História Web
Revolução da Internet
• Questões:
Questões:
Qual o Futuro da Microsoft?
– Qual o Futuro da Microsoft?
– A WEB 2.0 pode ser considerada uma inimiga da
Microsoft?
Microsoft?
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Linguagens:
Linguagens:
– HTML
– CGI – Perl, C, C++, Python
y
– Java (JSP, Servlets, Applets, J2EE, etc.)
– ASP
– .NET (Sabores – J# .net, C# .net, ASP .net, VB .net)
– PHP
– Python
– Python
– Ruby
– Java Script
– Action Script (Flash)
– XML
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Web Services –
Web Services
SOA (Service Oriented Architecture)
SOA (Service Oriented Architecture)
Provedor de
Serviços
SOAP
XML XML
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Interoperabilidade das Aplicações
Interoperabilidade das Aplicações
• Web Services x Arquiteturas Baseadas em Stubs
CORBA Java RMI DCOM
– CORBA, Java RMI, DCOM
• Web Services – Exemplos
– Apache AXIS
– nuSOAP
– Java Web Services Developer Pack
– .NET
– BEA WebLogic Workshop
– IBM WebSphere
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Exemplo:
Exemplo:
Grid:
...
<img src=\"imagens/delete.gif\" onClick=apagar(".$row->ID.")>
Grid:
...
function apagar(id){
Action onClick – apagar:
function apagar(id){
makeRequest('apaga.php?id=' + id);
}
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Exemplo:
Exemplo:
function makeRequest(url) { http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http request new XMLHttpRequest();
http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');} } else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
} ( ) {}
} }
if (!http_request) {
alert('Seu browser não é compatível com AJAX!'); return false;
return false; }
http_request.onreadystatechange = alertContents; //Invoca grid, trata erros http_request.open('GET', url, true);
http_request.send(null); }
Tecnologias Importantes
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão
Linguagens Web Services AJAX
Tecnologias Importantes
• Exemplo:
Exemplo:
apaga.php:
<?php require_once("conecta.php");p g p p
$id=$_GET["id"];$query="DELETE FROM cadastro WHERE ID= ".$id; $result=mysql_query($query) or die ("Erro 004"); ?>
Conclusão
Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão