Universidade de Aveiro

#entrega03 - Demo Gráfica & Demo Técnica

No que diz respeito à terceira entrega, referente ao Módulo 3, da Unidade Curricular de Projeto, foi-nos solicitado o desenvolvimento de protótipos de baixa fidelidade que ilustrassem o conceito do nosso projeto, tanto a nível gráfico como técnico.
Assim, o grupo preocupou-se em perceber as principais funcionalidades e características que melhor representassem a ideia que defendemos, para o desenvolvimento das demos gráfica e técnica, que de seguida apresentamos.

Demo Gráfica

Na seguinte demo gráfica pretendemos demonstrar o conceito do nosso projeto. Para tal, optámos por apresentar as principais funcionalidades daquilo que consta o nosso conceito, sendo esta ilustração feita com base numa narração exemplificativa do funcionamento e dos moldes da nossa futura aplicação.
Deste modo, considerámos pertinente apresentar as seguintes funcionalidades:

Aquando da primeira utilização da aplicação:
- Abrir a aplicação através do ícone;
- Possibilidade de escolher receber, ou não, a notificação diária com a dica preventiva de saúde;
- Visualização do ecrã da dica diária;
- Possibilidade de registo na aplicação para a realização das seguintes atividades:
- avaliar dica;
- partilhar;
- Sair da aplicação.

Aquando da indicação de notificação recebida:
- Abrir a notificação;
- Visualização da dica;
- adicionar aos favoritos (após ter efectuado o registo).

 

 

A execução desta demo gráfica teve por base a utilização das seguintes tecnologias e software:
- Justinmind Prototyper 4.5.0 Pro (Prototipagem);
- Camtasia Studio (Gravação de ecrã);
- Adobe Soundbooth CS5 (Gravação de som);
- Adobe Audition CS5.5 (Edição e montagem de som);
- Adobe Premiere Pro CS5.5 (Edição e montagem de vídeo);
- Adobe Photoshop CS5.5 (Edição de imagem).

Demo Técnica

A seguinte demo técnica tem como objectivo demonstrar a viabilidade tecnológica da funcionalidade chave do nosso projeto. Assim, achámos relevante a representação de push notifications, na medida em que se mostra como um componente bastante identificativo do nosso conceito.
Para além disso, é demonstrada a comunicação entre um servidor e um dispositivo móvel, ou seja, acesso a informação remota, posteriormente visualizada no ecrã de dica diária. Para esta demo o grupo utilizou o servidor de um dos elementos do grupo.

 

 

 

 (Capturas de ecrâ ilustrativas do desenvolvimento em Eclipse)

 

A execução desta demo técnica teve por base a utilização das seguintes tecnologias e softwares:
- Eclipse (Interface de desenvolvimento);
- SDK Android (Emulador);
- DreamWeaver CS5.5 (desenvolvimento de páginas php);
- MySQL Workbench (Criação e Gestão de Base de Dados);
- Java (Linguagem de programação para desenvolvimento de Android);
- php (Linguagem de programação para desenvolvimento de páginas web);
- Adobe Photoshop CS5.5 (Edição de imagem);
- Adobe Premiere Pro CS5.5 (Edição e montagem de vídeo);

Conclusão

Com a realização destes protótipos de baixa fidelidade, tanto a nível gráfico como técnico, conseguimos ficar com uma ideia de como se processará todo o desenvolvimento deste projeto.
Respeitante à demo gráfica, pensamos ter sido um processo bastante benéfico para o futuro desenvolvimento gráfico, uma vez que a nossa experiência de desenvolvimento de interfaces para dispositivos móveis era nula, e este processo de experiência e testes permitiu-nos ter contacto com os aspectos ergonómicos a ter em conta, para a nossa aplicação móvel.
Nesta ultima semana, ao longo do desenvolvimento da demo técnica, deparámo-nos com a dificuldade de lidar com a nova linguagem de programação, Java, no entanto consideramos importante o facto de atingirmos o objectivo desta fase inicial de exploração e testes de desenvolvimento do sistema, ao implementarmos as principais funcionalidades, acesso a dados remotos e push notifications.

Principais Links Visitados

http://developer.android.com/guide/topics/ui/notifiers/notifications.html

http://developer.android.com/reference/android/app/Notification.html

http://stackoverflow.com/questions/6014028/closing-application-with-exit-button

 

edit: Queríamos deixar um especial agradecimento ao nosso colega Daniel Silva pela sua disponibilidade e ajuda no desenvolvimento da demo técnica.