Na aula o professor expôs o que se pretende desenvolver no protótipo de alta-fidelidade, que já estávamos a desenvolver desde a entrega do módulo anterior. De seguida, em grupo, decidimos as prioridades do que é necessário desenvolver neste momento, uma parte essencial da aplicação é a visualização dos conteúdos multimédia sobre o POI, e a comunidade onde há interacção entre os utilizadores. Embora sejam duas áreas distintas, estão interligadas e achamos importante desenvolver as duas. No mapa de navegação, apresentado de seguida, estão assinaladas as áreas que vamos desenvolver no protótipo de alta-fidelidade a verde.
Na reunião semanal com os coordenadores de projecto (Prof. Pedro Beça), frisámos alguns pontos em que nos deveríamos concentrar mais na fase de desenvolvimento de projecto que se avizinha: remodelação do ícon de loading (que apresenta uma cor que se diferencia da palete de cores escolhida para a aplicação) e do ícon de login (que não se assemelha, como deveria, a uma chave). Ambas estas modificações já foram feitas:
Falámos também do desenvolvimento do protótipo de alta fidelidade da aplicação, que, no nosso caso, já tem vindo a estar em desenvolvimento desde a fase anterior. Iremos proceder a uma prototipagem em T, sendo que a área da peça será aquela em que nos iremos focar mais.
Foi discutida também a importância da divisão de tarefas na fase de prototipagem, sendo que deveremos aproveitar as áreas em que cada membro se sente mais confortável e dividir trabalho consoante esse factor.
Foi falada também da necessidade de tentar uniformizar a estrutura da base de dados com o outro grupo de trabalho Mesh-T, de maneira a facilitar uma hipotética e futura união dos dois trabalhos.
Mais detalhes no post - http://mobiletouristguide.blogs.ua.sapo.p
A primeira grelha vai ser utilizada no ecrã inicial, nos percursos e no top POIs1 pois aplica-se melhor a uma listagem de conteúdos. A segunda grelha vai ser usada após a leitura do código QR no ecrã que mostra informação adicional sobre o POI, aí há claramente duas áreas distintas, na parte superior conteúdos fixos e na parte inferior vários separadores com informação variada. Para verificar como os conteúdos vão encaixar nestas grelhas, podemos visualizar simulações nos posts:
http://mobiletouristguide.blogs.ua.sapo.p
http://mobiletouristguide.blogs.ua.sapo.p
Especificação técnica
A especificação técnica tem como objectivo definir as características que a implementação do sistema irá apresentar e definir o ambiente e as linguagens a utilizar durante o seu desenvolvimento, para isso torna-se necessário especificar o modelo/arquitectura do sistema, mapa de navegação, fluxogramas detalhados das funções principais e modelo de base de dados.
Modelo/arquitectura do sistema
Mapa de navegação front-office:
Utilizadores registados e nao registados (ver legenda)
Mapas de navegação back-office:
Administradores
Moderadores
Em seguida indicamos os fluxogramas com as funções principais da aplicação no que diz respeito aos tipos de utilizadores: utilizadores não registados, utilizadores registados, moderadores e administradores.
Verificam-se funções comuns a todos os utilizadores como o login e escrever texto:
Fluxograma de login de utilizador
Fluxograma escrever texto
Função comum a utilizadores não registados, utilizadores registados e administradores - a leitura de código QR dos POI:
Fluxograma de leitura de código QR dos POI
exemplo: com a implementação de novos códigos QR os administradores necessitam de testar a leitura dos mesmos.
Função comum a utilizadores registados e administradores - a inserção de imagens:
Fluxograma de inserção de imagem
exemplos: a inserção de foto de perfil por parte dos utilizadores registados e a inserção de fotos de POIs por parte dos administradores.
Função comum a utilizadores registados e moderadores - adicionar comentários:
Fuxograma de inserção de novo comentário
Por fim apresentamos as funções que são especificas a cada tipo de utilizador.
Funções específicas dos moderadores - gestão de comentários e a gestão de percursos:
Fluxograma de edição de comentário
Fluxograma de remoção de comentário
Fluxograma de adicionar novo percurso
Fluxograma de edição de percurso
Fluxograma de remoção de percurso
Fluxograma de Top POIs
Funções específicas dos administradores - gestão de POIs:
Fluxograma de inserção de novo POI
Fluxograma de edição de POI
Após os testes iniciais na montagem da interface (nomeadamente na página onde a informação sobre as peças é visualizada), concluímos que seria melhor optar por 4 icons (ao invés de 4 botões de texto) para as tabs que nela se poderão encontrar: informação sobre a peça, imagens, videos e comunidade, essencialmente devido à importância da economia espacial.
Como tal, apresentamos os 4 icons criados para o efeito:
Ainda durante o dia de hoje serão disponibilizadas screenshots actualizadas do aspecto actual da aplicação.
Na aula de hoje o professor esteve a verificar as opções gráficas dos grupos.
Alguns dos estudos gráficos do nosso projecto encontram-se já no blog, relativamente às escolhas cromáticas e aos icones. Neste momento estamos a continuar o desenvolvimento do manual de identidade gráfica, a publicar na entrega deste módulo.
Os dois mapas apresentados de seguida, referem-se à navegação dos moderadores e administradores.
Os moderadores são responsaveis por gerir os utilizadores e os conteúdos por eles introduzidos: os comentários, o top de POIs mais votados e os percursos.
Os administradores são responsáveis pela gestão dos conteúdos relacionados com os POIs, a pedido das entidades responsáveis, pela gestão dos sistemas de ajuda e gestão geral de utilizadores.
Faltam ainda algumas tabelas e modificar ligações que estão incorrectas.
Visto que foram necessárias algumas alterações numa das grelhas utilizadas na aplicação, apresento agora a versão refeita da mesma, acompanhada pela grelha que, por sua vez, se encontra inalterada.
Depois da reunião com os coordenadores de projecto ficou bastante claro que seriam necessários mais icons de navegação de maneira a permitir uma melhor navegação através de dispositivos touch-screen. Como tal, procedi à reconstrução de alguns icons e criação de outros novos:
Icons de navegação/interacção sem texto:
Icon de classificação:
Logo de ecrã inicial:
Logo de cabeçalho:
Botões de ecrã inicial:
Icon de submeter:
. Mobile Tourist Guide / se...
. Reunião de grupo – 13.06....
. versão beta e testes – au...
. Ponto de situação – OT 01...
. Versão beta e testes – au...