Boa noite!
Finalmente, apresentamos a demo técnica há tanto esperada. Depois de diversas dificuldades, que impediam a entrega da mesma, descobrimos que o impedimento era, apenas, um bug do próprio programa.
O código seguinte exemplifica a nossa resolução:
button1.addEventListener('click', function(e){
var params = String(input.value);
var xhr = Titanium.Network.createHTTPClient();
xhr.open('GET','http://10.0.2.2/jobfinde
xhr.send('params=' + encodeURIComponent(input.value))
xhr.onload = function(){
var response = this.responseText;
alert(response);
if (response != null)
{
alert("voltou ao js e funca");
}
else
{
alert("-.-");
}
};
xhr.setRequestHeader("Content-Type","app
xhr.onerror = function(e){alert('Transmission error: ' + e.error);};
})
O referido bug encontra-se representado pelo texto a vermelho. Nesse excerto de código é criado um http client que “abrirá” um determinado URL (neste caso o url do nosso servidor local), onde enviará para pesquisa a palavra que escrevemos na caixa de texto.
Resolução:
if(input.value=="")
show.value = "Introduza dados para a Pesquisa";
else
{
var url = "http://10.0.2.2/jobfinder/teste.php"
var params = "?params=" + input.value;
var encodedURI = encodeURI(url + params);
var xhr = Titanium.Network.createHTTPClient();
xhr.open("GET", encodedURI);
xhr.send();
xhr.onload = function(){
var response = this.responseText;
show.value = response;
};
xhr.setRequestHeader("Content-Type","app
xhr.onerror = function(e){alert('Transmission error: ' + e.error);};
}
});
Ao separarmos cada elemento por variáveis, o bug foi resolvido começando então, a realizar a conectividade entre o ficheiro Javascript e a base de dados, quebrando a barreira que nos impossibilitava o desenvolvimento do projeto.
Passemos agora à apresentação da demo. Esta percorrerá uma das muitas funcionalidades da aplicação WIP e tem como objetivo explicar o que acontece ao usarmos a funcionalidade de pesquisa, mostrando como será realizada na aplicação móvel. A demo vai, deste modo, explorar desde o seu ambiente gráfico à execução da própria funcionalidade.
Em seguida apresentamos o vídeo demo:
demo from Vera Rodrigues on Vimeo.
Para suportar a realização desta demo apresentamos também, imagens que mostram excertos do código usado, tanto da página javascript como php:
Fig. 01 - Ficheiro php (nesta imagem, podemos ver a forma como a pesquisa é feita à base de dados e como o resultado é mostrado ao utilizador).
Fig. 02- Ficheiro javascript (nesta imagem vemos como o javascript recebe a resposta provinda do php).
Em suma, com esta demo quisemos mostrar que, apesar de sabermos que demorámos muito tempo até chegarmos à resolução do bug anteriormente referido, as dificuldades foram superadas. Além disto, com a apresentação do código, tencionamos alertar que o que parece estar correto, (e que no fundo está), pode por vezes, fazer conflito com algo e levar a um impasse. Foi nossa intenção, ainda e por último, demonstrar como o WIP irá funcionar, pelo menos, esta funcionalidade.
Gostaríamos então de agradecer a todos os professores que nos ajudaram nesta fase mais complicadado nosso trabalho.
Um resto de uma boa noite.