Sexta-feira, 16 de Março de 2012
#entrega03

Para o desenvolvimento deste projecto, foi-nos proposto a realização de uma demo gráfica e demo técnica, enquadrado na unidade curricular de Projecto. Enquanto a primeira sintetiza o conceito da aplicação tendo em conta o seu contexto de uso, recorrendo para isso à ilustração das principais funcionalidades, a segunda demonstra a viabilidade técnica das tecnologias escolhidas.

 

Para realização da demo gráfica recorremos, numa primeira fase, a uma ferramenta de Mockups - Balsamiq (http://www.balsamiq.com/)– para ilustrar graficamente os ecrãs da aplicação e a navegação das funcionalidades da mesma, embora de uma forma muito primitiva ainda. Numa segunda etapa, para obtermos uma demo mais dinâmica e criativa optámos, então, por usar esses mockups para o  vídeo, que integra a técnica de stopmotion, pois facilita a compreensão dos métodos de navegação e a organização dos diferentes componentes da aplicação.

É importante referir que não foram ilustradas todas as funcionalidades da aplicação, sendo que nos focámos especialmente na funcionalidade-chave: a pesquisa das ofertas. Assim, desta forma os passos desta demo gráfica seguem a seguinte ordem:

  

 Imagem 1 - Ordem dos passos da demo gráfica

  

 

 

 

A demo técnica tem o objectivo de apresentar o funcionamento da aplicação de uma forma geral, recorrendo às tecnologias escolhidas pelo grupo. Neste caso, a demo encontra-se já implementada em Adobe Flash, através da linguagem ActionScript 3.0, e ao abrigo de uma base de dados, desenvolvida em MySQL. De realçar que foi necessário utilizar um web service em PHP para comunicar com a base de dados. A transferência de dados entre o PHP e o AS3 é efectuada através de JSON, pois esta está mais direcionada para a transferência de dados, uma vez que o XML apenas se foca na criação de documentos. Com a ligação entre o PHP e o AS3 através de JSON faz com que seja possível haver um processamento do lado do servidor em que são feitos pedidos de dados ao mesmo e depois os resultados desses pedidos serem reencaminhados para o AS3. Para além disso, permite a utilização de variáveis de sessão que nos possibilitam a aquisição de informação relacionada exclusivamente com o utilizador que está na sessão, como por exemplo o seu nome ou os seus interesses, dados importantes para o bom funcionamento da aplicação.

Para o armazenamento de dados que consideramos essenciais para o bom funcionamento da aplicação, criámos uma base de dados exclusivamente para esta demo:

   Imagem 2 - Base de dados utilizada

 

Mais uma vez, apenas demonstramos algumas das ações que o utilizador poderá realizar futuramente, e que se encontram assinaladas na demo através do fundo branco e feedback visual em azul. Para além disso, o grupo percebe que tomou a decisão correta de escolher o Adobe Flash para o desenvolvimento da aplicação, pois o facto de já ser do conhecimento dos elementos do grupo fez com que se consiga compreender melhor todo o processo de transferência e processamento de dados através da integração de várias tecnologias.

Para entender melhor qual o mapa de navegação da demo técnica, apresentamos também a seguinte imagem. É de realçar que estão representados alguns ecrãs, uma vez que só foram desenvolvidas as funcionalidades mais importantes para o funcionamento da aplicação.

 

  Imagem 3 - Mapa de navegação da demo técnica

 

O seguinte vídeo permite perceber melhor como a demo técnica funciona, demonstrando quais as funcionalidades que foram implementadas e como estas funcionam. No momento inicial da utilização da aplicação é necessário efectuar o login com os seguintes dados:

- Nome de utilizador: jobfinderitv

- Pin: 1234

 

 

 

A aplicação encontra-se disponível em formato .swf, existindo algumas recomendações a nível de hardware e software.

Hardware:

- Computador com ecrã, rato e teclado;

- Ligação à internet;

Software:

- Adobe Flash Player;

- Recomendado o sistema operativo Windows.

 

 Ficheiro para download: demoTecnica_jobfinderitv.rar

 

 

Notas a considerar aquando a exploração da demo técnica:

- Por medidas de segurança da Adobe, e tendo em conta que se está a fazer uma ligação a uma base de dados de um servidor online, é necessário atribuir permissões num website específico da Adobe: http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html. Esta ação deve ser efetuada pela pessoa que executa a demo. O respectivo tutorial explica todos os passos a seguir: http://www.gryphonmountain.net/2008/05/flashhelp-tech-tip-fixing-the-flash-player-has-stopped-a-potentially-unsafe-operation-problem/. É importante reiniciar a aplicação Flash depois de dadas as permissões.

- O grupo pretendia apresentar a demo em Fullscreen, no entanto, devido a restrições de segurança por parte da Adobe, este objectivo impossibilitaria a ação de input através de teclado como é explicado pela Adobe. (link explicativo: http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html)

A demo técnica, sendo executada num sistema operativo MacOSX, impossibilita a transferência de variáveis de sessão entre os ficheiros PHP. A razão desta disfunção é desconhecida por parte do grupo, sendo que se recomenda a execução num sistema operativo Windows. 

 

 

 




.Copyright

Creative Commons License

Blog JobFinder iTV is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Portugal License
.Colaboradores
.mais sobre mim
.pesquisar neste blog
 
.Junho 2012
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
13
14
15
16

17
19
20
21
23

24
25
26
27
28
29
30


.posts recentes

. #oFim

. #paraQuemNãoDorme

. #orientação14

. #entrega06_testes

. #entrega06_beta

. #testes

. #aula13

. #orientação13

. #paraQuemNãoDorme

. #aula12

.tags

. todas as tags

.arquivos

. Junho 2012

. Maio 2012

. Abril 2012

. Março 2012

. Fevereiro 2012

blogs SAPO
.subscrever feeds