Aula 4 Arquitetura de software na Web atual: AJAX e Ajax. Prof: Dra. Renata Pontin de Mattos Fortes

Tamanho: px
Começar a partir da página:

Download "Aula 4 Arquitetura de software na Web atual: AJAX e Ajax. Prof: Dra. Renata Pontin de Mattos Fortes"

Transcrição

1 SCE 0265 ICMC-USP Aula 4 Arquitetura de software na Web atual: AJAX e Ajax Prof: Dra. Renata Pontin de Mattos Fortes Aluno PAE: Willian Massami Watanabe 1

2 Introdução O que é AJAX? 2

3 Introdução O que é AJAX? Javascript HTML HTML Events CSS DOM HTML DHTML 3

4 Introdução SVG O que é AJAX? Javascript HTML HTML Events JSON DOM HTML CSS XML DHTML 4

5 JAVA.net SVG Introdução O que é AJAX? Javascript PHP Python RUBY HTML HTML Events JSON DOM HTML CSS XML DHTML 5

6 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 6

7 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 7

8 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas 8

9 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmica Interação sem processamento no servidor Usuário Aplicação Web 9

10 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmica Interação sem processamento no servidor Processamento no navegador Usuário Aplicação Web 10

11 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas Interações com o servidor menos freqüentes Link, Âncora ou Input Retorna nova página Usuário interagindo com o Navegador Servidor Web 11

12 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML 12

13 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML Como funciona? 13

14 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML Usuário interagindo com o Navegador Servidor Web 14

15 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML Acessa a página web Usuário interagindo com o Navegador Servidor Web 15

16 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML Acessa a página web Retorna nova página Usuário interagindo com o Navegador Servidor Web 16

17 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador Servidor Web 17

18 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmica: DHTML Cliques nas abas e apresentação Processamento no navegador Usuário Aplicação Web 18

19 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmica: DHTML Cliques nas abas e apresentação Processamento no navegador Javascript Usuário HTML Events CSS DOM HTML Aplicação Web 19

20 Relembrando: DHTML e Aplicações Dinâmicas Javascript HTML Events Aplicações Dinâmica: DHTML Captura do Evento HTML CSS DOM HTML Função Javascript para tratamento do evento Recuperação do elemento HTML que representa o conteúdo da aba por DOM HTML Atribuição no atributo CSS referente ao elemento

21 Relembrando: DHTML e Aplicações Dinâmicas Javascript HTML Events Aplicações Dinâmica: DHTML Captura do Evento HTML CSS DOM HTML Função Javascript para tratamento do evento Recuperação do elemento HTML que representa o conteúdo da aba por DOM HTML Atribuição no atributo CSS referente ao elemento Onde estavam os dados que atualizaram a interface?

22 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador Servidor Web 22

23 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador HTML CSS Javascript DADOS Servidor Web 23

24 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML Scraps no Orkut 24

25 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Limitações Limitação 1: Impossível passar todos os dados contidos no servidor para o cliente Limitação 2: Sobrecarga no download inicial da página 25

26 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Limitações Limitação 1: Google Suggest, Google Reader htttp:// 26

27 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Limitações Limitação 2: Exemplo - Funcionalidade de Suggest implementada localmente 27

28 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: DHTML HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador HTML CSS Javascript DADOS Servidor Web 28

29 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Limitações Limitação 2: HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador HTML CSS Javascript DADOS ++ Servidor Web 29

30 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Limitações Limitação 2: Agravante: toda necessidade por dados atualizados leva ao recarregamento da página inteira HTML CSS Javascript DADOS ++

31 Relembrando: DHTML e Aplicações Dinâmicas Aplicações Dinâmicas: Solução AJAX 31

32 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 32

33 AJAX e Ajax Definição AJAX Asynchronous Javascript And XML 33

34 AJAX e Ajax Definição AJAX Asynchronous Javascript And XML Teoria 34

35 AJAX e Ajax Definição AJAX Asynchronous Javascript And XML Teoria Javascript XML 35

36 AJAX e Ajax Definição AJAX Asynchronous Javascript And XML Teoria Javascript XML 36

37 AJAX e Ajax Definição AJAX Requisições remotas por meio de Javascript Javascript HTTP Texto Prática 37

38 AJAX e Ajax Como funciona? 38

39 AJAX e Ajax Como funciona: Acesso inicial a uma página HTTP GET Acessa a página web Retorna nova página Usuário interagindo com o Navegador HTML CSS Javascript DADOS Servidor Web 39

40 AJAX e Ajax Como funciona: Interações em lado cliente Cliques nas abas e apresentação Processamento no navegador Usuário Javascript HTML Events CSS DOM HTML Aplicação Web 40

41 AJAX e Ajax Como funciona: Atualização de dados HTTP Request Atualização de dados Retorna novos dados DADOS Usuário interagindo com o Navegador Servidor Web 41

42 AJAX e Ajax Como funciona: Atualização de dados HTTP Request Atualização de dados Usuário interagindo com o Navegador Retorna APENAS dados DADOS Javascript HTTP Texto Servidor Web 42

43 AJAX e Ajax Explicação Javascript realiza uma requição HTTP Atualização apenas de partes de uma página Não há necessidade de baixar informações layout (CSS) e apresentação (HTML e Javascript) novamente Requisição assíncrona 43

44 AJAX e Ajax Exemplos AJAX GMail Google Reader Orkut Maps Facebook Amazon entre outros... 44

45 AJAX e Ajax Importante estudar Javascript (DHTML!!!) Formatos de comunicação de dados Protocolo de comunicação HTTP 45

46 AJAX e Ajax O que é AJAX? 46

47 AJAX e Ajax Importante estudar Javascript (DHTML) Formatos de comunicação de dados Protocolo de comunicação HTTP 47

48 AJAX e Ajax O que é AJAX? Javascript HTML HTML Events CSS DOM HTML DHTML 48

49 AJAX e Ajax Importante estudar Javascript Formatos de comunicação de dados Protocolo de comunicação HTTP 49

50 AJAX e Ajax SVG O que é AJAX? Javascript HTML HTML Events JSON DOM HTML CSS XML DHTML 50

51 AJAX e Ajax Importante estudar Javascript Formatos de comunicação de dados Protocolo de comunicação HTTP 51

52 AJAX e Ajax HTTP Request Atualização de dados CGI Retorna APENAS dados DADOS Usuário interagindo com o Navegador Servidor Web 52

53 JAVA PHP.net SVG Javascript AJAX e Ajax AJAX RUBY Python HTML HTML Events JSON DOM HTML CSS XML DHTML 53

54 AJAX == Web 2.0? AJAX e Ajax 54

55 AJAX == Web 2.0? Web 2.0 => AJAX AJAX e Ajax! (AJAX => Web 2.0) 55

56 AJAX == Ajax? AJAX e Ajax 56

57 AJAX == Ajax? AJAX e Ajax AJAX == Chamadas remotas por Javascript Ajax ==? 57

58 AJAX e Ajax Definição Ajax Estilo arquitetural por diferentes idéias e tecnologias relacionadas, Mahemoff 2006 Uma aplicação Ajax construída sobre tecnoloigas web padrão para entregar uma experiência de usuário responsiva e rica., Mahemoff

59 AJAX e Ajax Ajax == (AJAX + HTML + CSS + Javascript +...) 59

60 AJAX e Ajax Ajax == (AJAX + HTML + CSS + Javascript +...) Experiência de usuário 60

61 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 61

62 Objeto XMLHTTPRequest Objeto XMLHTTPRequest Implementa uma interface de exposição a linguagens de script que permite que o script realize requições HTTP partindo do cliente. 62

63 Objeto XMLHTTPRequest Implementação (Exemplo) 63

64 Objeto XMLHTTPRequest Examinando o código <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 64

65 Objeto XMLHTTPRequest Examinando o código <html> <head> <script type="text/javascript"> Handler Click function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 65

66 Objeto XMLHTTPRequest Examinando o código <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> Objeto AJAX 66

67 Objeto XMLHTTPRequest Examinando o código <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> Objeto AJAX IE 67

68 Objeto XMLHTTPRequest Examinando o código <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> DOM HTML 68

69 Objeto XMLHTTPRequest Examinando o código Parâmetros da <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> Requisição 69

70 Objeto XMLHTTPRequest Examinando o código Requisição <html> GET <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 70

71 Objeto XMLHTTPRequest Examinando o código URL para <html> chamada <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 71

72 Objeto XMLHTTPRequest Examinando o código Assíncrono == false <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 72

73 Objeto XMLHTTPRequest Examinando o código Realização da requisição <html> <head> <script type="text/javascript"> function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,false); xmlhttp.send(null); document.getelementbyid('test').innerhtml=xmlhttp.responsetext; } </script> </head> <body>... </body> </html> 73

74 Objeto XMLHTTPRequest Considerações do exemplo Requisição Síncrona Nenhum dado é enviado Requisição tipo GET 74

75 Objeto XMLHTTPRequest Implementação (Exemplo 2) 75

76 Objeto XMLHTTPRequest Examinando o código function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 76

77 Objeto XMLHTTPRequest Examinando o código AJAX function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } Assíncrono 77

78 Objeto XMLHTTPRequest Examinando o código Callback AJAX function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 78

79 Objeto XMLHTTPRequest Examinando o código Estado da Chamada function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 79

80 Objeto XMLHTTPRequest Examinando o código Status HTTP function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 80

81 Objeto XMLHTTPRequest Examinando o código HTTP == 200? function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 81

82 Objeto XMLHTTPRequest Examinando o código O que significa? function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 82

83 Objeto XMLHTTPRequest Examinando o código Qual a vantagem de ser assíncrono? function loadxmldoc(url) { if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest();} else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} document.getelementbyid('test').innerhtml="carregando..."; xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readystate == 4 && xmlhttp.status == 200){ document.getelementbyid('test').innerhtml=xmlhttp.responsetext; }else{ if(xmlhttp.readystate == 4) document.getelementbyid('test').innerhtml= "ERRO..."; } } xmlhttp.send(null); } 83

84 Objeto XMLHTTPRequest E o que mais? Envio de dados por GET e POST Formato xxx-url-encoded Tratamento de callbacks Requisições múltiplas Referência objeto XMLHTTPRequest 84

85 Objeto XMLHTTPRequest Limitações Same-policy origin 85

86 Objeto XMLHTTPRequest Limitações 86

87 Objeto XMLHTTPRequest Limitações alternativas IFrame Call On-Demand Javascript Cross-Domain Proxy 87

88 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 88

89 Padrões de Projeto Ajax e Exemplos Padrões de projeto Ajax (Mahemoff, 2007) Scheduling - Placar de jogo ao vivo Submission Throttling - Amazon Multi-stage download - Gmail Guesstimate - Gmail storage counter Progress Indicator - Twitter Portlets - Yahoo... 89

90 Sumário Relembrando: DHTML e Aplicações Dinâmicas AJAX e Ajax? Objeto XMLHTTPRequest Padrões de projeto Ajax e Exemplos Webservices e Ajax 90

91 Webservices e Ajax HTTP Request Atualização de dados Retorna nova página DADOS Usuário interagindo com o Navegador Servidor Web 91

92 Webservices e Ajax HTTP Request Atualização de dados Retorna nova página DADOS Usuário interagindo com o Navegador Texto Servidor Web 92

93 Webservices e Ajax Ajax Dados trafegando por HTTP em formato texto DADOS Texto 93

94 Webservices e Ajax Ajax Formatos de encapsulamento dos dados Texto Puro HTML XML JSON Entre outros 94

95 Webservices e Ajax Se o protocolo utilizado é o HTTP, é possível realizar a busca por esses dados por outras plataformas que não sejam necessariamente Javascript? 95

96 Webservices e Ajax DADOS Texto Webservices HTTP 96

97 Webservices e Ajax Webservices XML-RPC SOAP JSON-RPC RestFul Corba (é webservice mas não utiliza Texto nem HTTP) Entre outros 97

98 Webservices e Ajax Webservices == Ajax? 98

99 AJAX e Ajax Exercício Receber o arquivo objeto.js por meio de AJAX e apresentar as informações sobre horário nele apresentadas na agenda desenvolvida nas tarefas anteriores. Os horários representados em objeto.js devem ser apresentados na página web seguindo o mesmo padrão de apresentação do exercício anterior. objeto.js 99

100 AJAX e Ajax Exercício Dica: 100

SCE Aula 3 Arquitetura de software na Web atual: processamento de lado cliente. Prof: Dra. Renata Pontin de Mattos Fortes

SCE Aula 3 Arquitetura de software na Web atual: processamento de lado cliente. Prof: Dra. Renata Pontin de Mattos Fortes SCE 0265 Aula 3 Arquitetura de software na Web atual: processamento de lado cliente Prof: Dra. Renata Pontin de Mattos Fortes Aluno PAE: Willian Massami Watanabe Sumário da aula Aplicações Estáticas x

Leia mais

AJAX (Asynchronous Javascript And XML)

AJAX (Asynchronous Javascript And XML) AJAX (Asynchronous Javascript And XML) André Tavares da Silva andre.silva@udesc.br AJAX O nome AJAX foi idealizado por Jesse James Garrett, que definiu o objeto XMLHttpRequest. O AJAX não é uma linguagem

Leia mais

JavaNoroeste Grupo de Usuários Java do Noroeste Paulista. AJAX e WEB 2.0

JavaNoroeste Grupo de Usuários Java do Noroeste Paulista. AJAX e WEB 2.0 JavaNoroeste Grupo de Usuários Java do Noroeste Paulista AJAX e WEB 2.0 Carlos Fernando Gonçalves Mestre em Engenharia de Computação, área de concentração Engenharia de Software pelo IPT SP Bacharel em

Leia mais

AJAX. Prof. Marcos Alexandruk

AJAX. Prof. Marcos Alexandruk Prof. Marcos Alexandruk m.alexandruk@hotmail.com Asynchronous JavaScript and XML Não é uma "nova tecnologia" Utiliza os recursos já existentes do JavaScript Jesse James Garret utilizou o termo pela primeira

Leia mais

Programação para Internet

Programação para Internet Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 10 Web Dinâmica Introdução ao AJAX AJAX Introdução

Leia mais

Linguagens, Web Services e WEB 2.0

Linguagens, Web Services e WEB 2.0 Tecnologias WEB: Linguagens, Web Services e WEB 2.0 Marcelo Daibert contato@daibert.eti.br http://daibert.eti.br Agenda Introdução Contextualização Revolução da Internet História Web Tecnologias Importantes

Leia mais

AJAX. Aula 01 - Introdução

AJAX. Aula 01 - Introdução AJAX Aula 01 - Introdução AJAX é acrônimo em língua inglesa de "Asynchronous Javascript and XML", que em português significa "Javascript e XML Assíncronos" Introdução O Ajax é baseado nos seguintes padrões

Leia mais

DESENVOLVIMENTO DE SISTEMAS WEB. Lista de Exercícios AV2-01. Luiz Leão

DESENVOLVIMENTO DE SISTEMAS WEB. Lista de Exercícios AV2-01. Luiz Leão DESENVOLVIMENTO DE SISTEMAS WEB Luiz Leão luizleao@gmail.com http://www.luizleao.com Questão 01 Sobre as características da programação orientada a objetos, explique o encapsulamento. Questão 01 - Resposta

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA AJAX

PROGRAMAÇÃO PARA INTERNET RICA AJAX PROGRAMAÇÃO PARA INTERNET RICA AJAX Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o conceito do AJAX Capacitar para a criação de sites / aplicativos dinâmicos com o uso de AJAX Trabalho B! Material

Leia mais

EA975 - Laboratório de Engenharia de Software

EA975 - Laboratório de Engenharia de Software EA975 - Laboratório de Engenharia de Software Turmas K/L - 2017 Aula 1 O que vamos desenvolver? Vamos desenvolver uma aplicação distribuída, empregando a arquitetura 3-Tier segundo o estilo REST/HTTP (Respresentational

Leia mais

Leonardo Zorzo Carbone. Orientador: Adilson Vahldick

Leonardo Zorzo Carbone. Orientador: Adilson Vahldick WebCode Componente web para edição de código fonte Leonardo Zorzo Carbone Orientador: Adilson Vahldick Roteiro da Apresentação Introdução Fundamentação Teórica Desenvolvimento Conclusão Extensões Introdução

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo

Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo Introdução Geral Prof. Vicente Paulo de Camargo Web e Internet A Internet é uma rede de computadores que conecta milhões de computadores Se comunicam através do protocolos específicos A Web é uma forma

Leia mais

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS.

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS. AJAX AJAX é acrônimo de Asynchronous JavaScript And XML. É um tipo de programação que se tornou popular in 2005 pela Google (com Google Suggest). AJAX não é uma nova linguagem de programação, mas uma nova

Leia mais

Programação para Internet

Programação para Internet Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 10 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript

Leia mais

Programação para Internet

Programação para Internet Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript

Leia mais

Desenvolvimento Web. [Versão 5 Maio/2019] Professor Emiliano S. Monteiro

Desenvolvimento Web. [Versão 5 Maio/2019] Professor Emiliano S. Monteiro Desenvolvimento Web [Versão 5 Maio/2019] Professor Emiliano S. Monteiro API REST (PHP) Professor Emiliano S. Monteiro API REST Significa Representation State Transfer. É um estilo de desenvolvimento ou

Leia mais

Desenvolvimento Web II

Desenvolvimento Web II Desenvolvimento Web II Web Service PHP Rest Frameworks: Slim e Laravel (get/ post / put / delete) Gil Eduardo de Andrade Web Service Introdução: Um web service pode ser definido como uma tecnologia que

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 01 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... - Apresentação da disciplina; -

Leia mais

Desenvolvimento de Aplicações para Internet Aula 11

Desenvolvimento de Aplicações para Internet Aula 11 Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo

Leia mais

AJAX Asynchronous JavaSctipt And XML. Nuno Dantas, 1010676 7 de Novembro de 2006

AJAX Asynchronous JavaSctipt And XML. Nuno Dantas, 1010676 7 de Novembro de 2006 AJAX Asynchronous JavaSctipt And XML Nuno Dantas, 1010676 7 de Novembro de 2006 1 2 Resumo Com o desenvolvimento da Internet apareceu de necessidade de melhorar a forma de funcionamento das aplicações

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2011-2 Visão Geral 1 2 3 4 5 Conceito das RIA Desafios Atuais Características das RIA Considerações e Benefícios Situação

Leia mais

Informática Parte 23 Prof. Márcio Hunecke

Informática Parte 23 Prof. Márcio Hunecke Escriturário Informática Parte 23 Prof. Márcio Hunecke Informática Json (ECMA-404) JSON (JavaScript Object Notation), é um formato compacto, de padrão aberto independente, de troca de dados simples e

Leia mais

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD

Leia mais

INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO

INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de

Leia mais

Web Services REST. Sistemas Distribuídos. Mauro Lopes Carvalho Silva. Professor EBTT DAI Departamento de Informática Campus Monte Castelo

Web Services REST. Sistemas Distribuídos. Mauro Lopes Carvalho Silva. Professor EBTT DAI Departamento de Informática Campus Monte Castelo Sistemas Distribuídos Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto Federal de Educação Ciência e Tecnologia do Maranhão Objetivos Nesta aula

Leia mais

Introdução ao AJAX Métodos Open e Send

Introdução ao AJAX Métodos Open e Send Introdução ao AJAX Métodos Open e Send Irei demonstrar alguns métodos básicos para se trabalhar com o objeto XMLHttpRequest, que já demonstrei no post Introdução ao AJAX Objeto XMLHttpRequest. Tentarei

Leia mais

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

Web Interativa com Ajax e PHP

Web Interativa com Ajax e PHP Web Interativa com Ajax e PHP Juliano Niederauer Novatec Copyright 2007, 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta

Leia mais

Técnicas de Programação para a Web. Luiz Cláudio Silva. Novembro de 2005. Apresentação

Técnicas de Programação para a Web. Luiz Cláudio Silva. Novembro de 2005. Apresentação Técnicas de Programação para a Web Luiz Cláudio Silva Novembro de 2005 Apresentação Objetivos Gerais Identificar os diversos modelos de funcionamento de uma aplicação Web Citar as caracterísitcas de uma

Leia mais

GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP. Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri

GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP. Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri FERRAMENTA VISUAL PARA GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri ROTEIRO Introdução Objetivos Motivação Fundamentação Teórica Desenvolvimento

Leia mais

EXERCÍCIOS DE REVISÃO DE CONTEÚDO QUESTÕES DISSERTATIVAS

EXERCÍCIOS DE REVISÃO DE CONTEÚDO QUESTÕES DISSERTATIVAS EXERCÍCIOS DE REVISÃO DE CONTEÚDO QUESTÕES DISSERTATIVAS 1. Explique a(s) diferença(s) entre design pattern e framework. 2. Analisar o arquivo de configurações (web.xml) abaixo identificando quais suas

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

AJAX no GASweb. Mas e afinal, para que usamos o AJAX?

AJAX no GASweb. Mas e afinal, para que usamos o AJAX? Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente

Leia mais

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado

Leia mais

AJaX Asy s nchronous s J avasc S ript p t a nd d XML

AJaX Asy s nchronous s J avasc S ript p t a nd d XML Asynchronous JavaScript and XML Ajax Um nome para um novo tipo de aplicações na Web Técnica de desenvolvimento de aplicações para criar páginas mais interactivas Não é uma nova tecnologia Ajax= JavaScript

Leia mais

Curso online de. Formação em Front-End. Plano de Estudo

Curso online de. Formação em Front-End. Plano de Estudo Curso online de Formação em Front-End Plano de Estudo Descrição do programa O Programa de Desenvolvimento Web lhe oferece conhecimentos para desenvolver habilidades necessárias para se tornar um Desenvolvedor

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o que é uma Aplicação Rica para Internet Contextualizar tais aplicações na Web e os desafios

Leia mais

Conceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON)

Conceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON) Márcio Koch 1 Currículo Formado na FURB em Ciência da Computação Pós graduado em Tecnologias para o desenvolvimento de aplicações web Mestrando em Computação Gráfica na UDESC Arquiteto de software na Senior

Leia mais

EA975 - Laboratório de Engenharia de Software. Objetivo do curso. Turmas K/L Aula 1

EA975 - Laboratório de Engenharia de Software. Objetivo do curso. Turmas K/L Aula 1 EA975 - Laboratório de Engenharia de Software Objetivo do curso Exercitar na prática as técnicas de desenvolvimento de software estudadas no curso EA976 - Engenharia de Software. Turmas K/L - 2019 Aula

Leia mais

Compreender as diferenças entre os vários métodos e códigos de erro HTTP. Conhecer as linguagens fundamentais para programação para a Web

Compreender as diferenças entre os vários métodos e códigos de erro HTTP. Conhecer as linguagens fundamentais para programação para a Web PROGRAMAÇÃO WEB [27200] GERAL Ano Letivo: 201415 Grupo Disciplinar: Ciência e Tecnologia da Programação ECTS: 8,0 Regime: PL Semestre: S2 OBJETIVOS O desenvolvimento de aplicações para a Web é uma atividade

Leia mais

REST RESTfulWeb Services JAX-RS

REST RESTfulWeb Services JAX-RS Web Services REST Web Service Serviço oferecido por um sistema que pode ser acessado diretamente por outro sistema desenvolvido em qualquer tecnologia através de uma rede como a internet. Cada plataforma

Leia mais

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade

Leia mais

Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax

Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Ajax Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Tópicos

Leia mais

Programação para Internet I. Fernando F. Costa nando@fimes.edu.br

Programação para Internet I. Fernando F. Costa nando@fimes.edu.br Programação para Internet I Fernando F. Costa nando@fimes.edu.br Ementa Histórico da Internet Componentes para o funcionamento da Internet: Protocolo, Aplicações e Serviços Confecção de páginas para internet

Leia mais

Desenvolvimento de Aplicações Distribuídas

Desenvolvimento de Aplicações Distribuídas SOA e Web Services Pontifícia Universidade Católica de Minas Gerais Instituto de Ciências Exatas e Informática DAD (2019/01) Tópicos Apresentação da disciplina Introdução Desafios e características Arquitetura

Leia mais

AJAX é o acrônimo de Asychronous JavaScript and XML, ou seja, JavaScript e XML assíncronos;

AJAX é o acrônimo de Asychronous JavaScript and XML, ou seja, JavaScript e XML assíncronos; AJAX é meramente um termo utilizado para descrever o processo de utilização do objeto XMLHttpRequest do JavaScript, para recuperar ou enviar informações ao servidor de forma assíncrona. AJAX é o acrônimo

Leia mais

Desenvolvimento de Aplicações Distribuídas

Desenvolvimento de Aplicações Distribuídas Aplicações Móveis Pontifícia Universidade Católica de Minas Gerais Instituto de Ciências Exatas e Informática DAD (2019/01) Tópicos Apresentação da disciplina Introdução Desafios e características Arquitetura

Leia mais

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor

Leia mais

Ben Vinegar Anton Kovalyov

Ben Vinegar Anton Kovalyov Ben Vinegar Anton Kovalyov Novatec Original English language edition published by Manning Publications Co., Sound View CT.#3B, Greenwich, CT 06830 USA. Copyright 2013 by Manning Publications. Portuguese-language

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 04 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... Unidade I - Conceitos básicos sobre

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

INTEGRAÇÃO DA METODOLOGIA DE DESENVOLVIMENTO AJAX COM SERVLETS JAVA

INTEGRAÇÃO DA METODOLOGIA DE DESENVOLVIMENTO AJAX COM SERVLETS JAVA Encontro Internacional de Produção Científica Cesumar 23 a 26 de outubro de 2007 INTEGRAÇÃO DA METODOLOGIA DE DESENVOLVIMENTO AJAX COM SERVLETS JAVA Everton Coimbra de Araújo 1, Juliano Rodrigo Lamb 2,

Leia mais

Pré-requisitos: Conhecimentos de informática gerencial e lógica de programação.

Pré-requisitos: Conhecimentos de informática gerencial e lógica de programação. CURSO DESENVOLVEDOR FRONT-END HTML5/CSS3/JavaScript Objetivo: Este curso visa introduzir o aluno do mundo do desenvolvimento Web, com aplicabilidade, ensino e capacitação nas principais linguagens de diagramação

Leia mais

Redes de Computadores

Redes de Computadores Prof. Universidade Federal de Mato Grosso do Sul brivaldo@facom.ufms.br 18 de maio de 2017 Visão Geral 1 Visão Geral 2 3 4 Web e o HTTP Relembrando rapidamente, página web é construída com objetos um objeto

Leia mais

Capítulo 7. A camada de aplicação

Capítulo 7. A camada de aplicação Capítulo 7 A camada de aplicação slide 1 slide 2 DNS Sistema de Nomes de Domínio O espaço de nomes DNS Registros de recursos de domínio Servidores de nome slide 3 O espaço de nomes DNS (1) Parte do espaço

Leia mais

REST. Eduardo Ferreira dos Santos. Outubro, Ciência da Computação Centro Universitário de Brasília UniCEUB 1 / 35

REST. Eduardo Ferreira dos Santos. Outubro, Ciência da Computação Centro Universitário de Brasília UniCEUB 1 / 35 Eduardo Ferreira dos Santos Ciência da Computação Centro Universitário de Brasília UniCEUB Outubro, 2016 1 / 35 Sumário 1 Web Services 2 REST Arquitetura 2 / 35 Web Services 1 Web Services 2 REST Arquitetura

Leia mais

Aula 17 Introdução ao jquery

Aula 17 Introdução ao jquery Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras

Leia mais

SEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE

SEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE SEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE Prof. Dr. Daniel Caetano 2014-1 DISCUSSÃO Desenvolvimento Web Quais os ambientes operacionais? Servidor Web Servidor de Aplicações Navegador Desenvolvimento

Leia mais

Webservices LEANDRO MENDES FERREIRA

Webservices LEANDRO MENDES FERREIRA Webservices LEANDRO MENDES FERREIRA Webservices - Agenda CONCEITOS RPC HTTP SOAP RESTFUL CONCEITOS Conceitos Básicos XML (extensible Markup Language) Liguagem de marcação para descrição de documentos de

Leia mais

API - Webservices. Grupo Cortez de Lima

API - Webservices. Grupo Cortez de Lima API - Webservices Grupo Cortez de Lima Introdução A API Web Services Cortez de Lima foi desenvolvida para facilitar a integração de outros sistemas ao nosso sistema próprio de Publicações Eletrônicas através

Leia mais

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de

Leia mais

Ajax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET.

Ajax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET. 1 2 Ajax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET. 3 Por todo o documento subentende-se: todos os seus componentes já anteriormente carregados: imagens,

Leia mais

Técnico em Informática. Web JavaScript. Profª Ana Paula Mandelli

Técnico em Informática. Web JavaScript. Profª Ana Paula Mandelli Técnico em Informática Web JavaScript Profª Ana Paula Mandelli anapaula_mandelli@hotmail.com Para o JavaScript - NetBeans O NetBeans é um ambiente de desenvolvimento integrado (IDE) Java desenvolvido pela

Leia mais

Web Services REST e JSON

Web Services REST e JSON Sistemas Distribuídos Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto Federal de Educação Ciência e Tecnologia do Maranhão Objetivos Nesta aula

Leia mais

JavaScript. de Alto Desempenho. Nicholas C. Zakas. Novatec

JavaScript. de Alto Desempenho. Nicholas C. Zakas. Novatec JavaScript de Alto Desempenho Nicholas C. Zakas Novatec Authorized translation of the English edition of High Performance JavaScript ISBN 978-0-596-80279-0 2010, Nicholas C. Zakas. This translation is

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA DHTML E O DOCUMENT OBJECT MODEL

PROGRAMAÇÃO PARA INTERNET RICA DHTML E O DOCUMENT OBJECT MODEL PROGRAMAÇÃO PARA INTERNET RICA DHTML E O DOCUMENT OBJECT MODEL Prof. Dr. Daniel Caetano 2011-2 Visão Geral 1 2 3 4 DHTML Document Object Model Manipulando o DOM Manipulando o CSS pelo DOM Material de Estudo

Leia mais

Programação para Internet

Programação para Internet Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 1 Introdução à Programação para Internet 2 Conteúdo

Leia mais

INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião

INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações

Leia mais

Uso da Internet. Disciplina: Gestão da Tecnologia de Sistemas. Professor: Thiago Silva Prates

Uso da Internet. Disciplina: Gestão da Tecnologia de Sistemas. Professor: Thiago Silva Prates Uso da Internet Disciplina: Gestão da Tecnologia de Sistemas Professor: Thiago Silva Prates Uso da Internet nos negócios Com a evolução dos Sistemas de Informações nas organizações, da melhoria na infraestrutura,

Leia mais

OPORTUNIDADES: Analista de Sistemas Sênior

OPORTUNIDADES: Analista de Sistemas Sênior OPORTUNIDADES: Analista de Sistemas Sênior Experiência em projetos de desenvolvimento de sistemas Conhecimento de metodologia de desenvolvimento de sistema Experiência em levantamento de requisitos e elaboração

Leia mais

3 Sistema de recomendação proposto

3 Sistema de recomendação proposto 21 3 Sistema de recomendação proposto 3.1. Introdução A maior parte dos sistemas atuais armazena suas informações em bancos de dados relacionais. Apesar de apresentar inúmeros benefícios quando comparado

Leia mais

Instrutor: Eder Martins Franco

Instrutor: Eder Martins Franco Minicurso de REST Aula 1 fsdfsdf Introdução às RESTful APIs com PHP Instrutor: Eder Martins Franco 27 MAI 2017 Faculdade FUCAPI v1.0 Professor who? Programador e professor, notívago e viciado em café.

Leia mais

PARA QUEM É ESTE CURSO?

PARA QUEM É ESTE CURSO? PARA QUEM É ESTE CURSO? Este curso é destinado para pessoas com pouco ou nenhum conhecimento na área de desenvolvimento web, e que querem aprender a criar sites otimizados e sistemas web. VOCÊ QUER APRENDER

Leia mais

Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.

Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era

Leia mais

Aula 11 Introdução ao Java Script

Aula 11 Introdução ao Java Script Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se

Leia mais

Invocação Remota. Prof. Leonardo Barreto Campos. 1/29

Invocação Remota. Prof. Leonardo Barreto Campos.   1/29 Invocação Remota Prof. Leonardo Barreto Campos 1/29 Sumário Introdução Chamada de Procedimento Remoto Invocação a Método Remoto Leitura Complementar Bibliografia 2/29 Introdução Essa aula trata como os

Leia mais

Ajax na Construção de uma Aplicação Web para Monitoramento de Ambientes. Marcus Vinícius Silva Gois Orientador: Paulo César Rodacki Gomes

Ajax na Construção de uma Aplicação Web para Monitoramento de Ambientes. Marcus Vinícius Silva Gois Orientador: Paulo César Rodacki Gomes Ajax na Construção de uma Aplicação Web para Monitoramento de Ambientes Marcus Vinícius Silva Gois Orientador: Paulo César Rodacki Gomes Roteiro Introdução O problema da web Objetivos do Trabalho Fundamentação

Leia mais

Ricardo Couto Antunes da Rocha 2005 Ricardo Couto Antunes da Rocha

Ricardo Couto Antunes da Rocha 2005 Ricardo Couto Antunes da Rocha Programação com Sockets Ricardo Couto Antunes da Rocha rcarocha@inf.ufg.br 2005 Ricardo Couto Antunes da Rocha Parâmetros de protocolos Objetivo do protocolo Protocolo de transporte: TCP ou UDP Porta (servidora!):

Leia mais

Adicionando AJAX (Tarefa F) Prof. Fellipe Aleixo

Adicionando AJAX (Tarefa F) Prof. Fellipe Aleixo Adicionando AJAX (Tarefa F) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) Feedback do Cliente Ok! A aplicação que você está desenvolvendo já está tomando forma Mas, gostaria que fosse incluído o suporte

Leia mais

igrpweb Índice gráfico Cliente NOSi igrpweb Referência Versão 1.00 Status

igrpweb Índice gráfico Cliente NOSi igrpweb Referência Versão 1.00 Status igrpweb Índice gráfico Cliente NOSi igrpweb Referência Versão 1.00 Status Conteúdo Enquadramento... 2 1 IGRP Studio... 3 2 O Guia Inicial Rápido... 4 3 O Gerador de Código... 5 4 O File editor... 6 5 BPMN

Leia mais

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo

Leia mais

Arquitetura de Serviços na Embrapa, viabilização da integração de informações eletrônicas de UDs e UCs. 12 de agosto de 2014 Fernando Chagas Santos

Arquitetura de Serviços na Embrapa, viabilização da integração de informações eletrônicas de UDs e UCs. 12 de agosto de 2014 Fernando Chagas Santos Arquitetura de Serviços na Embrapa, viabilização da integração de informações eletrônicas de UDs e UCs 12 de agosto de 2014 Fernando Chagas Santos Agenda 1. Contextualização 2. Proposta para a Integração

Leia mais

Guia para Criativos em HTML5 ABRIL

Guia para Criativos em HTML5 ABRIL Guia para Criativos em HTML5 ABRIL Versão 1.3 Criativos em HTML5 referem-se a anúncios que são construídos utilizando tecnologias web nativas, como HTML, CSS e Javascript. HTML5 é a quinta revisão do padrão

Leia mais

Protocolo HTTP. - Características. - Modelo Requisição/Resposta. - Common Gateway Interface (CGI)

Protocolo HTTP. - Características. - Modelo Requisição/Resposta. - Common Gateway Interface (CGI) Protocolo HTTP - Características - Modelo Requisição/Resposta - Common Gateway Interface (CGI) Características Hypertext Transfer Protocol (HTTP) Protocolo utilizado para transferir documentos de hipertexto

Leia mais

1. INTRODUÇÃO AO HTML...

1. INTRODUÇÃO AO HTML... ÍNDICE GERAL 0. INTRODUÇÃO... 1 0.1 O que posso encontrar neste livro... 1 0.2 Requisitos... 1 0.3 A quem se dirige este livro?... 2 0.4 Código e samples... 2 0.5 Convenções... 3 0.6 Organização do livro...

Leia mais

DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).

DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). 6188 - DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Noções Básicas 1.1. Novidades do Dreamweaver CC... 23 1.1.1. Aplicativo Creative Cloud... 24 1.2. Área de Trabalho...

Leia mais

Plano de Aula - DreamWeaver CC - cód Horas/Aula

Plano de Aula - DreamWeaver CC - cód Horas/Aula Plano de Aula - DreamWeaver CC - cód. 6188 24 Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula 2 1 - Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula 4 2 - Site do DreamWeaver 1.1. Novidades

Leia mais

SCE-557. Técnicas de Programação para WEB. Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello mello@icmc.usp.br

SCE-557. Técnicas de Programação para WEB. Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello mello@icmc.usp.br SCE-557 Técnicas de Programação para WEB Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello mello@icmc.usp.br 1 Cronograma Fundamentos sobre servidores e clientes Linguagens Server e Client side

Leia mais

APLICAÇÕES E SERVIÇOS WEB

APLICAÇÕES E SERVIÇOS WEB http://tutorials.jenkov.com/web-services/message-formats.html APLICAÇÕES E SERVIÇOS WEB Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes Aplicações WEB A maioria de

Leia mais

PLANO DE ENSINO 2016/1

PLANO DE ENSINO 2016/1 Nome do Curso: SISTEMAS DE INFORMAÇÃO Nome da Disciplina: PRÁTICA DE PROGRAMAÇÃO Período: 3 Nome Professor (a): Guiliano Rangel Alves Curso de vinculação do professor (a): Sistemas de Informação Código:

Leia mais

O uso do Web Scraping nas estatísticas oficiais. Departamento de Recolha de Informação Maria José Fernandes Porto, Abril de 2017

O uso do Web Scraping nas estatísticas oficiais. Departamento de Recolha de Informação Maria José Fernandes Porto, Abril de 2017 O uso do Web Scraping nas estatísticas oficiais Departamento de Recolha de Informação Maria José Fernandes Porto, Abril de 2017 Web Scraping O que é? Como funciona? Porquê e para quê? Como se faz? O que

Leia mais