Nesta aula, foi-nos apresentada a próxima entrega de projeto, versão beta e testes. Com esta fase pretende-se dar continuidade ao processo de desenvolvimento iniciado na prototipagem.
Desta forma até à próxima sexta-feira teremos de:
- Identificar e resolver os problemas críticos que tenham sido detetados no protótipo;
- Calendarizar as tarefas por forma cumprir com o prazo de entrega, fixando definitivamente os requisitos e as funcionalidades;
- Identificar, no mapa de navegação, os componentes, módulos, ou secções a desenvolver.
Relativamente ao protótipo apresentado, o objetivo é experimentar e testar as principais funcionalidades, interface, e fundamentar as opções tomadas nas especificações gráficas e técnicas.
Com este protótipo pretende-se a reutilização do código no desenvolvimento do produto, pois irá evoluir naturalmente até à finalização da plataforma.
O protótipo recorre às tecnologias previamente documentadas nas especificações gráfica e técnica, sendo as mesmas utilizadas no produto final, permitindo assim a sua reutilização.
De seguida é apresentado a nova versão do mapa de navegação, com indicação do que foi possível prototipar, face aos constrangimentos que surgiram.
Fig. 1 - Mapa de Navegação
Uma vez que a prototipagem não implica o desenvolvimento de todos as áreas da plataforma, em vários locais assinalados como “em construção” as funcionalidades estão limitadas.
Durante o desenvolvimento do protótipo existiram várias alterações no design e programação da aplicação.
Como tal vários “erros” formaram-se na aplicação sendo que o mais prejudicial é o seguinte: na área de criação de história, ao clicar numa das abas para selecionar diferentes tipos de objetos a ser utilizados na aplicação, todos os botões que permitem adicionar objetos desativam-se. Sendo assim é, na versão atual da aplicação, impossível adicionar objetos que não estejam na secção inicial dos objetos. Os balões de fala não são afetados, no entanto, ainda não é possível adicionar texto aos mesmos. Foram feitas várias pesquisas online e não conseguimos solucionar estes problemas, o que tornou difícil todo o desenvolvimento da aplicação. A escrita na base de dados e a criação do ficheiro PDF externo foram também afetadas pelos vários problemas descritos, sendo que não foi possível demonstrar estas funcionalidades.
Link: Protótipo de Alta Fidelidade - http://startabook.x10.mx/demo.php
Para usufruir da aplicação é necessário efetuar o login com o nome start-a-book “rui” e palavra-passe “123”.
Grafismo adicional
Para o Protótipo de Alta Fidelidade foram desenhados mais alguns elementos que serão apresentados de seguida.
Fig. 1 - Aldeia - fundo da história
Fig. 2 - Abelha
Fig. 3 - Balões de Fala
Fig. 4 - Flôr
Fig. 5 - Casa
Fig. 6 - Irmã
Fig. 7 - Roupa Irmã
Hoje na orientação foi apresentado a evolução do projeto no aspeto gráfico e técnico.
No que concerne ao aspeto gráfico foram efetuados alguns avanços no design da aplicação, nomeadamente no login. Efetuou-se ainda o desenho de mais alguns elementos da plataforma.
No que respeita à componente técnica foi efetuada a inserção de fundos e objetos da aplicação na área de criação da história.
Em diálogo com a prof. Lídia e de acordo com o feedback dado pelos professores de projeto na última aula, chegou-se à conclusão que seria necessário repensar no design da aplicação, especialmente no posicionamento dos elementos na aplicação e a hierarquia visual. Desta forma, algumas componente da aplicação sofrerão alterações, nomeadamente o desaparecimento da área da “casa” e a reformulação dos menus para a parte superior da plataforma.
Objetivos a atingir:
Finalização do “Protótipo de Alta Fidelidade” com o caminho referente ao login do utilizador, criação da história e exportação do ficheiro externo.
aula#09 – Feedback sobre o trabalho desenvolvido
Nesta aula foram apresentados ao Prof. Benjamim Júnior e Ivo Daniel o trabalho desenvolvido até então.
O feedback fornecido focou-se principalmente no Design da aplicação, especialmente no posicionamento dos elementos na aplicação e a hierarquia visual.
Desta forma, o grupo irá debruçar-se sobre esta componente, de forma a torna-la mais atrativa.
No seguimento da conceção do Protótipo de Alta Fidelidade foram desenhados alguns elementos para a aplicação que serão apresentados de seguida.
Fig. 1 - Praia - fundo da história
Fig. 2 - Montanha - fundo da história
Fig. 3 - Tartaruga
Fig. 4 - Raposa
Fig. 5 - Árvore
Fig. 6 - Balões de fala
Fig. 7 - Guarda-sol
Fig. 8 - Personagem (Mãe)
Fig. 9 - Roupa personagem (Mãe)
Fig. 10 - Personagem (Pai)
Fig. 11 - Roupa personagem (Pai)
Fig. 12 - Moinho
Fig. 13 - Palmeira
Relativamente à aplicação são apresentados de seguida alguns ecrãs ainda em desenvolvimento.
Fig. 1 - Ecrã de Login
Fig. 2 - Ecrã de Registo
Fig. 3 - Ecrã de criação da história
orientação#10 – Exposição do Protótipo de Alta Fidelidade
Na orientação foram apresentados os trabalhos elaborados relativos ao aspeto gráfico e técnico.
Quanto ao aspeto gráfico foram elaborados dois desenhos de cada categoria relativos à criação da história, o design de todos os ecrãs, a reformulação da imagem de fundo da aplicação e ainda outros elementos a incluir em toda a plataforma.
Relativamente à parte técnica foram agregadas algumas componentes gráficas à mesma, garantindo-se a acessibilidade a todos os ecrãs. Foi ainda efetuado o feedback relativo aos menus da aplicação, e estudos de inserção de texto nos balões de fala, bem como a geração do documento (.pdf) com a história e carregar os dados para a base de dados.
Foi-nos proposto pela prof. Lídia a reformulação de algumas imagens, nomeadamente o caixote do lixo, roupas e expressões das personagens e diferentes posições para os objetos.
Relativamente à área da “Casa” na plataforma start-a-book, foi-nos sugerido pela orientadora a colocação de pequenas imagens, estilo película de filme com os passos essenciais para a criação da história, dando assim ênfase ao objetivo do projeto. Cada imagem possuiria uma tooltip com a explicação do que se referiria a imagem. Desta forma, seriam como um “pequeno ecrã de televisão” demonstrando as potencialidades da aplicação.
Objetivos a atingir:
- Enriquecimento da imagem de fundo da aplicação;
- Reformulação de algumas imagens (caixote do lixo, expressões, etc);
- Desenhar os restantes objetos de cada categoria;
- Implementar toda a componente relativa à criação de história para a entrega do Protótipo de Alta Fidelidade