Quarta-feira, 6 de Abril de 2011
Grelhas

 Para a especificação gráfica, optámos pela utilização de 2 grelhas distintas, apesar de ambas bastante simples visto que o ecrã móvel não permite tanta complexidade gráfica como um monitor de um computador, por exemplo.

Como tal, optámos por uma grelha de uma coluna, e uma segunda grelha de três colunas.

Pretendemos optar pela grelha de uma coluna para áreas bastante simples, que não necessitem de disponibilizar muito conteúdo, que orientem a visão e atenção do utilizador para o centro da aplicação.

No entanto, temos também áreas em que necessitamos de dispor bastante mais informação, como é o caso das áreas específicas a cada peça. Como tal, criámos uma grelha de 3 colunas que nos permitirá uma melhor estruturação da informação, dispondo-a de forma ergonómica e limpa.

 

  

 

 

De notar também que preferimos utilizar dimensões relativas (por percentagem) visto que os ecrãs dos dispositivos móveis não possuem todos a mesma resolução. Assim, a aplicação terá o aspecto mais semelhante possível em qualquer dispositivo.




Ponto de situação – OT 06.04.11

 

Nesta OT a professora Margarida começou por fazer uma contextualização da entrega do próximo módulo e seus conteúdos e de seguidas os vários grupos fizeram o ponto de situação dos projectos.
 
Quanto ao ‘Mobile Tourist Guide’ falámos das nossas opções gráficas e de querermos integrar a nossa imagem de marca nos moldes da identidade gráfica do projecto mesht (http://mesht.blogs.ua.sapo.pt/563.html), falámos também do que temos vindo a desenvolver na parte técnica.
 
Quanto à especialização dos elementos do grupo, por ser necessário a divisão de trabalho eficaz, representamos em baixo os elementos que se estão a dedicar a cada área, no entanto o trabalho é sempre revisto por todos (maiúsculas – maior foco na área; minúsculas – menor foco na área):
 
Bruno – GRÁFICA/TÉCNICA
Eduardo – GRÁFICA/técnica
Filipe – gráfica/TÉCNICA
Maria – GRÁFICA/técnica
 
Vamos também proceder à actualização do Gantt com esta nova divisão de tarefas.

 

 

 




Especificação gráfica e técnica – aula 06.04.11

Na aula continuámos a desenvolver o mapa de navegação e temos já uma versão final que iremos colocar no blog para que seja revista pelos orientadores e professores.

 

Continuámos a elaboração de grelhas para a especificação gráfica e testámos já num dispositivo móvel para ver a adaptação, iremos posteriormente testar já com conteúdos próximos do real e postar no blog.

 

Quanto aos ícones, já decidimos quais os que a nossa aplicação vai precisar e vamos pesquisar em bibliotecas online para que sejam o mais consensuais e de fácil interpretação possível.

 




Sessão de orientação 05.04.2011

Na reunião com os orientadores focámos vários pontos essenciais para a especificação técnica e gráfica:

 

·         Seguir as guias de design para Android (ver post http://mobiletouristguide.blogs.ua.sapo.pt/9889.html)

·         Utilizar o manual de identidade gráfica do projecto mesht para auxiliar no desenvolvimento da identidade gráfica do ‘Mobile Tourist Guide’

·         Desenvolver uma primeira versão de fluxogramas, grelhas e ícones para que os orientadores possam dar opinião.

·         Fazer testes com utilizadores para verificar se os ícones são intuitivos e se têm visibilidade no dispositivo móvel.

 




Actualizações 06 de Abril

 Estamos neste momento a pesquisar por uma maneira de abrir uma aplicação já existente no dispositivo móvel através de um hiperlink embutido em HTML. No entanto, ainda não sabemos se tal é possível.

 

Recorremos ainda à comunidade Android PT mas estes também não nos sabem dizer com exactidão se tal será possível. Se não for, o botão "Ler código QR" irá reencaminhar o utilizador para uma página de ajuda onde será informado que deverá abrir a aplicação (como o NeoReader). Se este não possuir nenhuma aplicação de leitura de código QR, facultaremos os devidos links, reencaminhando o utilizador para páginas de aplicações específicas dentro do próprio market.

 

Hoje iremos também realizar o estudo de grelhas e de icons para a especificação gráfica do projecto.




Terça-feira, 5 de Abril de 2011
Especificação gráfica - Guias de design para o desenvolvimento de ícones de inicialização em Android

Ao ligar o telemóvel o "Launcher" (ecrã inicial) abre e expõe os ícones para todos os aplicativos instalados. O utilizador seleciona uma aplicação e abre-a, tocando no ícone de lançamento.

Um ícone de inicialização o é um gráfico presente no ecrã inicial do telemóvel e representa a aplicação.


 Regras para ícones de inicialização para Android 2.0 e superior

Estilo - "Limpo" e Contemporaneo / Simplista e incónico/ Face projectada um pouco para a frente e iluminada

 

Tamanho e Posição:

Dimensões do ícone inicializador para ecrãs de alta resolução (hdpi):

 


          1. Activo total: 72 x 72 px
          2. Ícone: 60 x 60 px
          3. Quadrado interior do ícone: 56 x 56 px



Dimensões do ícone inicializador para ecrãs de média resolução (mdpi):

 


          1. Activo total: 48 x 48 px
          2. Ícone: 40 x 40 px
          3.
Quadrado interior do ícone: 38 x 38 px



Dimensões do ícone inicializador para ecrãs de baixa resolução (ldpi):

 


          1. Activo total: 36 x 36 px
          2. Ícone: 30 x 30 px
          3.
Quadrado interior do ícone: 28 x 28 px

 

Se desejarmos publicar a aplicação no Android Market será necessário fornecer um ícone de alta resolução com 512x512 pixels (sendo que este não substitui o ícone de inicialização).

 

Guias de design para o desenvolvimento de aplicações para Android retiradas do site - http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html(consultado em 05-04-2011)





Especificação técnica - Mapa de navegação

Continuação da elaboração do mapa de navegação:

 

 




Segunda-feira, 4 de Abril de 2011
Especificação gráfica e técnica – aula 04.04.11

Na aula de hoje os professores começaram por explicar o que se pretende neste módulo e o grupo começou já a discutir possíveis soluções.

 

Relativamente à especificação gráfica, por sugestão dos orientadores, vamo-nos guiar pelo grafismo do projecto mesh-t (http://mesht.blogs.ua.sapo.pt/563.html) que já tem alguns estudos efectuados quanto ao logótipo, esquema de cores, fonts, etc. Esta questão vai ser analisada amanhã melhor com os orientadores.

 

Relativamente à parte técnica, na aula começámos já a fazer um mapa de navegação que apresentamos a baixo ainda incompleto.

 

 



publicado por mariajcampos às 23:10
editado por filipe-monteiro em 05/04/2011 às 14:02
link do post | comentar | adicionar aos favoritos

Domingo, 3 de Abril de 2011
Actualizações

Durante o fim-de-semana os elementos do grupo acordaram visualizar o manual do projecto mesh-t (http://mesht.blogs.ua.sapo.pt/563.html) que nos foi facultado pelos orientadores para começarmos a gerar ideias para a concepção do logótipo, imagem de marca e estudo gráfico da nossa aplicação, assim pretendemos reunir-nos na segunda-feira já com algumas ideias que partilharemos com os restantes elementos para começarmos a encontrar as melhores soluções gráficas para o nosso projecto.




.mais sobre mim
.pesquisar neste blog
 
.Junho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3
4

5
6
7
8
9
10
11

12
14
15
17
18

19
20
21
23
24
25

26
27
28
29
30


.posts recentes

. Mobile Tourist Guide / se...

. Back Office

. Reunião de grupo – 13.06....

. Módulo 6 - testes

. Módulo 6 – Versão beta

. Testes de usabilidade

. versão beta e testes – au...

. Actualizações – testes

. Ponto de situação – OT 01...

. Versão beta e testes – au...

.arquivos

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds