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.

De
Nome

Email

Url

Guardar Dados?



Email

Password



Comentário

Máximo de 4300 caracteres



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
subscrever feeds
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