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/docume
- 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/a
- 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.
. #oFim
. #testes
. #aula13
. #aula12