Tecnologias Web 2.0 
JavaScript | jQuery | AJAX | XML | PHP | 
20-05-2014 
ASP.NET 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
CETB Proinov 
Indíce 
Apresentação das Tecnologias 
WEB 2.0 
Referindo: 
– o que é; 
– principais características ; 
– vantagens; 
– desvantagens; 
Tecnologias alvo: 
– JavaScript ; jQuery ; AJAX ; XML ; PHP ; 
ASP.NET 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
JavaScript 
Esta linguagem de programação interpretada, executa-se 
maioritariamente do lado do cliente, é uma das mais 
utilizadas no mundo; 
Com o desenvolvimento desta tecnologia e inserção nos 
conteúdos da web incrementou-se uma maior 
interatividade; 
Foi concebida para ser uma linguagem script com 
orientação a objetos baseada em protótipos; 
O Google Maps e Gmail são exemplos dos potenciais 
desta linguagem. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais características 
Linguagem intrepretada, não compilada, ou seja, não 
necessita de ser traduzida para o “código da máquina” 
antes de ser executada o browser executa cada linha de 
código de modo hierárquico do topo para baixo; 
Javascript é sensível à utilização de maiúsculas ou 
mínusculas, devemos manter a utilização constante e 
igual; 
Poderá executar várias acções nos objectos de uma 
página HTML, a nível de botões, frames, links, etc. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Vantagens 
O facto de ser executado do lado do cliente, é 
executado sem o processamento do servidor 
web, fazendo com que a largura de banda e a 
“pressão” sobre o servidor seja menor; 
É relativamente simples de aprender e os seus 
resultado no browser são quase 
instantâneos,devido ao seu característico 
processamento do lado do cliente. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
Problemas de segurança, relacionado com a 
inserção de códigos maliciosos que permite a 
exploração do sistema do cliente, apesar da 
evolução das restrições dos padrões modernos 
web; 
Variações de execução do código podem 
existir aquando diferentes layouts, a tendência 
é uniformizar o padrão mas ainda é possivél 
encontrar variações. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
jQuery 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
jQuery 
Tem como propósito a utilização de Javascript 
muito mais simplificado num website; 
É uma leve e simples biblioteca que permite o 
desenvolvimento rápido de javascript; 
Realiza muitas tarefas que aparentemente são 
extensas de programar em poucas linhas. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais características 
Redução de código; 
Grande quantidade de 
plugins criados por desenvolvedores; 
Manipulação do HTML/DOM; 
Manipulação CSS; 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Vantagens 
Manipulação de conteúdos, sem limitações, 
com algumas poucas linhas de código; 
Possibilidade de inserir uma grande variedade 
de efeitos de animação com uma simples linha 
de código; 
Uso simplificado e sem restrições com AJAX e 
linguagens de programação, como PHP e ASP. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
Dificuldade em proteger o código-fonte; 
Em computadores robustos, aplicações 
maiores podem tornar-se mais lentas. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
AJAX 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
AJAX 
Sigla: Asynchronous JavaScript and XML; 
Torna o browser mais interativo com o 
utilizador, utilizando-se de solicitações 
assíncronas de informações; 
Une várias tecnologias, oferençendo novas 
funcionalidades. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais características 
Faz solicitações usando um objeto Javascript 
e não um envio de formulário; 
O browser irá manipular as suas solicitações 
e respostas e não o seu código Javascript; 
Uma vez que o browser receba uma resposta 
a uma solicitação assíncrona, ele retorna o 
pedido para o seu código Javascript com a 
resposta do servidor. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Vantagens 
Reduz a necessidade de fazer uma 
actualização da página para cada interacção 
do utilizador; 
As interacções do Ajax são tratadas 
assincronamente em segundo plano podendo 
um utilizador continuar a trabalhar com a 
página. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
As páginas não oferecem funcionalidade plena 
para usuários com necessidades especiais; 
Apenas as versões recentes do Internet 
Explorer e do Mozilla são compatíveis com 
Ajax; 
Diferenças de interpretação pelos diversos 
browsers, pois baseia-se em JavaScript. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
XML 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
XML 
Sigla: (eXtensible Markup Language) advém de 
uma recomendação da W3C para automatizar 
linguagens de marcação para utilizadores com 
necessidades especiais; 
O seu objectivo principal é facilitar o 
compartilhamento de informação na web. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais características 
Embora tenham havido algumas dúvidas a 
respeito do processo utilizado para a criação 
da XML, o processo padrão é completamente 
aberto e está total e gratuitamente disponível 
na Web; 
Meta-linguagem, conjunto de regras que pode 
ser utilizado para a criação de conjuntos de 
regras para documentos. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Vantagens 
Baseado em texto simples; 
Com a utilização de CSS e XSL é 
perfeitamente possível que cada utilizador 
visualize os dados contidos em um arquivo 
XML de maneira diferente; 
Actualização elementar,não tendo a 
necessidade de enviar novamente todos os 
dados apenas porque ocorre uma pequena 
alteração. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
Velocidade, grande quantidade de informação 
repetida prejudica a velocidade de 
transferência real de informação; 
Pouco intuitivo, dificultando a sua edição com 
editores txt por pessoas com poucos 
conhecimentos. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
PHP 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
PHP 
Sigla: Hypertext Preprocessor, é uma 
linguagem interpretada gratuita, usada 
originalmente apenas para o desenvolvimento 
de aplicações presentes no 
lado do servidor. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais características 
Gera conteúdos dinâmicos; 
Inserção em documentos HTML, 
dispensando em alguns casos o uso de 
ficheirosexternos para eventuais 
processamentos de dados; 
O código é interpretado no lado do servidor 
pelo módulo PHP. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Tecnologia gratuita; 
Vantagens 
Funcionamento em qualquer plataforma onde 
for possível instalar um servidor Web; 
Possuí um código-fonte aberto. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
Compatibilidade entre versões, faltando um 
pouco de padronização. Por exemplo, um 
comando que funciona em determinada 
actualização pode não funcionar em outra; 
Falta de documentos que explicam e 
demonstram utilização de certos comandos. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
ASP.NET 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
ASP.NET 
Plataforma para desenvolvimento de 
aplicações Web sendo o sucessor da 
tecnologia ASP; 
Baseado no Framework .NET com todas as 
suas características, por isso, como qualquer 
aplicação .NET, as aplicações para essa 
plataforma podem ser escritas em várias 
linguagens, como C# e Visual Basic .NET. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Principais Características 
Possui novas funcionalidades elaboradas com vista a se 
obter fácil a criação de código; 
Praticamente modularizado e baseado em componentes, 
cada página, objeto, ou elemento HTML pode ser usado 
como um componente em tempo-real; 
Permite aos programadores, produzir aplicações mais 
dinâmicas , de encontro às necessidades das empresas, 
assim como providenciar um ambiente de desenvolvimento 
mais rico. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Vantagens 
Windows é o sistema operativo mais utilizado 
do mundo, e o ASP é fornecido gratuitamente 
junto; 
Atualmente, a maior parte dos sites utiliza ASP 
como principal linguagem de script; 
Compilado antes da execução com ganho na 
performance. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
Desvantagens 
Preço dos programas, o alojamento em ASP 
costuma ser mais caro do que em PHP; Scripts 
em ASP supõem um servidor Windows por 
trás, usando também o MS-SQL. As licenças 
são caras e precisam ser repassadas para os 
clientes; 
Utilizadores ficam sujeitos às mudanças 
decididas pela Microsoft. 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov
FIM 
Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB 
Proinov

Tecnologias Web 2.0

  • 1.
    Tecnologias Web 2.0 JavaScript | jQuery | AJAX | XML | PHP | 20-05-2014 ASP.NET Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 2.
    CETB Proinov Indíce Apresentação das Tecnologias WEB 2.0 Referindo: – o que é; – principais características ; – vantagens; – desvantagens; Tecnologias alvo: – JavaScript ; jQuery ; AJAX ; XML ; PHP ; ASP.NET Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 3.
    JavaScript Esta linguagemde programação interpretada, executa-se maioritariamente do lado do cliente, é uma das mais utilizadas no mundo; Com o desenvolvimento desta tecnologia e inserção nos conteúdos da web incrementou-se uma maior interatividade; Foi concebida para ser uma linguagem script com orientação a objetos baseada em protótipos; O Google Maps e Gmail são exemplos dos potenciais desta linguagem. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 4.
    Principais características Linguagemintrepretada, não compilada, ou seja, não necessita de ser traduzida para o “código da máquina” antes de ser executada o browser executa cada linha de código de modo hierárquico do topo para baixo; Javascript é sensível à utilização de maiúsculas ou mínusculas, devemos manter a utilização constante e igual; Poderá executar várias acções nos objectos de uma página HTML, a nível de botões, frames, links, etc. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 5.
    Vantagens O factode ser executado do lado do cliente, é executado sem o processamento do servidor web, fazendo com que a largura de banda e a “pressão” sobre o servidor seja menor; É relativamente simples de aprender e os seus resultado no browser são quase instantâneos,devido ao seu característico processamento do lado do cliente. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 6.
    Desvantagens Problemas desegurança, relacionado com a inserção de códigos maliciosos que permite a exploração do sistema do cliente, apesar da evolução das restrições dos padrões modernos web; Variações de execução do código podem existir aquando diferentes layouts, a tendência é uniformizar o padrão mas ainda é possivél encontrar variações. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 7.
    jQuery Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 8.
    jQuery Tem comopropósito a utilização de Javascript muito mais simplificado num website; É uma leve e simples biblioteca que permite o desenvolvimento rápido de javascript; Realiza muitas tarefas que aparentemente são extensas de programar em poucas linhas. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 9.
    Principais características Reduçãode código; Grande quantidade de plugins criados por desenvolvedores; Manipulação do HTML/DOM; Manipulação CSS; Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 10.
    Vantagens Manipulação deconteúdos, sem limitações, com algumas poucas linhas de código; Possibilidade de inserir uma grande variedade de efeitos de animação com uma simples linha de código; Uso simplificado e sem restrições com AJAX e linguagens de programação, como PHP e ASP. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 11.
    Desvantagens Dificuldade emproteger o código-fonte; Em computadores robustos, aplicações maiores podem tornar-se mais lentas. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 12.
    AJAX Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 13.
    AJAX Sigla: AsynchronousJavaScript and XML; Torna o browser mais interativo com o utilizador, utilizando-se de solicitações assíncronas de informações; Une várias tecnologias, oferençendo novas funcionalidades. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 14.
    Principais características Fazsolicitações usando um objeto Javascript e não um envio de formulário; O browser irá manipular as suas solicitações e respostas e não o seu código Javascript; Uma vez que o browser receba uma resposta a uma solicitação assíncrona, ele retorna o pedido para o seu código Javascript com a resposta do servidor. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 15.
    Vantagens Reduz anecessidade de fazer uma actualização da página para cada interacção do utilizador; As interacções do Ajax são tratadas assincronamente em segundo plano podendo um utilizador continuar a trabalhar com a página. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 16.
    Desvantagens As páginasnão oferecem funcionalidade plena para usuários com necessidades especiais; Apenas as versões recentes do Internet Explorer e do Mozilla são compatíveis com Ajax; Diferenças de interpretação pelos diversos browsers, pois baseia-se em JavaScript. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 17.
    XML Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 18.
    XML Sigla: (eXtensibleMarkup Language) advém de uma recomendação da W3C para automatizar linguagens de marcação para utilizadores com necessidades especiais; O seu objectivo principal é facilitar o compartilhamento de informação na web. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 19.
    Principais características Emboratenham havido algumas dúvidas a respeito do processo utilizado para a criação da XML, o processo padrão é completamente aberto e está total e gratuitamente disponível na Web; Meta-linguagem, conjunto de regras que pode ser utilizado para a criação de conjuntos de regras para documentos. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 20.
    Vantagens Baseado emtexto simples; Com a utilização de CSS e XSL é perfeitamente possível que cada utilizador visualize os dados contidos em um arquivo XML de maneira diferente; Actualização elementar,não tendo a necessidade de enviar novamente todos os dados apenas porque ocorre uma pequena alteração. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 21.
    Desvantagens Velocidade, grandequantidade de informação repetida prejudica a velocidade de transferência real de informação; Pouco intuitivo, dificultando a sua edição com editores txt por pessoas com poucos conhecimentos. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 22.
    PHP Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 23.
    PHP Sigla: HypertextPreprocessor, é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento de aplicações presentes no lado do servidor. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 24.
    Principais características Geraconteúdos dinâmicos; Inserção em documentos HTML, dispensando em alguns casos o uso de ficheirosexternos para eventuais processamentos de dados; O código é interpretado no lado do servidor pelo módulo PHP. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 25.
    Tecnologia gratuita; Vantagens Funcionamento em qualquer plataforma onde for possível instalar um servidor Web; Possuí um código-fonte aberto. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 26.
    Desvantagens Compatibilidade entreversões, faltando um pouco de padronização. Por exemplo, um comando que funciona em determinada actualização pode não funcionar em outra; Falta de documentos que explicam e demonstram utilização de certos comandos. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 27.
    ASP.NET Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 28.
    ASP.NET Plataforma paradesenvolvimento de aplicações Web sendo o sucessor da tecnologia ASP; Baseado no Framework .NET com todas as suas características, por isso, como qualquer aplicação .NET, as aplicações para essa plataforma podem ser escritas em várias linguagens, como C# e Visual Basic .NET. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 29.
    Principais Características Possuinovas funcionalidades elaboradas com vista a se obter fácil a criação de código; Praticamente modularizado e baseado em componentes, cada página, objeto, ou elemento HTML pode ser usado como um componente em tempo-real; Permite aos programadores, produzir aplicações mais dinâmicas , de encontro às necessidades das empresas, assim como providenciar um ambiente de desenvolvimento mais rico. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 30.
    Vantagens Windows éo sistema operativo mais utilizado do mundo, e o ASP é fornecido gratuitamente junto; Atualmente, a maior parte dos sites utiliza ASP como principal linguagem de script; Compilado antes da execução com ganho na performance. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 31.
    Desvantagens Preço dosprogramas, o alojamento em ASP costuma ser mais caro do que em PHP; Scripts em ASP supõem um servidor Windows por trás, usando também o MS-SQL. As licenças são caras e precisam ser repassadas para os clientes; Utilizadores ficam sujeitos às mudanças decididas pela Microsoft. Trabalho de Pesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov
  • 32.
    FIM Trabalho dePesquisa Módulo Web 2.0 - Duarte Nunes nº4 | Nádia Ponte nº 16 CETB Proinov