Andrey Pedro Lefkum

Pessoal, um ótimo trabalho de TCC (Trabalho de Conclusão de Curso) de recém formado Analista de Sistemas Rodrigo de Souza Koch (Mais conhecido como Super Nene).

Para quem quer ter uma idéia do que é realmente o Ajax, ou seja, sair do ponto de vista da programação e ver pró e contra dessa metodologia que vem dominando a internet, é muito interessante ler esse trabalho que ficou muito bem escrito (Palavras da Banca).

Abaixo coloquei o Resumo do trabalho para terem uma noção do que se trata:

Com o crescimento do desenvolvimento de aplicações web, também tem aumentado
a necessidade de recursos cada vez mais avançados, antes existentes apenas em
aplicações desktop. Para acompanhar esta evolução, cresce também a necessidade
de novas linguagens e técnicas de programação. Uma outra necessidade que surge
é a redução do tamanho das páginas geradas e do tráfego entre as estações e os
servidores de aplicação. Como uma possível solução, será apresentada neste trabalho
a metodologia de programação AJAX, o que ela é, quais são os seus benefícios
em sua utilização e as desvantagens existentes. Também serão descritas todas as
linguagens que compõem esta metodologia, tais como HTML, JavaScript, XML, CSS
e DOM, além da linguagem de programação PHP, que foi utilizada no sistema desenvolvido
para caso de uso, o gerenciador de banco de dados MySQL, também utilizado
no sistema e o servidor de páginas Apache, que permite a exibição de todas
as páginas desenvolvidas. Para demonstrar as melhorias trazidas por esta metodologia
de programação, será apresentado um sistema de plano de negócios gratuito
para web, contando com alguns recursos de AJAX, além de serem citados alguns
sites que utilizam esta metodologia.

Quarta-feira, 13 de dezembro de 2006 - 16h10

SÃO PAULO - Veja como anda o mercado para quem se
especializa na técnica de programação Ajax.

O programador Auro Florentino, de 26 anos, conheceu a técnica do Ajax por acaso. Depois de uma temporada viajando de mochilão pela Argentina, resolveu arrumar um emprego para poder passar mais tempo em Buenos Aires. Em janeiro de 2005, foi trabalhar como programador web numa empresa portenha, onde lhe mostraram um novo jeito de atualizar listas de estados e cidades sem precisar recarregar a página inteira —
o Ajax. Seis meses depois, ele foi “repatriado” por uma excelente oferta de trabalho num projeto da Alcoa, a maior produtora de alumínio do mundo. Detalhe: Florentino é
formado em direito, não em computação. “Sempre gostei de programação e acabei indo trabalhar no ramo”, diz.

Quer dizer que está chovendo trabalho para quem trabalha com Ajax? “Ainda não”, afirma Bruno Martins dos Santos, gerente de hunting da consultoria paulista Conquest One, responsável pela colocação de Florentino. “Ainda há poucos projetos no Brasil envolvendo Ajax. Mesmo assim, os poucos programadores que manjam de Ajax já andam disputados. “Temos 30 mil currículos na área de TI em nosso banco de dados. Mas quando
a vaga pede experiência em Ajax, temos de partir para nosso network e indicações de parceiros”, diz Santos. Foi o que aconteceu nas sete vagas que surgiram na Conquest One no segundo semestre de 2005. Na prática, isso se traduz em boas
oportunidades de aumentar o salário. Segundo Santos, um programador web sênior ganha acréscimos de 20 a 25% em média quando o Ajax é pré-requisito. Na experiência de Florentino, a conta foi além disso. “Um programador que domina a técnica
consegue até dobrar seu salário”, diz. O Ajax não dá um upgrade na carreira isoladamente. “Para poder dizer que entende de Ajax, o profissional precisa mostrar que tem ótimos fundamentos de HTML, XML, JavaScript e alguma linguagem para web, como PHP”, diz Abel Reis, vice-presidente de tecnologia da paulista AgênciaClick.
“Dominar e saber usar essas tecnologias em conjunto é um trunfo que dá uma enorme dianteira em qualquer processo de seleção na área de web”, diz Pierre Mantovani, diretor de novos negócios da Agencia Tribal, de São Paulo. Outra característica em comum, segundo a Conquest One, é a intimidade com o mundo open source: todos os sete
profissionais selecionados em 2005 tinham experiência com Linux, PHP, Apache e MySQL.

Interatividade

O pacote de conhecimentos procurado pelas empresas é reflexo da evolução da web. “Com o Ajax e outras técnicas parecidas, é possível oferecer ao internauta a mesma interatividade de uma aplicação tradicional de desktop. Isso é muito bom para
o usuário, mas dá trabalho para fazer”, diz Mantovani. “Há alguns anos, os programadores de client-side tinham que entender muito mais de design do que de programação”, diz
Reis, da AgênciaClick. “Hoje eles precisam dominar conceitos como programação orientada a objeto, que antes eram pré-requisitos apenas para quem cuidava do back-end comos
bancos de dados”, afirma.

Onde o Ajax entra?

O Ajax é uma técnica que envolve o uso em conjunto de várias tecnologias. Basicamente, trata-se de usar XML para se comunicar com o servidor e atualizar os dados no browser do internauta sem precisar recarregar a página inteira. Isso é feito por meio de JavaScript em conjunto com alguma outra linguagem de programação web, como PHP ou C� . A
implementação mais comum do Ajax é baseada na classe XMLHttpRequest, que faz o meio de campo entre o servidor e o browser. A técnica ganhou fama em serviços como o Gmail,
Orkut e GoogleLocal, que empregam muitos recursos em Ajax.

Fonte: Desconhecida
Obs.: E-mail foi enviado por Rodrigo de Souza Koch da Empresa BaseTI

Comecei a usar o Prototype a pouco tempo através da recomendação do Giovani Dalfovo. O Prototype é um framework em JavaScript que agiliza o trabalho do desenvolvedor, claro, como todo framework!

Ele já vem com suporte a fila de requisições Ajax e algumas outras praticidades.

Abaixo um exemplo de chamadas ao Google através da metodologia Ajax como uso do framework Prototype.

...
<script>

function chamaPagina(url,pars) {

   /* Esse é o cara principal, ele que é responsável
   pela requisição. Como parâmetros temos, a url, o metodo,
   parâmetros e qual a função que receberá o retorno */

   var objetoAjax = new Ajax.Request( url, {
   method: \'post\', parameters: pars, onComplete: mostraResposta });

}

/* Função que recebe o retorno */

function mostraResposta(retorno) {

   var texto = retorno.responseText;

   texto = texto.replace(/\\+/g,\" \");

   texto = unescape(texto);

   /* $ substitui o document.getElementById */

   $(\'conteudo\').innerHTML = texto;

}

</script>

<div id=\"conteudo\"></div>

<a onclick=\"carregaPagina(\'http://www.google.com.br\',\'\');\"
href=\"http://www.andrey.eti.br/wp-admin/post.php#\">Google</a>

...

isso… Simples!

Como fazer fila de requisições em AJAX?

Tá mas o que é isso?

Filas de requisições no Ajax, foram inventadas para não perder nenhuma requisição do usuário, ou seja, quando realizava uma consulta no servidor através do Ajax, e antes mesmo de concluir a chamada o usuário clicar em outro link, o Ajax perde essa primeira chamada e atende a segunda, esse é um grande problema em algumas situações!

Abaixo segue o link para download de um exemplo que fiz de uma calculadora “simple”, somente para explicar como funciona. Lembrando que parte do código foi COPIADO de tableless.com.br, apenas para fins de estudo e explicação desse artigo. Dentro do código será possível visualizar algumas “gambis” que fiz, puts que coisa feita, gambiarra!?!!? Sim gambiarra, não estava conseguindo deixar o sinal de “+” dentro de uma variável PHP ainda não sei por qual motivo, claro que esse também não é o foco.

Como funciona:

1. Usuário clica em um link.
2. O link chama uma função
3. A função valida se já não existe outra requisição sendo executada
4. Caso não tenha executa a chamada
5. Se já tiver uma requisição sendo executada, ele joga a requisição em uma fila de espera
6. E o que acontece com os da fila? As requisições que estão na fila são chamadas uma a uma após conclusão das chamadas.
7. Conclui ao não encontrar mais requisições na fila.

Bom é isso se tiverem alguma dúvida, mandem um recado, que entrarei em contato. Ah mesmo se não tiver dúvida deixe um recado para dize se gostou ou não desse texto mal feito acima

Download do exemplo: Filas com AJAX

Colaboração para testes, opiniões mal estruturadas e criticas destrutivas: Eliton José da Silva, esse é o cara!

Bom pessoal, na minha postagem anterio, descrevi meu problema sobre requisições simultâneas com AJAX, onde eram perdidas informações após chamar ao mesmo tempo, ou quase ao mesmo tempo o metodo XMLHttpRequest, e de fato, comprovei que não é possível realizar tais requisições. Mas tinha uma luz no fim do túnel, no fim do túnel tinha uma luz…

THREADS, muito conhecida no JAVA:

threads são processos/comandos executados simultaneamente, é claro que não seria possível implementar tal solução com javascript, mas a idéia da para aproveitar e desenvolver algo semelhante que ajude a resolver esse PESADELO.

SOLUÇÃO:

A solução é criar um gerenciador de processos que armazene em um vetor todos os processos, ou seja, requisições solicitadas pelo usuário que está acessando o site, dessa forma, logo que acaba uma requisição não é mais perdida.

Bom não vou escrever muito sobre isso pois encontrei esse artigo que fala muito sobre como resolver esse problema. Estou desenvolvendo uma classe em JS para resolver tal problema, mas enquanto isso, acessem:
http://www.tableless.com.br/artigos/ajaxdemo2/?i=3

Bom, se viu essa matéria/post, agora comente e de sua opinião!

Ajax a tecnologia da interatividade, requer muitos detalhes na hora do desenvolvimento. Após várias aplicações com AJAX, chegamos a uma definição na empresa onde trabalho, o Ajax se perde quando há várias requisições ao mesmo tempo.

Exemplo:

Requisição 1
Requisição 2

Resposta 2� do Servidor� para a requisição número 1
Resposta 1 do Servidor para a requisição número 2

Ou seja, se for realizadas duas requisições seguidas com intervalo de tempo de menos de um segundo, e digamos que a primeira requisição demore mais para executar no servidor, e a segunda seja rápida, a resposta da segunda requisição será recebida pela primeira que está aguardando uma resposta do servidor.

Obs.: Estou buscando maneiras de mudar esse processo, acredito que há, mas como não uso um framework, faço o Ajax na mão� para ter uma melhor� mobilidade no desenvolvimento, tenho que ir em busca do tesouro!� Bom se alguém souber como, ou tiver uma idéia do que fazer para sanar essa LOUCURA do Ajax!

Depois de várias esperiências com a técnologia Ajax, cheguei algumas conclusões. Ajax pode travar caso sejam chamados dois .open(); ao mesmo tempo, e outros detalhes.

Quando usar Ajax?

Usar Ajax para carregamento automático de campos do tipo select, para validar formulários entre outros.

Quando não usar Ajax?

Não usar Ajax para submeter senhas, para carregar relatórios…

Não enchendo mais linguiça… use o Ajax somente quando realmente for necessário, por que se você quer que sua aplicação carregue rápido, basta usar web standard’s, fazer tudo com Ajax não rola.

Lembrando: Essa é minha opinião.

Eu amo Ajax! Rsrs.