Programação para Internet
|
|
- Jonathan Caldeira
- 5 Há anos
- Visualizações:
Transcrição
1 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
2 AJAX Introdução AJAX = Asynchronous JavaScript and XML; Não é uma linguagem de programação; É uma técnica utilizada para criar websites rápidos e dinâmicos; Possibilita trocar dados com o servidor e atualizar partes de uma página web sem precisar recarregar a página inteira; Com AJAX, a comunicação com o servidor pode ser realizada de forma assíncrona (em segundo plano), sem interromper as funcionalidades da página corrente; AJAX utiliza uma combinação de tecnologias: Objeto XMLHttpRequest, do browser (para requisitar dados/serviço ao servidor) JavaScript e HTML DOM (para mostrar ou utilizar os dados) CSS, XML, JSON (formato para transferência de dados) Ref: adaptado de w3schools.com 2
3 AJAX Exemplos de Aplicações A tecnologia é amplamente utilizada (até mesmo por empresas e serviços de renome como Google Maps, Gmail, YouTube e Facebook); Por exemplo, pode-se utilizar AJAX para realizar o preenchimento automático dos campos de endereço em um formulário Web assim que o usuário informar o CEP; Outros exemplos: Sugestões de buscas no Google Ao buscar um modelo de carro na tabela FIPE, os modelos são carregados, em segundo plano, após seleção do fabricante. Ref: adaptado de w3schools.com 3
4 4 Como AJAX Funciona 1. Ocorre um evento na página web (página carregada, botão pressionado, opção selecionada, etc.); 2. Cria-se um objeto XMLHttpRequest utilizando JavaScript; 3. Utiliza-se o objeto para enviar uma requisição HTTP ao servidor; 4. O servidor Web processa a requisição (enquanto isso, a página Web no cliente fica livre para executar outras operações*); 5. O servidor envia uma resposta de volta para a página Web; 6. A resposta é lida pela página utilizando JavaScript e uma ação apropriada é então executada (como atualização da página, apresentação de informação detalhada, etc.) *No caso da requisição ser assíncrona Ref: adaptado de w3schools.com
5 Como AJAX Funciona Ref: adaptado de w3schools.com 5
6 Requisição Síncrona x Assíncrona Na prática, a maior parte das requisições AJAX é realizada de maneira assíncrona. Porém, também é possível realizá-la de forma síncrona. Requisição Síncrona A função JavaScript que inicia a requisição ficará bloqueada, aguardando pela resposta do servidor; Não é possível executar nenhum outro código JavaScript enquanto a requisição estiver sendo processada no servidor. Requisição Assíncrona A função JavaScript prossegue com sua execução enquanto a requisição é tratada em segundo plano. Isto significa que é possível executar outras operações com JavaScript enquanto o servidor processa a requisição; O andamento da requisição pode ser acompanhado no JavaScript por meio de eventos, sendo possível executar uma ação assim que a requisição terminar. 6
7 <script> Exemplo de Requisição Assíncrona - Método GET // cria uma instância do XMLHttpRequest para iniciar a requisição AJAX var xmlhttp = new XMLHttpRequest(); // configura o método da requisição, a URL do recurso ou serviço e true para requisição assíncrona xmlhttp.open("get", "ARQUIVO_OU_URL_DO_SERVICO", true); // indica a função que será executada quando a requisição encerrar xmlhttp.onload = function () { if (xmlhttp.status == 200) }; { // Coloque aqui as operações necessárias para tratar o resultado // da requisição quando finalizada com sucesso document.getelementbyid("demo").innerhtml = xmlhttp.responsetext; } else { // Ocorreu alguma falha no processamento da requisição e o servidor // retornou um código de status diferente de '200 Ok'. // Coloque o tratamento de erro aqui. alert("ocorreu um erro ao processar a requisição: " + xmlhttp.status + xmlhttp.responsetext); } // indica a função a ser executada caso ocorra uma falha na comunicação com o servidor xmlhttp.onerror = function () { alert("ocorreu um erro ao processar a requisição"); }; // envia a requisição xmlhttp.send(); </script> 7
8 8 Exercício 1 Testar e estudar os arquivos anexos do Exemplo1: 1. Envie os arquivos para o servidor do Awardspace; 2. Acesse o arquivo testeajax.html digitando a URL adequadamente no navegador; 3. Analise o código fonte dos arquivos testeajax.html e conteudoadicional.txt; 4. Observe que o conteúdo do arquivo.txt é carregado dinamicamente na página testeajax.html utilizando uma requisição assíncrona com AJAX; 5. No arquivo testeajax.html, observe que o resultado da requisição é acessado por meio de xmlhttp.responsetext;
9 Exercício 2 Testar e estudar os arquivos anexos do Exemplo2A: 1. Envie os arquivos para o servidor do Awardspace; 2. Acesse o arquivo busca.html digitando a URL adequadamente no navegador. Informe uma letra no campo de busca da página e observe a resposta; 3. Analise o código fonte dos arquivos busca.html e buscasugestao.php; 4. Observe que o script buscasugestao.php recebe um parâmetro de busca pela URL e procura por nomes no vetor de nomes que começam com a letra informada. Observe que o script produz uma string de nomes como resultado, a qual é recebida e apresentada na página busca.html utilizando JavaScript. 9
10 10 xmlhttp.onload - Observações No exemplos apresentados anteriormente, existe a possibilidade da condição (xmlhttp.status == 200) ser verdadeira mesmo quando o script PHP termina com erros; Isto acontece porque o Apache/PHP retorna automaticamente o código de status padrão 200, independentemente do script PHP encerrar com sucesso ou falha. Portanto, o desenvolvedor precisa tomar medidas para tratar essa situação, evitando que o usuário final visualize mensagens detalhadas de erros no servidor;
11 Exercício 3 Simular um erro PHP no exemplo Exemplo2A: 1. Abra o arquivo buscasugestao.php e troque o if na linha 22 por se ; 2. Salve o arquivo e reenvie para o Awardspace; 3. Acesse novamente o arquivo busca.html pelo navegador, digite uma letra no campo de busca e observe o resultado. 11
12 <script> xmlhttp.onload - Observações O Exemplo 2B é uma alteração do Exemplo 1A visando tratar melhor a resposta do servidor. Foram feitas basicamente duas alterações: 1. O script buscasugestoes.php produz uma resposta válida iniciando com a string OK ; 2. O arquivo busca.html adiciona uma condição para verificar se a resposta produzida pelo servidor começa com os caracteres OK ; // indica a função que será executada quando a requisição encerrar xmlhttp.onload = function () { // NOVIDADE DESDE EXEMPLO // A segunda condição deste if foi inserida como uma forma de verificar // se o script no servidor realmente foi finalizado com sucesso e produziu // uma resposta válida. Caso ocorram erros ou warnings antes da geração do resultado, // tais mensagens serão enviadas (e a resposta produzida não começará com "OK") // if (xmlhttp.status == 200 && xmlhttp.responsetext.substring(0, 2) == "OK") { // Coloque aqui as operações necessárias para tratar o resultado // da requisição quando finalizada com sucesso document.getelementbyid("demo").innerhtml = xmlhttp.responsetext; } else { // Ocorreu alguma falha no processamento da requisição e o servidor // retornou um código de status diferente de '200 Ok'. // Coloque o tratamento de erro aqui. alert("ocorreu um erro ao processar a requisição: " + xmlhttp.status + xmlhttp.responsetext); } }; 12
13 Exercício 4 Simular um erro PHP no exemplo Exemplo2B: 1. Abra o arquivo buscasugestao.php e troque o if na linha 22 por se ; 2. Salve o arquivo e reenvie para o Awardspace; 3. Acesse novamente o arquivo busca.html pelo navegador, digite uma letra no campo de busca e observe o resultado. 13
14 AJAX Exemplo 3 Outra Forma Nos exemplos anteriores utilizamos a propriedade onload do objeto XMLHttpRequest para indicar uma função de callback que deve ser executada quando a requisição finalizar. Uma outra possibilidade é monitorar o valor da propriedade readystate desse objeto. A propriedade muda de valor à medida em que a requisição é criada e tratada. Quando a requisição é finalizada e a resposta está pronta, readystate muda para o valor 4. Isto é ilustrado a seguir:... var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystate == 4 && xmlhttp.status == 200) { // processar a resposta do servidor } } xmlhttp.open(...); xmlhttp.send();... Programação para Internet 14 Prof. Dr. Daniel A. Furtado
15 Resumo das Propriedades do Objeto XMLHttpRequest Propriedade Descrição onreadystatechange Utilizado para indicar a função a ser chamada quando a propriedade readystate muda de valor readystate Mantém o estado da requisição: 0: requisição não iniciada 1: conexão com o servidor estabelecida 2: requisição recebida pelo servidor 3: requisição em processamento 4: requisição finalizada e resposta pronta responsetext responsexml status statustext Permite acessar os dados retornados na forma textual Permite acessar os dados retornados no formato XML Retorna o status-number da requisição: 200: "OK" 403: "Forbidden" 404: "Not Found" Para a lista completa acesse Http Messages Reference Retorna o status-text (isto é, "OK" ou "Not Found") Adaptado de W3Schools.com 15
16 Resumo dos Métodos do Objeto XMLHttpRequest Método new XMLHttpRequest() Descrição Cria um novo objeto XMLHttpRequest open(method,url,async) send() send(string) setrequestheader() Configura a requisição, onde: method: método de requisição HTTP: GET, POST, PUT, DELETE, etc. url: local do arquivo no servidor async: true (assíncrono) ou false (síncrono) Envia a requisição para o servidor Usado para requisições GET Envia a requisição para o servidor Usado para requisições POST Adiciona um par rótulo/valor ao cabeçalho da requisição para ser enviado O arquivo pode ser de qualquer tipo, como.txt,.xml ou um arquivo de script, como.php ou.asp, o qual pode executar ações no servidor antes de enviar uma resposta de volta. Adaptado de W3Schools.com 16
17 Enviando dados com AJAX: GET x POST Nos exemplos anteriores utilizamos o método GET para efetuar a requisição e passar parâmetros para o script no servidor. Neste caso, os valores podem ser passados no momento da chamada do método open, como ilustrado a seguir: xhttp.open("get", "teste.php?primeironome=henry&ultimonome=ford", true); xhttp.send(); Entretanto, esses dados também poderiam ser enviados pelo método POST. Isto é apresentado no exemplo a seguir. xhttp.open("post", "teste.php", true); xhttp.setrequestheader("content-type", "application/x-www-form-urlencoded"); xhttp.send("primeironome=henry&ultimonome=ford"); application/x-www-form-urlencoded é um tipo MIME. Para mais informações, acesse Ref: adaptado de w3schools.com 17
18 JSON JavaScript Object Notation 18
19 19 Relembrando: Objetos Simples em JavaScript Objetos simples em JavaScript (PlainObject) podem ser utilizados para armazenar uma coleção de propriedades de entidades do mundo real; Tais objetos podem ser definidos por meio de uma lista de pares do tipo nomedapropriedade : valor, separados por vírgula e colocados entre chaves. O nome da propriedade pode aparecer com ou sem aspas; Exemplo: var pessoa = { pnome:"john", unome:"doe", idade:50, eyecolor:"blue" }; alert(pessoa.pnome); // acessa a propriedade pnome do objeto pessoa alert(pessoa.idade); // acessa a propriedade idade do objeto pessoa Ref: adaptado de w3schools.com
20 JSON Introdução JSON é um acrônimo para JavaScript Object Notation; JSON é um formato para intercâmbio de dados, baseado em texto, cuja notação é derivada da notação de objetos em JavaScript; Por ser textual, é independente de linguagem; JSON para intercâmbio de dados entre cliente e servidor: Como JSON é baseado em texto, pode-se converter um objeto JavaScript para JSON e então enviá-lo ao servidor; Também é possível receber do servidor uma string de dados no formato JSON e convertê-la para um objeto JavaScript; Dessa forma, os dados podem ser convertidos diretamente em objetos JavaScript, sem a necessidade de executar procedimentos complexos para processamento do texto e extração dos dados. Ref: adaptado de w3schools.com 20
21 21 JSON - Sintaxe A sintaxe do formato JSON é derivada da notação de objetos em JavaScript: Os dados são organizados em pares (nome : valor), separados por vírgula; Objetos são colocados entre chaves; Vetores são colocados entre colchetes. Em JSON, os nomes das propriedades (keys) devem ser strings colocadas sempre entre aspas duplas*; { "nome":"elon", "sobrenome":"musk", "idade": 45 } *Em JavaScript os nomes das propriedades podem aparecer com ou sem aspas. Ref: adaptado de w3schools.com
22 22 JSON Objetos Complexos JSON possibilita a representação de objetos complexos, formados por vetores e outros objetos. Exemplos: { } "name": "John", "age": 30, "cars": [ "Ford", "BMW", "Fiat" ] { } "name": "John", "age": 30, "cars": [ { "name":"ford", "models":[ "Fiesta", "Focus", "Mustang" ] }, { "name":"bmw", "models":[ "320", "X3", "X5" ] }, { "name":"fiat", "models":[ "500", "Panda" ] } ] Ref: adaptado de w3schools.com
23 Recebendo dados JSON do servidor Objetos em PHP podem ser convertidos para o formato JSON por meio da função json_encode Uma string JSON é convertida para um objeto JavaScript por meio do método JSON.parse Código no servidor (PHP) <?php $myobj->name = "John"; $myobj->age = 30; $myobj->city = "New York"; $myjson = json_encode($myobj); echo $myjson;?> Código no cliente (JavaScript) var xmlhttp = new XMLHttpRequest(); xmlhttp.onload = function() { var myobj = JSON.parse(this.responseText); var div = document.getelementbyid("demo"); div.innerhtml = myobj.name; }; xmlhttp.open("get", "demo_file.php", true); xmlhttp.send(); OBS: Arrays em PHP também podem ser convertidos para JSON. Veja exemplo em IMPORTANTE: a função json_encode do PHP exige que todas as strings no objeto sejam codificadas como UTF-8. Caso o objeto contenha algum campo com caracteres especiais não codificados em UTF-8 (isso pode acontecer dependendo das configurações do MySQL, por exemplo), a string JSON não será gerada e a função retornará false. Adaptado de W3Schools.com 23
24 24 Exercício 5 Testar e estudar os arquivos anexos do Exemplo3: 1. Abra o arquivo conexaomysql.php e informe adequadamente os dados para conexão com o MySQL (Awardspace); 2. Crie uma tabela no banco de dados com o nome Endereco contendo os campos CEP, Rua, Bairro e Cidade: CREATE TABLE Endereco ( Cep varchar(11), Rua varchar(50), Bairro varchar(50), Cidade varchar(50) ) 3. Insira alguns registros na tabela utilizando a linguagem SQL; INSERT INTO Endereco VALUES (" ", "Joao Naves", "Santa Monica", "Uberlandia"); 4. Envie os arquivos do exemplo para o servidor e acesse o arquivo endereco.html. Informe no campo CEP um dos números de CEP que você inseriu na tabela Endereco; 5. Analise o código fonte dos arquivos endereco.html e buscaendereco.php;
25 AJAX com JQuery 25
26 Utilizando AJAX por meio da biblioteca jquery Uma outra maneira de efetuar uma requisição AJAX é utilizando o método $.ajax da biblioteca jquery: $.ajax({ url: /* endereco do arquivo no servidor, entre aspas */, type: /* método de envio: GET, POST, PUT ou DELETE, entre aspas */, async: /* true para assíncrona ou false para síncrona */, datatype: /* o tipo dos dados esperados como resposta do servidor pode ser xml, json, script ou html */, data: /* dados a serem enviados: objeto JavaScript, string ou array */, success: function(result) { }, // Tratar aqui a resposta do servidor // quando a requisição é finalizada com sucesso. // Processar os dados recebidos // É RECOMENDADO CONFIRMAR O SUCESSO, pois em alguns casos // o script no servidor pode encerrar notificando sucesso mesmo // na presença de erros, como em casos de erros de sintaxe de código, por exemplo. // (veja mais detalhes no arquivo Ex-04-endereco.html). error: function(xhr, status, error) { } }); // tratar aqui quando ocorrer um erro alert(status + error + xhr.responsetext); 26
27 27 AJAX com jquery Testar e analisar cuidadosamente os exemplos anexos: Exemplo4 Exemplo5
28 28 Método $.load $(selector).load(url,data,callback); $("#div1").load("demo_test.txt");
29 Referências api.jquery.com/jquery.ajax/ 29
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 maisProgramaçã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 maisAJAX (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 maisAJAX. 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 maisUniversidade 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 maisAJAX. 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 maisAula 4 Arquitetura de software na Web atual: AJAX e Ajax. Prof: Dra. Renata Pontin de Mattos Fortes
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 Introdução O que é AJAX? 2 Introdução O que é
Leia maisConceitos 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 maisPROGRAMAÇÃ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 maisPROGRAMAÇÃ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 maisINTRODUÇÃ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 maisInformá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 maisAJAX é 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 maisDesenvolvimento 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 maisProgramaçã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 9 Cookies HTTP e Sessões Programação para Internet
Leia maisRecomenda-se a leitura completa deste documento antes de iniciar o desenvolvimento do website.
Universidade Federal de Uberlândia Faculdade de Computação Curso de Sistemas de Informação Projeto de Programação para Internet Prof. Daniel A Furtado Descrição Geral Desenvolver um website para uma imobiliária
Leia mais1 INTRODUÇÃO CERTIFICADO DE SEGURANÇA SSL AUTENTICAÇÃO WEB METHOD: LOGIN WEB METHOD: LISTBONDCODES...
ÍNDICE 1 INTRODUÇÃO... 3 2 CERTIFICADO DE SEGURANÇA SSL... 3 3 AUTENTICAÇÃO... 4 4 WEB METHOD: LOGIN... 5 5 WEB METHOD: LISTBONDCODES... 6 6 WEB METHOD: LISTBONDCODESCSV... 6 7 WEB METHOD: LISTTITULOSPUBLICOS...
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Cookies HTTP e Sessões Prof. Dr. Daniel A. Furtado 2 Cookies Um cookie HTTP (ou simplesmente cookie) é um pequeno
Leia maisINTRODUÇÃ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 maisIntroduçã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 maisMANUAL DE INTEGRAÇÃO API DE PAGAMENTOS PRIXPAY v.003
MANUAL DE INTEGRAÇÃO API DE PAGAMENTOS PRIXPAY v.003 1 Sumário Propósito do Documento...3 Fluxo de pagamentos...3 Endpoints...3 Componentes necessários para gerar o QR Code...4 Retorno...4 Códigos de exemplo...5
Leia maisRecomenda-se a leitura completa deste documento antes de iniciar o desenvolvimento do website.
Universidade Federal de Uberlândia Faculdade de Computação Curso de Sistemas de Informação Prof. Daniel A Furtado Primeiro Projeto de Programação para Internet Descrição Geral Desenvolva um website para
Leia maisAPI - Lista de Compras
Editora Inovação EIRELI API - Lista de Compras Guilherme Branco Stracini 2015 L i s t a d e C o m p r a s - A P I Sumário Sobre... 2 A aplicação... 2 A API... 2 Ambiente de Manutenção... 3 Ambiente de
Leia maisClasse PHP Client. A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP.
Classe PHP Client A classe Zend\Http\Client fornece uma interface para realizar pedidos HTTP. O método send() é usado para submeter o pedido ao servidor remoto. Estes pedidos retornam um objeto Zend\Http\Response
Leia maisPor Fernando Koyanagi
Por Fernando Koyanagi Características principais Leitura da Temperatura Leitura da Umidade Montagem Vamos ao código Primeiro passo é incluir as libs que iremos utilizar. A lib do DHT pode ser adicionada
Leia maisIntrodução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Leia maisINTEGRAÇÃ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 maisDesenvolvimento 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 mais1 INTRODUÇÃO CERTIFICADO DE SEGURANÇA SSL AUTENTICAÇÃO WEB METHOD: LOGIN WEB METHOD: LISTBONDCODES...
ÍNDICE 1 INTRODUÇÃO... 3 2 CERTIFICADO DE SEGURANÇA SSL... 3 3 AUTENTICAÇÃO... 4 4 WEB METHOD: LOGIN... 5 5 WEB METHOD: LISTBONDCODES... 6 6 WEB METHOD: LISTBONDCODESCSV... 6 7 WEB METHOD: LISTTITULOSPUBLICOS...
Leia maisCapí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 maisWeb 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 maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. XML e JSON
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação XML e JSON Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com
Leia maisEA975 - 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 maisManual de Integração Web Service Administradora de Cartões
Manual de Integração Web Service Administradora de Cartões 1. INTRODUÇÃO Este manual tem como objetivo apresentar as especificações e critérios técnicos necessários para utilização do Web Service disponibilizado
Leia maiscadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL.
cadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL. Vamos então a criação do banco de dados que iremos chamar de banco_cliente e também de nossa tabela chamada clientes
Leia maisAjax 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 maisBanco de Dados. -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas
Banco de Dados -Aprendendo conceitos -Usando o SQL Conf para: -Conectar no banco de dados -Criar, alterar, excluir e consultar estruturas de tabelas O que é banco de dados? São conjuntos de registros dispostos
Leia maisColetando dados utilizando a API do Zabbix com PHP e JSON
Coletando dados utilizando a API do Zabbix com PHP e JSON INTRODUÇÃO: O Zabbix possui uma limitação quanto à montagem de painéis a serem utilizados por pessoas que não estão acostumadas a utilizar a sua
Leia maisINTRODUÇÃ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 maisWeb 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 maisTRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Leia maisJavaNoroeste 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 maisNovidades da Plataforma de suporte remoto 3.0
Novidades Plataforma de suporte remoto do SAP Business One Versão do documento: 1.0 08.10.2012 PÚBLICO Novidades da Plataforma de suporte remoto 3.0 Todos os países Convenções tipográficas Estilo de letra
Leia maisWeb 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 maisLinguagem de Programação III - PHP
Linguagem de Programação III - PHP Aula 1 Scripts PHP, VB.NET da Microsoft, C#, javascript, etc Sintaxe PHP Tudo que estiver delimitado por será processado no servidor. O navegador cliente
Leia maisProf Evandro Manara Miletto. parte 1
Prof Evandro Manara Miletto parte 1 Sumário Introdução Variáveis e tipos de dados Operadores O que é JavaScript? JavaScript é uma linguagem de programação criada pela Netscape para adicionar interatividade
Leia maisUniversidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado
Universidade Federal de Uberlândia Faculdade de Computação Projeto de Programação para Internet Prof. Dr. Daniel A Furtado Descrição Geral Desenvolver um website para uma loja virtual que atenda às especificações
Leia maisPAPO SMS MANUAL DE INTEGRAÇÃO DO DESENVOLVEDOR VERSÃO 1.0.1
PAPO SMS MANUAL DE INTEGRAÇÃO DO DESENVOLVEDOR VERSÃO 1.0.1 APRESENTAÇÃO O WEBSERVICE 1.0 foi desenvolvido para facilitar a solicitação e integração de dados de uma determinada conta PAPO. Sendo que, com
Leia maisApostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO DO AMBIENTE
Leia maisAPI DE INTEGRAÇÃO VERSÃO 2. Janeiro/2017. Manual de Integração. Setor de Desenvolvimento
API DE INTEGRAÇÃO VERSÃO 2 Janeiro/2017 Manual de Integração Setor de Desenvolvimento assistencia@litoralcar.com.br Sumário INTRODUÇÃO A API VERSÃO 2... 3 AUTENTICAÇÃO... 3 URL BASE... 3 FORMATO DO ENVIO...
Leia maisProgramaçã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 maisRicardo R. Lecheta. Novatec
Ricardo R. Lecheta Novatec Sumário Agradecimentos...11 Sobre o autor...12 Prefácio...13 Capítulo 1 Introdução...14 1.1 Introdução ao Node.js... 14 1.2 A linguagem JavaScript... 14 1.3 Arquitetura não
Leia maisDesenvolvimento 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 maisAjax 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 maisAJaX 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 maisC A P I T U L O 10 F U N Ç Õ E S I N T E R N A S P H P P A R A B A N C O D E D A D O S
C A P I T U L O 10 F U N Ç Õ E S I N T E R N A S P H P P A R A B A N C O D E D A D O S Para desenvolver um sistema que utilizará um banco de dados, precisamos estabelecer uma conexão entre a linguagem
Leia maisProtocolo 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 maisProf. Esp. Andrew Rodrigues 1
Prof. Esp. Andrew Rodrigues www.andrewrodrigues.com.br www.andrewrodrigues.com.br 1 PHP em Ação PHP é uma linguagem de programação que pode fazer todo o tipo de coisas: avaliar dados de formulários enviados
Leia maisDesenvolvimento 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 maisAJAX - Tutorial. Anselmo Luiz Éden Battisti, Christiano Julio Pilger de Brito. 18 de agosto de 2006
18 de agosto de 2006 Agenda 1. Introdução 2. Sincrono X Assíncrono 3. O que é Ajax? 4. Para que Serve? 5. Exemplo 1 - Carregando um Arquivo 6. ajaxinit 7. Métodos e Atributos 8. Exibindo o Resultado 9.
Leia maisINTRODUÇÃO A PROGRAMAÇÃO PARA WEB
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB PROF. ME. HÉLIO ESPERIDIÃO Navegador O navegador também conhecido como web browser é um programa que habilita seus usuários a interagirem com documentos hospedados em
Leia maisLaboratório de Sistemas e Serviços Web
Ministério da Ciência, Tecnologia e Ensino Superior U.C. 21182 Laboratório de Sistemas e Serviços Web Época Recurso, 2017/2018 INSTRUÇÕES PARA A RESOLUÇÃO DO EXAME, ACONSELHA-SE QUE LEIA ATENTAMENTE O
Leia maisDesenvolvimento Web. JavaScript aula II variáveis (cont.) e diálogos. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula II variáveis (cont.) e diálogos Professor: Bruno Gomes
Leia maisPré-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 maisEA975 - 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 maisusando o ajax Profissional O Ajax é um servidor agnóstico O Ajax não requer nenhuma tecnologia do servidor em particular. Você pode usar o Active Server Pages (ASP),PHP e qualquer coisa que precisar e
Leia maisA composição de uma Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos)
Desenvolvimento de Sistemas Web A composição de uma Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos) Prof. Mauro Lopes 1-31 24 Objetivos Dando continuidade aos estudos sobre JSP,
Leia maisGUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 1. Guia de Integração Web2App Aplicativo PagSeguro VERSÃO 1.0.0
GUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 1 Guia de Integração Web2App Aplicativo PagSeguro GUIA DE INTEGRAÇÃO WEB2APP APLICATIVO PAGSEGURO 2 Histórico de Alterações Date Description 28/06/2014 Visão
Leia maisProfessor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente
Leia maisAJAX é 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 maisColocando um site na Internet
AULA: Colocando um site na Internet Autoria Web http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Servidores de Hospedagem Hospedagem de sites é um serviço que possibilita pessoas ou empresas
Leia maisCurso básico de JavaScript Aula 2
Tópicos 1 JavaScript é case sensitive... 1 2 Comentários... 1 3 Saídas do JavaScript... 1 4 Entrada de dados usando window.prompt( )... 3 5 Variáveis... 3 1.1 Regras para criar uma variável... 3 6 Literais...
Leia maisJava Server Pages (Diretivas, Elementos de Script e Objetos Implícitos)
Linguagem de Programação para Web Java Server Pages (Diretivas, Elementos de Script e Objetos Implícitos) Prof. Mauro Lopes 1-31 28 Objetivos Dando continuidade aos estudos sobre JSP, apresentaremos os
Leia maisSISTEMAS DISTRIBUÍDOS
SISTEMAS DISTRIBUÍDOS Capítulo 3 - Comunicação em Sistemas Distribuídos Comunicação Direta Material de suporte às aulas de Sistemas Distribuídos de Nuno Preguiça Copyright DI FCT/ UNL / 1 NOTA PRÉVIA A
Leia maisO sistema VirtualRepre - Off-Line tem como principal função, a inclusão de Cadastro de Clientes e Pedido de Venda, quando o representante não tiver
V.2 1 O sistema VirtualRepre - Off-Line tem como principal função, a inclusão de Cadastro de Clientes e Pedido de Venda, quando o representante não tiver acesso a conexão com Internet. É um aplicativo
Leia maisAjax 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 maisPara acessar a TV Corporativa, deve-se informar o endereço do Servidor, barra(/) mge,
OBJETIVOS A mobilidade da informação nos dias de hoje, ultrapassou diversas fronteiras, inclusive a da disponibilidade. O Sankhya-W surgiu para atender essa necessidade. Com ele, será possível levar informações
Leia maisInformática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisExercitando a Programação com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Exercitando a Programação com PHP Primeira Edição São Paulo 2016 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Leia maisTítulo: Como configurar o Agente de Backup em Nuvem?
Título: Como configurar o Agente de Backup em Nuvem? 1- ACESSANDO O AGENTE DE BACKUP 1.1- Acesse o menu INICIAR do Windows, opção TODOS OS PROGRAMAS, na pasta DOMÍNIO CONTÁBIL, na pasta AGENTE DE BACKUP
Leia maisCódigo PD0017. Este documento ter por objetivo auxiliar o usuário no entendimento e utilização do Nexus.
PD07 1.OBJETIVO Este documento ter por objetivo auxiliar o no entendimento e utilização do Nexus. 2. VISÃO GERAL O Nexus é uma plataforma de integração de dados, onde é possível ligar a base de dados do
Leia maisINTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML. Prof. Msc. Hélio Esperidião
INTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML Prof. Msc. Hélio Esperidião NAVEGADOR O navegador também conhecido como web browseré um programa que habilita seus usuários a interagirem com documentos
Leia maisInstrumentação do NEON via WebSocket Especificação dos serviços de instrumentação do NEON através de conexões WebSocket.
authentication Especificação dos serviços de instrumentação do NEON através de conexões WebSocket. www.inwise.com.br Sumário Sumário... 2... 3 Conexão... 4 Exemplo... 4 Enviando comandos... 5 Exemplo...
Leia maisOpen Day Bibliotecas ElipseX
Open Day Bibliotecas ElipseX Sumário 1 Introdução... 3 1.1 Pré-Requisitos... 3 1.2 Objetivos... 3 2 Bibliotecas ElipseX... 4 3 Aplicação... 5 3.1 Exercícios... 5 4 XControl... 7 4.1 Exercícios... 8 5 XObject...
Leia maisMySQL + PHP 06/05/2015. IFSC/campus Florianópolis Programação para a WEB Prof. Herval Daminelli
1 MySQL + PHP MySQL é um dos sistemas de gerenciamento de banco de dados mais usados da atualidade, que utiliza a linguagem de manipulação de dados chamada SQL (structured query language ou linguagem de
Leia maisAula 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 maisParadigmas de Programação React Native
Paradigmas de Programação React Native Cliente HTTP Axios Acessando Web Services e APIs Gil Eduardo de Andrade CLIENTE HTTP AXIOS Introdução: O Axios é um cliente (biblioteca) que permite efetuar requisições
Leia maisApostila - Desenvolvimento web com PHP
José Roberto Madureira Junior Adaní Cusin Sacilotti Adriana Rodrigues Reginaldo Sacilotti Apostila - Desenvolvimento web com PHP Primeira Edição São Paulo 2017 Sumário 1 INTRODUÇÃO AO PHP... 1 1.1 PREPARAÇÃO
Leia maisIntrodução a Programação Web com PHP
AULA: Introdução a Programação Web com PHP Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Breve histórico A primeira versão surgiu em meados de 1995, escrita por
Leia maisNesta 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 maisModelo para a representação de informações, utilizado por aplicações Web que trabalham com a tecnologia AJAX.
JSON Modelo para a representação de informações, utilizado por aplicações Web que trabalham com a tecnologia AJAX. 1. Introdução JSON (JavaScript Object Notation) é um modelo para armazenamento e transmissão
Leia maisM V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O
M V C, J S O N E X M L P R O F. M E. H É L I O E S P E R I D I Ã O A P L I C A Ç Õ E S M O N O L Í T I C A S Na época dos computares independentes um aplicativo era desenvolvido para ser usado em uma única
Leia maisUnimed de Araraquara Coop. De Trabalho Médico Manual XML TISS Unimedara
1. Acesso ao Sistema Em seu navegador web digite: http://www.unimedara.com.br e clique no ícone do portal TISS como segue a imagem abaixo ou acesse http://tiss.unimedara.com.br:28081/htz/pages/welcome/welcome.jsf.
Leia maisManual de Instalação Recuperação Fiscal
Manual de Instalação Recuperação Fiscal Versão 1.4 Junho de 2014 1 Controle de Alterações Nome Data Versão Descrição Thaís Oliveira 10/12/2013 1.0 Criação do Documento Fábio Franzoni 19/12/2013 1.1 Revisão
Leia mais