AJAX Asynchronous JavaSctipt And XML. Nuno Dantas, de Novembro de 2006
|
|
- Manuella Figueiredo Aires
- 8 Há anos
- Visualizações:
Transcrição
1 AJAX Asynchronous JavaSctipt And XML Nuno Dantas, de Novembro de
2 2
3 Resumo Com o desenvolvimento da Internet apareceu de necessidade de melhorar a forma de funcionamento das aplicações web. Apesar de já existirem tecnologias que permitem uma grande aproximação das aplicações normais às aplicações web, normalmente essas tecnologias dependem de plugins a instalar nos navegadores web e muitas vezes não são compatíveis com todas as plataformas ou navegadores. Surge então uma tecnologia que muda esse cenário, o AJAX. 3
4 4
5 Conteúdo 1 Descrição Definição de AJAX JavaScript Asynchronous XML Porque usar AJAX? 7 3 Modo funcionamento 8 4 Vantagens e desvantagens Desvantagens Vantagens Aplicações 8 6 Exemplo Formulário HTTP Função showhint() A função statechanged() A página HTML O código do JavaScript Código PHP Navegadores que suportam AJAX 12 8 Conclusão 13 5
6 6
7 1 Descrição Então o que é o AJAX? AJAX não é nem uma tecnologia nova nem uma nova linguagem de programação, mas sim uma nova forma de usar standards existentes. É uma nova metodologia de programação, uma nova abordagem do uso de algumas tecnologias já existentes em conjunto, incluindo: HTML ou XHTML, Cascading Style Sheets, JavaScript, DOM (Document Object Model), XML, XSLT, e o objecto XMLHttpRequest do JavaScript. Combinado todas estas tecnologias no modelo AJAX, conseguimos criar aplicações rápidas, com alterações parciais do interface sem a necessidade de carregar toda a página web 1 novamente. Esta técnica faz com que as páginas web respondam mais rapidamente às acções do utilizador e consegue-se uma aproximação a uma aplicação de desktop. Dizem na página da XUL[1] que esta técnica somente foi descoberta pelo Google em 2005, contribuindo para o seu sucesso usando-a no gmail e GoogleMaps. 1.1 Definição de AJAX AJAX é um diminuitivo para Asynchronous JavaScript and XML (e DHTML, CSS, etc). Esta frase foi criada por Jesse James Garrett[2] da empresa Adaptive Path, e de acordo com ele, não é intenção ser um acrónimo mas sim uma forma mais simples de descrever a tecnologia usada. Vamos então ver estas partes separadamente, tal como são descritas por Ross Shannon [4]: JavaScript O JavaScript é usado para fazer pedidos ao servidor. Quando se obtém a resposta do servidor, geralmente é usado mais JavaScript para modificar o Document Object Model da página actual de forma a mostrar ao utilizador o resultado da submissão Asynchronous Significa que quando enviamos um pedido, esperamos pela resposta, mas podemos fazer outras coisas enquanto esperamos. A resposta provavelmente não chegará imediatamente, então desenvolvemos uma função que espera pela resposta do servidor, e reage somente quando a resposta chegar XML Os dados recebidos do servidor são empacotados em XML, assim são facilmente processados pelo JavaScript. Podemos tratar estes dados da forma que acharmos mais conveniente e quando eles forem necessários. Não é nada de novo, apenas fazemos um pedido de um ficheiro (que pode ser oferecido por um script que corre no servidor, escrito em PHP por exemplo), e recebemos a página de resposta. Este é o funcionamento normal da web, a única diferença é que agora estamos a fazer pedidos através do JavaScript. 2 Porque usar AJAX? aproxima as aplicações web das aplicações desktop. diminui o volume de dados transferidos entre o servidor e o navegador. não requer pluggins especiais nos navegadores. é baseado em standards tem um nome giro! 1 Abreviatura de world wide web 7
8 3 Modo funcionamento É uma tecnologia que corre no navegador, logo, é independente do software de servidor web. Usa transferências assíncronas de dados entre o navegador e o servidor web, permitindo às páginas web pedir pequenos conjuntos de dados de cada vez ao servidor ao invés de páginas inteiras. O standards abertos usados no AJAX estão bem definidos, e são suportados pelos navegadores mais usados. As aplicações desenvolvidas em AJAX são independentes de plataforma e navegadores. As aplicações web tem grandes vantagens sobre as aplicações de desktop, podem ter uma maior audiência, são mas fáceis de instalar e manter, e muitas vezes de maior facilidade de desenvolvimento. Por outro lado, as aplicações web nem sempre são tão ricas e user-friendly como a s aplicações de desktop tradicionais. O AJAX veio tornar as aplicações web mais ricas, mais rápidas, e mais usáveis, ou seja, uma aproximação às aplicações desktop. Uma aplicação web tradicional envia os dados preenchidos nos campos dos formulários para o servidor. Depois do servidor processar os dados, responde com o resultado na forma de uma página web completa. Como o servidor retorna uma página nova sempre que o utilizador envia dados, as aplicações web tradicionais tornam-se lentas e tendem a não ser de fácil utilização. Com AJAX, as aplicações web podem enviar e receber dados sem recarregar as páginas completamente. Isto é possível porque se fazem pedidos HTTP ao servidor(em background), e modificando apenas algumas partes das páginas usando JavaScript. Normalmente usa-se XML como o formato de suporte para receber dados do servidor, mas qualquer formato, incluindo texto simples, pode ser usado. 4 Vantagens e desvantagens Como tudo, o AJAX tem vantagens e desvantagens: 4.1 Desvantagens O botão back dos navegadores não consegue voltar ao estado anterior das páginas. Como não são carregadas novas páginas, não é possível voltar atrás. Os URL s não se alteram quando existem alterações no estado da página. O JavaScript pode ser pesado em máquinas antigas e com pouco poder de processamento. O JavaScript pode estar desactivado(por motivos de segurança) ou até não disponível em alguns navegadores. 4.2 Vantagens Aumenta usabilidade das aplicações web Aplicações web com animações e bastante interacções sem necessidade de recorrer a Flash Poupança de largura de banda Apenas transferimos do servidor os dados necessários Permite criar interfaces mais rápidos 5 Aplicações O crescimento de aplicações e páginas web que usam AJAX foi muito acentuado, neste momento existe um inúmero conjunto exemplos. Alguns, os seguintes, são talvez aqueles que tiveram mais destaque e que ajudaram à proliferação do uso desta tecnologia. Gmail, e outras aplicações do google 8
9 Sclaix, uma plataforma de colaboração empresarial netvibes.com del.icio.us flickr.com meebo.com Podemos associar o AJAX ao aparecimento da chamada WEB 2.0. O AJAX é, sem dúvida, a base tecnológica deste tipo de soluções. 6 Exemplo Para demonstrar o funcionamento do AJAX podemos ver como se pode fazer um formulário semelhante ao google suggest, exemplo retirado da página da w3schools[3]. 6.1 Formulário HTTP O código do formulário, em HTML, que corre a função showhint quando se escreve algo: <form> First Name: <input type="text" id="txt1" onkeyup="showhint(this.value)"> </form> <p>suggestions: <span id="txthint"></span></p> 6.2 Função showhint() function showhint(str) if (str.length==0) document.getelementbyid("txthint").innerhtml="" return xmlhttp=getxmlhttpobject() if (xmlhttp==null) alert ("Browser does not support HTTP Request") return var url="gethint.asp" url=url+"?q="+str url=url+"&sid="+math.random() xmlhttp.onreadystatechange=statechanged xmlhttp.open("get",url,true) xmlhttp.send(null 6.3 A função statechanged() function statechanged() if (xmlhttp.readystate==4 xmlhttp.readystate=="complete") 9
10 document.getelementbyid("txthint").innerhtml=xmlhttp.responsetext 6.4 A página HTML <html> <head> <script src="clienthint.js"></script> </head> <body> <form> First Name: <input type="text" id="txt1" onkeyup="showhint(this.value)"> </form> <p>suggestions: <span id="txthint"></span></p> </body> </html> 6.5 O código do JavaScript var xmlhttp function showhint(str) if (str.length==0) document.getelementbyid("txthint").innerhtml="" return xmlhttp=getxmlhttpobject() if (xmlhttp==null) alert ("Browser does not support HTTP Request") return var url="gethint.php" url=url+"?q="+str url=url+"&sid="+math.random() xmlhttp.onreadystatechange=statechanged xmlhttp.open("get",url,true) xmlhttp.send(null) function statechanged() if (xmlhttp.readystate==4 xmlhttp.readystate=="complete") document.getelementbyid("txthint").innerhtml=xmlhttp.responsetext 10
11 function GetXmlHttpObject() var objxmlhttp=null if (window.xmlhttprequest) objxmlhttp=new XMLHttpRequest() else if (window.activexobject) objxmlhttp=new ActiveXObject("Microsoft.XMLHTTP") return objxmlhttp 6.6 Código PHP Este exemplo do código PHP que corre do lado do servidor web, pode ser implementado em muitas outras linguagens. <?php // Fill up array with names $a[]="anna"; $a[]="brittany"; $a[]="cinderella"; $a[]="diana"; $a[]="eva"; $a[]="fiona"; $a[]="gunda"; $a[]="hege"; $a[]="inga"; $a[]="johanna"; $a[]="kitty"; $a[]="linda"; $a[]="nina"; $a[]="ophelia"; $a[]="petunia"; $a[]="amanda"; $a[]="raquel"; $a[]="cindy"; $a[]="doris"; $a[]="eve"; $a[]="evita"; $a[]="sunniva"; $a[]="tove"; $a[]="unni"; $a[]="violet"; $a[]="liza"; $a[]="elizabeth"; $a[]="ellen"; $a[]="wenche"; $a[]="vicky"; //get the q parameter from URL 11
12 $q=$_get["q"]; //lookup all hints from array if length of q>0 if (strlen($q) > 0) $hint=""; for($i=0; $i<count($a); $i++) if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))) if ($hint=="") $hint=$a[$i]; else $hint=$hint.", ".$a[$i]; // Set output to "no suggestion" if no hint where found // or to the correct values if ($hint == "") $response="no suggestion"; else $response=$hint; //output the response echo $response;?> 7 Navegadores que suportam AJAX As aplicações que recorrem ao AJAX só podem funcionar em navegadores com um suporte completo para XML. Neste momento nem todos os navegadores disponíveis podem funcionar com aplicações desenvolvidas em AJAX - O Internet Explorer, o Mozilla Firefox, as ultimas versões Safari ou Opera tem suporte suficiente para correr aplicações AJAX. Para funcionar em Internet Explorer tem que usar outro objecto, pois o XMLHttpRequest só é suportado no IE7. Fazemos então da seguinte forma: function GetXmlHttpObject() var objxmlhttp=null if (window.xmlhttprequest) objxmlhttp=new XMLHttpRequest() else if (window.activexobject) objxmlhttp=new ActiveXObject("Microsoft.XMLHTTP") 12
13 return objxmlhttp Cabe ao programador definir alternativas quando os acessos às aplicações são feitos utilizando navegadores que não suportam a tecnologia. 8 Conclusão Está claro que com esta descrição não seremos capazes de começar a escrever aplicações usando a metodologia AJAX, a ideia também não era essa, era perceber como funcionam as recentes aplicações web que recorrem a esta tecnologia. Para já, vendo os exemplos, ficamos a perceber a revolução que ocoreu nas aplicações web graças ao AJAX. Imaginem uma aplicação web que responde imediatamente aos nossos clicks, quando escrevemos algo num campo dum formulário, quando seleccionamos um botão ou mesmo quando arrastamos o rato pela página. Pensem no que quer dizer assíncrono, ou seja, o código JavaScript não fica parado à espera da resposta do servidor. Referências [1] XUL, Ajax tutorial for creating client-side dynamic web pages, [2] Jesse James Garrett, Ajax: A New Approach to Web Applications, February [3] Refsnes Data, AJAX Tutorial, [4] Ross Shannon, AJAX, 13
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 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 maisAntes que você continue você deve ter uma compreensão básica do seguinte:
AJAX está para Asynchronous JavaScript and XML. AJAX é um tipo de programação feito popular em 2005 por Google (com Google sugerir). AJAX não é uma língua de programação nova, mas uma maneira nova usar
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 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 maisAJAX 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 maisProgramaçã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 maisPROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS
PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o que é uma Aplicação Rica para Internet Contextualizar tais aplicações na Web e os desafios
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 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 maisFundamentos de Ajax e o Modelo DOM
Fundamentos de Ajax e o Modelo DOM Introdução O Ajax é uma nova tecnologia em ascensão e, embora o Ajax seja incontestavelmente atual, ele não é realmente novo. Ajax não é por si só tecnologia, mas sim
Leia maisCarregando dados do Banco de Dados MySQL através de uma tag SELECT
Carregando dados do Banco de Dados MySQL através de uma tag SELECT Como já vimos todo o processo de criação do Objeto XMLHttpRequest e como efetuar a comunicação com o servidor através das funções de OPEN
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação
Leia maisAula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina
Programação para Internet Rica 1 Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina Objetivo: Identificar as principais características de uma Aplicação Internet Rica.
Leia maisIntrodução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger www.elizabete.com.br
IntroduçãoàTecnologiaWeb TiposdeSites ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br TiposdeSites Índice 1 Sites... 2 2 Tipos de Sites... 2 a) Site
Leia maisII Semana TI. Curso ASP.NET AJAX. Raphael Zanon Rodrigues zanonr@gmail.com. UNIVEM - Prof. Elvis Fusco
II Semana TI Curso ASP.NET AJAX Raphael Zanon Rodrigues zanonr@gmail.com UNIVEM - Prof. Elvis Fusco Apresentação O que é o AJAX? AJAX e o desenvolvedor AJAX para ASP.NET AJAX prático O que é AJAX? AJAX
Leia maisLista 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 maisManual de Utilizador. Disciplina de Projecto de Sistemas Industriais. Escola Superior de Tecnologia. Instituto Politécnico de Castelo Branco
Escola Superior de Tecnologia Instituto Politécnico de Castelo Branco Departamento de Informática Curso de Engenharia Informática Disciplina de Projecto de Sistemas Industriais Ano Lectivo de 2005/2006
Leia maisDESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia
DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP VitorFariasCoreia INFORMAÇÃOECOMUNICAÇÃO Autor Vitor Farias Correia Graduado em Sistemas de Informação pela FACITEC e especialista em desenvolvimento de jogos
Leia maisUFG - Instituto de Informática
UFG - Instituto de Informática Especialização em Desenvolvimento de Aplicações Web com Interfaces Ricas EJB 3.0 Prof.: Fabrízzio A A M N Soares professor.fabrizzio@gmail.com Aula 13 Web Services Web Services
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisOs objetivos indicados aplicam-se a duas linguagens de programação: C e PHP
AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de
Leia maisO que é o Virto ERP? Onde sua empresa quer chegar? Apresentação. Modelo de funcionamento
HOME O QUE É TOUR MÓDULOS POR QUE SOMOS DIFERENTES METODOLOGIA CLIENTES DÚVIDAS PREÇOS FALE CONOSCO Suporte Sou Cliente Onde sua empresa quer chegar? Sistemas de gestão precisam ajudar sua empresa a atingir
Leia maisAplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Leia maisCONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;
CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisJavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Leia maisDesenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Leia maisCriação de Páginas Web - MS Word 2000
Gestão Comercial e da Produção Informática I 2003/04 Ficha de Trabalho N.º 9 Criação de Páginas Web - MS Word 2000 1. Criação de uma página Web (HTML): Escreva o seu texto e introduza as imagens pretendidas
Leia maisXHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Leia maisPHP. Hypertext Pre-Processor
PHP Hypertext Pre-Processor O que é o PHP? Uma linguagem de scripting é uma linguagem cujo código não tem de ser compilado para ser executado! O código escrito é interpretado em tempo de execução para
Leia maisCARREGAR VARIÁVEIS EXTERNAS PARA O FLASH
CARREGAR VARIÁVEIS EXTERNAS PARA O FLASH Introdução O Flash permite que envies variáveis externas para dentro do.swf usando vários métodos: A partir do HTML que chama o ficheiro.swf A partir de um ficheiro
Leia mais1.2.4. Organizar a estrutura do site
1.2.4. Organizar a estrutura do site 1 Organizar a estrutura do site A organização da estrutura do site passa pela definição das ligações entre as páginas que o compõem Esta organização deve ser intuitiva
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisPROGRAMAÇÃO PARA INTERNET RICA INTRODUÇÃO AO ASP.NET
PROGRAMAÇÃO PARA INTERNET RICA INTRODUÇÃO AO ASP.NET Prof. Dr. Daniel Caetano 2012-2 Objetivos Conhecer a plataforma ASP.Net Compreender os elementos de um sistema ASP.Net Capacitar o aluno para criar
Leia maisIP significa Internet Protocol. A Internet é uma rede, e assim como ocorre em qualquer tipo de rede, os seus nós (computadores, impressoras, etc.
Endereços IP Endereços IP IP significa Internet Protocol. A Internet é uma rede, e assim como ocorre em qualquer tipo de rede, os seus nós (computadores, impressoras, etc.) precisam ter endereços. Graças
Leia maisCriação de páginas web
Criação de páginas web Alojamento web 1 Browsers Para aceder e/ou navegar a um site é necessário um programa (software) específico Este tipo de programa chama-se Browser (Navegador) Existem vários disponíveis
Leia maisMódulo 6: Linguagem de Programação IV 6.1. Introdução 6.2. Bases de Dados 6.2.1. Visão Estrutural 6.2.2. SGBD: Sistema de Gestão de Bases de Dados
Curso Profissional de Técnico de Multimédia 12ºAno Disciplina: Sistemas de Informação Módulo 6: Linguagem de Programação IV 6.1. Introdução 6.2. Bases de Dados 6.2.1. Visão Estrutural 6.2.2. SGBD: Sistema
Leia maisComo funciona a MEO Cloud?
Boas-vindas O que é a MEO Cloud? A MEO Cloud é um serviço da Portugal Telecom, lançado a 10 de Dezembro de 2012, de alojamento e sincronização de ficheiros. Ao criar uma conta na MEO Cloud fica com 16
Leia maisAULA 4 VISÃO BÁSICA DE CLASSES EM PHP
AULA 4 VISÃO BÁSICA DE CLASSES EM PHP Antes de mais nada, vamos conhecer alguns conceitos, que serão importantes para o entendimento mais efetivos dos assuntos que trataremos durante a leitura desta apostila.
Leia maisWeb Services. Autor: Rômulo Rosa Furtado
Web Services Autor: Rômulo Rosa Furtado Sumário O que é um Web Service. Qual a finalidade de um Web Service. Como funciona o serviço. Motivação para o uso. Como construir um. Referências. Seção: O que
Leia maisProgramação Web com PHP. Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web
Programação Web com PHP Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web Agenda O que é PHP? O que da pra fazer com PHP? Como a web funciona? Onde, quando e por que
Leia maisO que é o JavaScript?
JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
Leia maisDesenvolvimento de aplicação web com framework JavaServer Faces e Hibernate
Desenvolvimento de aplicação web com framework JavaServer Faces e Hibernate Tiago Peres Souza 1, Jaime Willian Dias 1,2 ¹Universidade paranaense (Unipar) Paranavaí PR Brasil tiagop_ti@hotmail.com 2 Universidade
Leia maisProgramação WEB II. Sessions e Cookies. progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza
Sessions e Cookies progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Cookies e Sessions Geralmente, um bom projeto
Leia maisGoogle Sites. A g r u p a m e n t o C a m p o A b e r t o 2 0 1 0 / 2 0 1 1
Google Sites A g r u p a m e n t o C a m p o A b e r t o 2 0 1 0 / 2 0 1 1 1. Google Sites A Google veio anunciar que, para melhorar as funcionalidades centrais do Grupos Google, como listas de discussão
Leia maisDocuWare Mobile ProductInfo. Gerenciamento móvel de documentos. Benefícios
DocuWare Mobile ProductInfo Gerenciamento móvel de documentos O DocuWare Mobile permite acessar os gabinetes de arquivo do DocuWare diretamente em seu smartphone ou tablet. Você pode carregar, visualizar
Leia maisTecnologias para apresentação de dados - Java Script. Aécio Costa
Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem
Leia maisCriando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
Leia maisEntendendo como funciona o NAT
Entendendo como funciona o NAT Vamos inicialmente entender exatamente qual a função do NAT e em que situações ele é indicado. O NAT surgiu como uma alternativa real para o problema de falta de endereços
Leia maisJavaScript. Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013
JavaScript Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013 O que é? Linguagem de programação para a Web... interpretada ou não compilada; todos os browsers atuais têm interpretadores de JS;
Leia maisDHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral
Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto
Leia maisPROJ. Nº 528362 LLP-1-2012-1-NL-ERASMUS-ECUE
REDIVE GUIA LMS PROJ. Nº 528362 LLP-1-2012-1-NL-ERASMUS-ECUE Projecto financiado com o apoio da Comissão Europeia. A informação contida nesta publicação vincula exclusivamente o autor, não sendo a Comissão
Leia maisMicrosoft Office FrontPage 2003
Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft
Leia mais#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
Leia maisMais sobre uso de formulários Site sem Ajax
Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher
Leia maisHistória e Evolução da Web. Aécio Costa
Aécio Costa A História da Web O que estamos estudando? Período em anos que a tecnologia demorou para atingir 50 milhões de usuários 3 As dez tecnologias mais promissoras 4 A evolução da Web Web 1.0- Passado
Leia maisParte I. Demoiselle Mail
Parte I. Demoiselle Mail Para o envio e recebimento de e-s em aplicativos Java, a solução mais natural é usar a API JavaMail [http:// www.oracle.com/technetwork/java/java/index.html]. Ela provê um framework
Leia maisManipulação de Células, linhas e Colunas
Manipulação de Células, linhas e Colunas Seleccionar células Uma vez introduzidos os dados numa folha de cálculo, podemos querer efectuar alterações em relação a esses dados, como, por exemplo: apagar,
Leia maisO Manual do Remote Desktop Connection. Brad Hards Urs Wolfer Tradução: José Pires
O Manual do Remote Desktop Connection Brad Hards Urs Wolfer Tradução: José Pires 2 Conteúdo 1 Introdução 5 2 O protocolo do Remote Frame Buffer 6 3 Usar o Remote Desktop Connection 7 3.1 Ligar o Remote
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 maisTópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres
Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise
Leia maisAfinal o que é HTML?
Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste
Leia maisO código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.
1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente
Leia maisProgramação para Internet I. 2. O protocolo HTTP. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet I 2. O protocolo HTTP Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Protocolos Conjunto de regras que define o modo como aplicações informáticas comunicam entre si. Permite
Leia maisLinguagem de Estruturação e Apresentação de Conteúdos
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete
Leia maisP S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A. Criar uma relação mestre-detalhe. Pesquisa de informação
P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A Módulo 18 Ferramentas de Desenvolvimento de Páginas Web Criar uma relação mestre-detalhe 1. Cria uma cópia da página «listaferram.php»
Leia maisImplementação de Web Services em Projetos de LabVIEW
1 Implementação de Web Services em Projetos de LabVIEW Alisson Kokot Engenheiro de Vendas Osvaldo Santos Engenheiro de Sistemas 2 Aplicações Web surgem como soluções viáveis profissionalmente 3 Aplicações
Leia maisUNIVERSIDADE. Sistemas Distribuídos
UNIVERSIDADE Sistemas Distribuídos Ciência da Computação Prof. Jesus José de Oliveira Neto Web Services Web Services Existem diferentes tipos de comunicação em um sistema distribuído: Sockets Invocação
Leia mais2 echo "PHP e outros.";
PHP (Hypertext Preprocessor) Antes de qualquer coisa, precisamos entender o que é o PHP: O PHP(Hypertext Preprocessor) é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento
Leia maisPara criar a conta faça clique no separador. Abre um formulário com campos que terá que preencher. Basta ir seguindo
CRIAR UMA CONTA DE CORREIO ELECTRÓNICO Ex: No hotmail: Abrir o Explorer Na barra de endereços escrever: http://www.hotmail.com Surge a página representada na fig.1. Fig. 1 Para criar a conta faça clique
Leia maisGoogle Drive. Passos. Configurando o Google Drive
Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.
Leia maisCurso Introdução à Educação Digital - Carga Horária: 40 horas (30 presenciais + 10 EaD)
******* O que é Internet? Apesar de muitas vezes ser definida como a "grande rede mundial de computadores, na verdade compreende o conjunto de diversas redes de computadores que se comunicam e que permitem
Leia maisPrimeiro contato com JavaScript
Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos
Leia maisNo final desta sessão o formando deverá ser capaz de aceder ao Word e iniciar um novo documento.
Sessão nº 2 Iniciar um novo documento Objectivos: No final desta sessão o formando deverá ser capaz de aceder ao Word e iniciar um novo documento. Iniciar um novo documento Ao iniciar-se o Word, este apresenta
Leia maisFormador: Paulo Ramos IGRI13: Rui Bárcia Nº15. Burp Suite. Módulo 25
Formador: Paulo Ramos IGRI13: Rui Bárcia Nº15 Burp Suite Módulo 25 01 O que é? O que é o Burp Suite? Burp Suite é uma plataforma integrada para a realização de testes de segurança de aplicações web. As
Leia maisIntegração de sistemas utilizando Web Services do tipo REST
Integração de sistemas utilizando Web Services do tipo REST Jhonatan Wilson Aparecido Garbo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil jhowgarbo@gmail.com jaime@unipar.br
Leia maisCAPÍTULO 2. Este capítulo tratará :
1ª PARTE CAPÍTULO 2 Este capítulo tratará : 1. O que é necessário para se criar páginas para a Web. 2. A diferença entre páginas Web, Home Page e apresentação Web 3. Navegadores 4. O que é site, Host,
Leia mais5. Métodos ágeis de desenvolvimento de software
Engenharia de Software 5. Métodos ágeis de desenvolvimento de software Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Desenvolver e entregar software o mais rapidamente possível é hoje em dia um dos
Leia maisAcessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),
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 maisSCE-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 maisMANUAL DO UTILIZADOR
MANUAL DO UTILIZADOR Versão 1.6 PÁGINA DE PESQUISA A página principal do PacWeb permite a realização de um número muito variado de pesquisas, simples, ou pelo contrário extremamente complexas, dependendo
Leia maisUniversidade Federal de Campina Grande Departamento de Sistemas e Computação Ciência da Computação. alyssonfm@lcc.ufcg.edu.br
Universidade Federal de Campina Grande Departamento de Sistemas e Computação Ciência da Computação alyssonfm@lcc.ufcg.edu.br Maio - 2010 Agenda GWT Vantagens Desvantagens Exemplificação de códigos GWT
Leia maisRSS e ATOM: modos de usar
RSS e ATOM: modos de usar 1. O que são feeds? Provavelmente já lhe aconteceu ter de aceder com regularidade a um site no intuito de verificar se existem conteúdos novos. Em sites com muito conteúdo e algum
Leia maisQuadros Interactivos CLASUS
Quadros Interactivos CLASUS Quadros Interactivos CLASUS Introdução à Utilização dos Quadros Interactivos e Software A-migo Pagina 1 Introdução à Utilização dos Quadros Interactivos e Software A-migo 1.
Leia maisPARANÁ GOVERNO DO ESTADO
A COMUNICAÇÃO NA INTERNET PROTOCOLO TCP/IP Para tentar facilitar o entendimento de como se dá a comunicação na Internet, vamos começar contando uma história para fazer uma analogia. Era uma vez, um estrangeiro
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 maisManual de Utilizador. Caderno. Recursos da Unidade Curricular. Gabinete de Ensino à Distância do IPP. http://eweb.ipportalegre.pt. ged@ipportalegre.
Manual de Utilizador Caderno Recursos da Unidade Curricular Gabinete de Ensino à Distância do IPP http://eweb.ipportalegre.pt ged@ipportalegre.pt Índice RECURSOS... 1 ADICIONAR E CONFIGURAR RECURSOS...
Leia maisPrototipagem em Papel Desenvolver e testar interfaces antes de iniciar a programação. Ivo Gomes
Prototipagem em Papel Desenvolver e testar interfaces antes de iniciar a programação Ivo Gomes 1 Novos desafios Interfaces cada vez mais complexos; Novos desafios através do uso de Rich Internet Applications:
Leia maisTransações Seguras em Bancos de Dados (MySQL)
Transações Seguras em Bancos de Dados (MySQL) Índice Entendendo os storage engines do MySQL 5 1 As ferramentas 1 Mais algumas coisas que você deve saber 1 Com a mão na massa 2 Mais ferramentas Usando o
Leia maisJavaScript (Funções, Eventos e Manipulação de Formulários)
Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos
Leia mais