T'sTable
From LABMM1_IDE
Rubenramos (Talk | contribs) |
Rubenramos (Talk | contribs) |
||
| Line 101: | Line 101: | ||
==Esquema de Cores== | ==Esquema de Cores== | ||
| + | Optámos primeiramente por um esquema de cores Monocromático baseado no rosa. | ||
| + | Contudo o logótipo sai um pouco deste esquema monocrómatico sendo composto por uma cor complementar, o verde. | ||
<center> | <center> | ||
[[File:Tema.png|600px|alt=Example alt text|esquema de cores]] | [[File:Tema.png|600px|alt=Example alt text|esquema de cores]] | ||
| Line 106: | Line 108: | ||
</center> <br><br> | </center> <br><br> | ||
| - | + | Mais tarde notámos que o esquema monocromático tornava a nossa aplicação um bocadinho sufocante, por isso optámos por este esquema de cores: | |
| - | + | [[File:Cores_novas_ttable.jpg]] | |
Revision as of 21:15, 12 January 2011
Contents |
Grupo
ADRIANA NOGUEIRA MENDES N.ºMEC.:60293
ALEXANDRA FILIPA PEREIRA TAVARES N.ºMEC.:60710
SANDRINE RIBEIRO PINTO N.ºMEC.:60385
RÚBEN TIAGO QUADROS RAMOS N.ºMEC.:60119
Memória descritiva
O nosso grupo escolheu como tema o chá. É uma aplicação on line onde os utilizadores têm acesso a informações sobre chás, respectivamente: origem, fabrico e efeitos. Assim, também, vai haver um pequeno jogo interactivo sobre os típicos "scones de passas" que, geralmente, aconpanham um chá. Destinada a utilizadores curiosos sobre o tema do chá. Com esta aplicação vão puder conhecer um pouco mais sobre os chás mais comuns e ficar, provavelmente, a conhecer outros tipos de chás. O ambiente desta aplicação pretende ser muito suave, tranquilo e relaxante.
Diário de Bordo
- 22 de Novembro - Surgimento da ideia de fazer uma aplicação sobre chá.
- 25 de Novembro - Desenho funcional: identificação e descrição das funcionalidades, desenho da estrutura da aplicação, percursos,formas e meios de navegação/interacção.
- 29 de Novembro - Escolha dos chás a utilizar na aplicação e definição da identidade visual.
- 30 de Novembro - Desenho gráfico: criação do logótipo.
- 2 de Dezembro - Desenho em papel de todos os objectos que integrarão a aplicação.
- 6 de Dezembro - Produção de documentos de planificação: arborescência; Início da vectorização dos elementos multimédia.
- 7 de Dezembro - Desenho em papel dos ecrãs tipo em papel.
- 8 de Dezembro - Discusão sobre as funcionalidades do jogo.
- 10 de Dezembro - Início da vectorização dos elemtos da aplicação
- 11 de Dezembro - Continuação das vecturizações.
- 12 de Dezembro - Pesquisas sobre os chás.
- 13 de Dezembro - Início da animação da 1ª parte (relógio).
- 16 de Dezembro - Conclusão da animação da 1ª parte e finalização das vectorizações desta mesma parte.
- 18 de Dezembro - Realização dos modle sheets das duas personagens.
- 20 de Dezembro - Vectorização e animação da borboleta.
- 27 de Dezembro - Início da vectorização dos ecrãs-tipo.
- 28 de Dezembro - Continuação da vecturização dos ecrãns-tipo.
- 29 de Dezembro - Conclusão da vecturização dos ecrãns-tipo.
- 30 de Dezembro - Início da composição e programação do ecrã principal.
- 4 de Janeiro - Continuação da composição e programação do ecrã principal.
- 5 de Janeiro - Continuação da composição e programação do ecrã principal.
- 6 de Janeiro - Conclusão da composição e programação do ecrã principal e encaixe com os ecrãns secundários.
- 10 de Janeiro - Vectorização das componentes do jogo (ingredientes, utensílios de cozinha, etc.)
- 11 de Janeiro - Início da realização do template.
- 12 de Janeiro - Início da realização do template e actualização da wiki.
Estado da arte
No site: Favourite Website Awards (fwa) cujo endereço é: http://thefwa.com/
• http://www.nespresso.com/tanzaru/
Ao pesquisar no fwa o grupo encontrou uma aplicação multimedia :”tanzaru” um café da marca nespresso. O que chamou a atenção do grupo para esta aplicação foi o ambiente harmonioso que procuramos integrar na nossa aplicação, a variedade de sons existentes e a interactividade com os mesmos como é o exemplo de, ao passar o rato sobre os nenufares, toca um xilofone, os movie clips que nos deram a ideia de colocar algumas borboletas a voar na nossa aplicação, a forma interactiva como está exposta a informação e ainda as transições entre cada janela. Gostámos particularmente da diversidade de animações integrada de forma muito sincronizada com os sons e pensámos ainda utilizar a ideia da transformação do fruto em árvore e da mesma em planta que pensámos utilizar mas com a planta do chá.
• http://www.perrier-jouet.com/#/en/the-house/since-1811/a-love-story
Este site fala-nos de um produto: o champanhe Perrier Jouët, é um site muito glamoroso. Este site despertou a nossa atenção devido ao design das flores e animação das mesmas a quando das transições juntamente com a música escolhida. È uma ideia a considerar no nosso projecto. Gostámos particularmente da forma como está a distribuição da informação:simples e clara. É uma aplicação bastante informativa e a forma como a informação está apresentada desperta o interesse acerca do produto: o champanhe. Gostámos do ambiente de harmonia que transmite, ideia que procuramos para a nossa aplicação e do video explicativo que a aplicação contém.
Identidade visual
Esquema de Cores
Optámos primeiramente por um esquema de cores Monocromático baseado no rosa. Contudo o logótipo sai um pouco deste esquema monocrómatico sendo composto por uma cor complementar, o verde.
Mais tarde notámos que o esquema monocromático tornava a nossa aplicação um bocadinho sufocante, por isso optámos por este esquema de cores:
Logótipo
Sendo a nossa aplicação sobre chás, decidimos atribuir como nome da aplicação “Tea’s Table” dado que a esta se centra numa mesa.
Assim, começamos por criar o logótipo. Como o logótipo é um meio das pessoas se relembrarem da nossa aplicação, optamos por um logótipo muito simples. Após isto, pusemos de lado a ideia da chávena pois poderia confundir as pessoas para o café. Assim pensamos no principal ingrediente do chá, a folha. Dentro da folha está a letra T (tea), desenhada por nós com o mesmo traço gráfico que irão ter o resto dos elementos da aplicação. A continuação do nome da aplicação situa-se abaixo da folha. Realizado isto, pensamos que faltava alguma coisa, foi aí que surgiu a ideia do círculo que seria a chávena, dando-nos a sensação de que o logótipo está a sair da própria chávena.
A cor que utilizamos foi o verde, pois é a cor da folha, ingrediente principal do chá. Para além disso, o verde centra-nos para Natureza, sendo uma das palavras-chave da nossa aplicação, pois os chás que abordamos são todos naturais. Em relação a tipografia, tal como referi acima, o “T” foi desenhado por nós. Sendo o traço um pouco trabalhado, decidimos utilizar uma tipografia mais simples para a continuação do nome da aplicação para que não se tornasse demasiado confuso.
Lista de requisitos funcionais
- Inicialmente surge-nos um cenário simples com duas cadeiras e uma mesinha de jardim tipica de chá; o fumo sai das chávenas.
- Ocorre uma ampliação até ao topo da mesa onde se destacam as chávenas e um pratinho de bolinhos.
- Quando o utilizador passa o rato sobre as chávenas as colheres presentes mexem o chá e o abrir do botão leva-nos a uma janela com características do chá, origem e efeitos na saúde que se demonstram no ursinho e na boneca que nos surge ao lado do ecrã.
- Os bolinhos são outra aplicação que à passagem do rato surgem trincados e que ao clicar aparecem curiosidades.
Arborescência
Ecrãs Tipo
