tecnologias web:tecnologias web -...

34
Tecnologias WEB: Tecnologias WEB: Linguagens, Web Services e WEB 2.0 Marcelo Daibert [email protected] – http://daibert.eti.br

Upload: lambao

Post on 08-Feb-2019

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias WEB:Tecnologias WEB:

Linguagens, Web Services e WEB 2.0

Marcelo [email protected] – http://daibert.eti.br

Page 2: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Agenda

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Agenda• Introdução• Contextualização• Revolução da InternetRevolução da Internet

– HistóriaWeb– Web

• Tecnologias ImportantesLi– Linguagens

– Web ServicesAJAX (A h J i t d XML)– AJAX (Asynchronous Javascript and XML)

• Conclusão

Marcelo Daibert - Tecnologias WEB 2

Page 3: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

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 conhecimentop

– Natureza humana: Criatividade e Evolução

Conhecimento Tecnologia

Tecnologia Melhorias

Marcelo Daibert - Tecnologias WEB 3

Page 4: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Introdução

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 4

Page 5: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Introdução

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 5

Page 6: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Introdução

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 6

Page 7: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Introdução

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Introdução

• WEB:WEB:

Marcelo Daibert - Tecnologias WEB 7

Page 8: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

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 é

hojehoje

Marcelo Daibert - Tecnologias WEB 8

Page 9: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Contextualização

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Contextualização

• Popularização da internetp ç• Links de alta capacidade de banda passante• Globalização• Globalização• Mundo conectado e informações a mili-segundos• Utilização da Internet hoje:

??Marcelo Daibert - Tecnologias WEB 9

Page 10: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

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

XDesenvolvimento WEB

Marcelo Daibert - Tecnologias WEB 10

Page 11: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

• História:– ARPA (Advanced Research and Projects Agency)– ARPANET: 1696ARPANET: 1696– Protocolo: Network Control Protocol (NCP)– 1975: 100 sites1975: 100 sites– Final dos anos 70 desenvolvimento da pilha TCP/IP– Surgimento do WWWSurgimento 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

Marcelo Daibert - Tecnologias WEB 11

Em 1995 houve a abertura comercial da Internet no Brasil

Page 12: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

• WEB 1 0WEB 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

EvoluçãoMarcelo Daibert - Tecnologias WEB 12

ç

Page 13: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

• WEB 2 0WEB 2.0– Voltado para o usuário– Desenvolvimento e amadurecimento das tecnologias– Desenvolvimento e amadurecimento das tecnologias

WEB– Serviços online e ondemandServiços online e ondemand– Aplicações WEB– IntegraçãoIntegração– Colaboração online

EvoluçãoMarcelo Daibert - Tecnologias WEB 13

ç

Page 14: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

• WEB 1 0 x WEB 2 0WEB 1.0 x WEB 2.0

1.0 2.0Foco Desktop Foco WebVoltado para o Serviço Voltado para o UsuárioExperiência Iterativa Experiência InterativaM P ibilid d M i P ibilid dMenos Possibilidades Mais PossibilidadesVida Normal Vida On-Line

Marcelo Daibert - Tecnologias WEB 14

Page 15: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 15

Page 16: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 16

Page 17: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 17

Page 18: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 18

Page 19: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 19

Page 20: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 20

Page 21: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistória Web

Revolução da Internet

Marcelo Daibert - Tecnologias WEB 21

Page 22: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Revolução da Internet

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoHistó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?– Qual o Futuro do Google?

Marcelo Daibert - Tecnologias WEB 22

Page 23: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Linguagens:Linguagens:– HTML– CGI – Perl, C, C++, Pythony– 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

Marcelo Daibert - Tecnologias WEB 23

Page 24: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Web Services – SOA (Service Oriented Architecture)Web Services SOA (Service Oriented Architecture)

Provedor deServiçosSOAP

XMLXML

Marcelo Daibert - Tecnologias WEB 24

SOAP: Simple Object Access Protocol

Page 25: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Web Services – Outras Tecnologias UtilizadasWeb Services Outras Tecnologias Utilizadas

Marcelo Daibert - Tecnologias WEB 25

Page 26: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Interoperabilidade das AplicaçõesInteroperabilidade 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

Marcelo Daibert - Tecnologias WEB 26

– Entre outros

Page 27: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• AJAX (Asynchronous Javascript and XML)AJAX (Asynchronous Javascript and XML)

Marcelo Daibert - Tecnologias WEB 27

Page 28: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• AJAX (Asynchronous Javascript and XML)AJAX (Asynchronous Javascript and XML)

Marcelo Daibert - Tecnologias WEB 28

Page 29: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Exemplo:Exemplo:

Marcelo Daibert - Tecnologias WEB 29

Page 30: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens 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);

}

Marcelo Daibert - Tecnologias WEB 30

Page 31: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens 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 erroshttp_request.open('GET', url, true);http_request.send(null);

Marcelo Daibert - Tecnologias WEB 31

}

Page 32: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias Importantes

Introdução Contextualização Revolução da Internet Tecnologias Importantes ConclusãoLinguagens Web Services AJAX

Tecnologias Importantes

• Exemplo:Exemplo:

apaga.php:

<?phprequire_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");?>

Marcelo Daibert - Tecnologias WEB 32

Page 33: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Conclusão

Introdução Contextualização Revolução da Internet Tecnologias Importantes Conclusão

Conclusão

• Tecnologia x Utilização:Tecnologia x Utilização:– O que faz uma tecnologia ser boa são os usuários que

a utilizam e não os seus produtoresa utilizam e não os seus produtores• Não existe uma linguagem melhor que a outra• Cada vez mais o amadurecimento das• Cada vez mais, o amadurecimento das

tecnologias e a criação de novas outras, fazem uma nova revolução: A WEB 2 0uma nova revolução: A WEB 2.0

• O amadurecimento das linguagens e f i t d b i t ibaperfeiçoamento dos web services contribuem

para a crescente utilização e desenvolvimento da WEB

Marcelo Daibert - Tecnologias WEB 33

WEB

Page 34: Tecnologias WEB:Tecnologias WEB - daibert.netdaibert.net/uploads/palestras/IINFOTEC_TECNOLOGIASWEB_DAIBERT.pdf · – Final dos anos 70 desenvolvimento da pilha TCP/IP – Surgimento

Tecnologias WEB:Tecnologias WEB:

Linguagens, WebServices e WEB 2.0

Marcelo [email protected] – http://daibert.eti.br