tecnologias web:tecnologias web -...

Tecnologias WEB:Tecnologias WEB:

Linguagens, Web Services e WEB 2.0

Marcelo Daibertcontato@daibert.eti.br – http://daibert.eti.br

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

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

Introdução

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

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 4

Introdução

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

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 5

Introdução

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

Introdução

• Tecnologia:Tecnologia:

Marcelo Daibert - Tecnologias WEB 6

Introdução

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

Introdução

• WEB:WEB:

Marcelo Daibert - Tecnologias WEB 7

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

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

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

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

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

ç

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

ç

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

Tecnologias WEB:Tecnologias WEB:

Linguagens, WebServices e WEB 2.0

Marcelo Daibertcontato@daibert.eti.br – http://daibert.eti.br