20 de Abril de 2012

 

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/jobfinder/teste_demo_grafica/Resources/teste.php');

                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","application/x-www-form-urlencoded");

               

                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","application/x-www-form-urlencoded");

                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.

Abril 2012
Dom
Seg
Ter
Qua
Qui
Sex
Sab
1
2
3
4
5
6
7
8
9
10
11
13
14
15
16
17
21
22
23
25
26
27
28
29
arquivos
mais comentados
1 comentário
1 comentário
Colaboradores
WiP Web
WiP iTV
pesquisar
 
últ. comentários
Algumas notas de lembrete para a nossa reunião:- P...
Boa evolução gráfica!O blogue também está com um n...
Relativamente ao logo, sugerimos também que experi...
Em resposta ao comentário do professor:- relativam...
Algumas notas sobre a demo gráfica:- a demo tem um...
Copyright


Licença Creative Commons
Este trabalho foi licenciado com uma Licença Creative Commons - Atribuição - NãoComercial - SemDerivados 3.0 Portugal.

blogs SAPO