ChocoPen
From LABMM1_IDE
(→Estado da Arte) |
(→ViPorto) |
||
| Line 107: | Line 107: | ||
==ViPorto== | ==ViPorto== | ||
A grande influência para a realização da nossa aplicação é o trabalho realizado pelos colegas do 2º ano (ViPorto), que tivemos a oportunidade de visualizar na palestra de Apresentação do Curso, em Setembro. | A grande influência para a realização da nossa aplicação é o trabalho realizado pelos colegas do 2º ano (ViPorto), que tivemos a oportunidade de visualizar na palestra de Apresentação do Curso, em Setembro. | ||
| + | |||
| + | A paleta de cores da aplicação é extremamente sóbria: Roxo e Beije-escuro. As cores transmitem a seriedade da aplicação, e também torna-a mais minimalista. | ||
Esta aplicação consiste em três menus principais: Mapa das Caves de Vinho do Porto, História do Vinho do Porto e Características. | Esta aplicação consiste em três menus principais: Mapa das Caves de Vinho do Porto, História do Vinho do Porto e Características. | ||
Revision as of 16:45, 14 January 2011
Contents |
CHOCOHOLICS
ChocoPen
- Inicialmente, escolhemos este nome pois a nossa aplicação iria chegar ao utilizador através de uma pen. Contudo, devido a conflito com o método este método de distribuição, tivemos que modificar o nome da aplicação.
Chocoholics
- Foi o nome escolhido, pois a aplicação destina-se aos apreciadores do chocolate.
Grupo
- Alexandre Pereira, nº 49994
- Ana Paiva, nº 49997
- Bárbara Roncato, nº 59737
- Raquel Dias, nº 60482
Memória Descritiva
Caracterização do Projecto
- Título: Chocoholics
- Objectivo e Finalidade do Projecto: Oferecer uma aplicação offline de carácter informativo e interactivo sobre o Chocolate
- Descrição do projecto: Os utilizadores vão poder descobrir, através da nossa aplicação, a História do Chocolate, os diversos tipos (negro, leite e branco), algumas curiosidades, como por exemplo os benifícios e malefícios, entre outros.
- População alvo: Público em Geral
Fases e Calendarização das actividades
- 26 de Novembro - grupo e memória descritiva (feito)
- 30 de Novembro - estado da arte
- 3 de Dezembro - Publicação da Identidade Visual da Aplicação e da Lista de Requisitos Funcionais a desenvolver
- 9 de Dezembro - arborescência
- 10 de Dezembo - Publicação dos Ecrãs Tipo e/ou Assets desenvolvidos na página do projecto no Wiki da disciplina
- 13 de Dezembro - Apresentação Final (AF) do trabalho em progresso
- de 13 de Dezembro à entrega - datas a definir posteriormente
- 12 de Janeiro - Entrega Final do Projecto no Moodle criado para o efeito (IDE)
- (Dia por definir) Época de exames - entrega da aplicação multimédia, do relatório e dos ficheiros documentais (LABMM1)
- (Dia por Definir) Época de exames - apresentação (LABMM1)
Caracterização da equipa
Distribuição das tarefas pelos elementos da equipa
• Alexandre: Pesquisa sobre os Efeitos do Chocolate
Pesquisa sobre códigos AS2 - a implementar
Disposição dos ícones num exemplo de menu
Animação "Curiosidades" e “Créditos Finais”
• Ana Sofia:
Pesquisa sobre a História do Chocolate
Procura de imagens para ícones
Desenho dos ícones
Desenho dos chocolates, chávena, colher e açúcar
Animação inicial e "História do Chocolate"
Realização da capa, contra-capa, e livrete do CD
• Bárbara:
Pesquisa sobre os tipos de Chocolate
Pesquisa da receita
Tipografia "Pusab"
Escolha da paleta de cores
Desenho dos vários tipos de chocolates
Animação "Tipos de Chocolates"
Desenho do vinil e câmaras de filmar
Elaboração do ícone "Som" e "Sem Som"
Actualização do powerpoint da apresentação
• Raquel:
Pesquisa sobre Curiosidades
Elaboração do layout principal da aplicação
Escolha do novo tipo letra (Bickhnam Script Pro) e definição final da palete de cores de acordo com o layout
Desenho da caixa do chocolate (fechada), mesa, parede e receita
Elaboração do ícone "sair"; “fullscreen”; “setas”; “over dos botões dos menus”; “barra de scrool”
Elaboração e manipulação fotográfica dos créditos finais
Elaboração projector de vídeo final
Animação “Curiosidades” e Créditos finais”
Organização template final.
Estado da Arte
ViPorto
A grande influência para a realização da nossa aplicação é o trabalho realizado pelos colegas do 2º ano (ViPorto), que tivemos a oportunidade de visualizar na palestra de Apresentação do Curso, em Setembro.
A paleta de cores da aplicação é extremamente sóbria: Roxo e Beije-escuro. As cores transmitem a seriedade da aplicação, e também torna-a mais minimalista.
Esta aplicação consiste em três menus principais: Mapa das Caves de Vinho do Porto, História do Vinho do Porto e Características.
Cada menu tem um símbolo que o define no menu principal: Barril, Garrafa e Cacho de Uvas.
Temos sempre presente uma barra inferior, onde aparece o link para os créditos, barra de som, botão fullscreen e botão sair da aplicação. Quando entramos noutros menus, aparecem links para os outros menus.
No Menu Mapa, podemos ver um Mapa das Caves de Vinho do Porto. As caves estão localizadas no mapa através de pontos vermelhos, que mostram o contacto da respectiva Cave quando o rato passa por cima do ponto.
No Menu História, podemos ver um vídeo sobre a História do Vinho do Porto.
No Menu Características, podemos ver as características das castas utilizadas para a produção do Vinho do Porto.
Toblerone BR
Outra grande influência no nosso trabalho é o site da Toblerone Brasil.
Palete de cores
Para a selecção da palete de cores recorremos:
Fontes Tipográficas
- Na nossa aplicação vamos usar três tipos de fontes:
Nome da aplicação: Bickham Script Pro
Titulos menus: Vani
Textos: Calibri
Identidade Visual da Aplicação
Animação inicial
- A nossa ideia inicial, era criar uma a aplicação com uma barra de chocolate (vectorizada), a qual o utilizador teria de interagir (através de 3 cliques) para conseguir aceder ao menu principal.
Porém, depois de alguma reflexão entre o grupo, decidimos que o início da aplicação será a abertura de uma caixa de chocolates. Caixa essa que será permanente no menu principal e que terá os 3 botões de acesso aos 3 menus (historia, curiosidades e tipos de chocolate)
- Menu principal: onde apareceram três botões com a forma de bombons que darão acesso aos menus secundários.
- Menus secundarios:
- Historia
- Tipos
- Curiosidades
Meio de Distribuição
O meio de distribuição como já referimos será offline
- Porquê offline e não online ?
Porque assim o utilizador poderá ver a nossa aplicação sem ter que estar ligado à internet.
Som
A aplicação multimédia irá conter som, musica e video
- Músicas ambiente
- Sons interactivos (botões...)
- Videos (excertos de filmes relacionados com o chocolate)
Arborescência
Composta
Menus/Ecrãs
Inicias:
Finais:
Lista de Requisitos Funcionais a desenvolver
Botões criados:
• Logo no início da aplicação, existe um botão que é a caixa, a qual dá inicio à interacção do utilizador.
• Três botões para o menu inicial, em forma de bombons (em formato vectorial) aos quais foram adicionados brilho quando o rato passa por cima. Estes mesmos foram duplicados pois quando seleccionado o respectivo menu, o botão aparece como opção “voltar ao menu inicial”. Assim sendo, são no total 6 botões.
• Ainda no menu inicial, existem mais dois botões: uma colher e os cubos de açúcar os quais ajudam o utilizador a navegar mais facilmente pela aplicação;
• Seis botões para o menu “Tipos de Chocolate”, em forma de diferentes chocolates (formato vectorial), todos com a respectiva sombra quando o rato passa por cima;
• Oito botões para o menu “História” em imagem bitmap;
• Cinco botões no menu “Curiosidades” os quais quatro são em formato de imagem bitmap e o último está em formato vectorial;
• Sete botões em forma de setas os quais estão presentes em todos os menus da aplicação. Todos estes em formato vectorial.
• Botões de som como “on” e “off”.
• Botões de vídeo como “Play”, “Pause”, “Stop” e “Full Screen”.
• Botões do tipo “sair” o qual existe ainda mais duas opções quando este é seleccionado: “sim” ou “não”.
• Botões do tipo “sobre” o qual está presente em todos os menus da aplicação, fazendo um total de cinco botões.
Outros requisitos:
• Barra de som. O utilizador não só pode escolher se quer ouvir ou não o som de fundo, como pode também regular o volume do mesmo. Ao mesmo tempo que regula o volume do som, o botão altera-se em quatro fases.
• Barras de scroll. Em informações mais extensas como as que estão presentes no menu “História” e “Curiosidades”, existe uma barra de scroll para auxiliar a leitura. Fazendo um total de cinco barras em todo a aplicação.
Diário de Bordo
23 de Novembro
- Escolha do Grupo
- Decisão sobre o tema da Aplicação
- O grupo pensou em fazer aplicações culturais ligadas à cidade de Aveiro e também à Universidade de Aveiro, mas optou, por fim, pelo tema do Chocolate, por achar que seria um tema diferente e porque, na generalidade, é um produto apreciado por todos.
25 de Novembro
- Apresentação do tema ao professor Ivo de IDE
- Primeiro rascunho da aplicação (o que pretendemos fazer; paleta de cores; mascote; menus/temas a abordar; aplicações interactivas a realizar)
26 de Novembro de 2010
- Criação da Página
- Elaboração da Memória Descritiva
- Envio do link da página Wiki do nosso Projecto Final aos docentes da Unidade Curricular LABMM1 e IDE
29 de Novembro de 2010
- Publicação do Estado da Arte
- Escolha da Tipografia
- Divisão de novas tarefas
2 de Dezembro de 2010
- Mudança da abertura da aplicação e do menu
- Publicação da identidade visual e da lista de requisitos
6 de Dezembro de 2010
- Modificação do nome do projecto, devido a conflito com a forma de distribuição (não podemos apresentar o trabalho numa PEN USB, será agora num CD/DVD)
- Modificação da entrada na aplicação e do menu
- Finalização da Arborescência
8 de Dezembro de 2010
- Escolha do novo tipo letra
- Definição final da palete de cores
- Finalização layout da aplicação
9 de Dezembro de 2010 - 6 de Janeiro de 2011
- Início da animação em Flash, consoante a distrubuição de tarefas
- Início da realização dos ficheiros para entregar em IDE
