Homeless Commanders
From LABMM1_IDE
(→Botões) |
(→Identidade visual) |
||
| Line 115: | Line 115: | ||
File:FUNDOFINAL.jpg | File:FUNDOFINAL.jpg | ||
</gallery><br> | </gallery><br> | ||
| + | |||
| + | '''Player de Música''' | ||
| + | |||
| + | [[File:PLAYER.jpg]] | ||
| + | <br> | ||
| + | <br> | ||
| + | |||
| + | '''Menu topo''' | ||
| + | |||
| + | [[File:MENU TOPO.jpg]] | ||
= Botões = | = Botões = | ||
Revision as of 23:35, 13 January 2011
Contents |
Grupo
Bruno Barradasnº 59474
Flávio Bártolonº 59949
Alexandra Azevedonº59568
Rui Regonº59965
Caracterização do Projecto
Titulo do projecto: Homeless Commanders official site
Objectivo: Promoção/Divulgação da banda Homeless Commanders
Descrição: Plataforma web em flash, via on-line, de um site panorâmico em loop para uma banda rock, de nome Homeless Commanders.
Calendário das Actividades do Grupo
10 de Dezembro a 12 de Dezembro:
Fotografar ambientes necessários (Dependendo do tempo);
Datas e Prazos
26 de Novembro:
Publicação da constituição dos grupos e do Tema Visual a desenvolver, numa página criada para o efeito no Wiki da disciplina.
03 de Dezembro:
Publicação da Identidade Visual da Aplicação e da Lista de Requisitos Funcionais a desenvolver na página do projecto no Wiki da disciplina.
10 de Dezembro:
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. Apresentação de 10 minutos onde se explica o Tema Visual, os Requisitos Funcionais e Os principais elementos do Guião da aplicação como os Ecrãs Tipo e a Identidade Visual desenvolvida.
12 de Janeiro:
Entrega Final (EF) do Projecto (ficheiro ZIP) no link de entregas do Moodle criado para o efeito. Entrega da FAHAV no link de entregas do Moodle criado para o efeito.
Equipa
Distribuição de tarefas
Bruno
- Desenho do logótipo;
- Responsável pela criação/Edição de objectos.
Flávio
- Desenho do logótipo;
- Responsável pela criação/Edição de objectos.
Alexandra
- Actualização da Wiki;
- Ajuda na edição de Imagens ( botões, vista panoramica, objectos...)
Rui
- Encarregue de tirar as fotos panorâmicas;
- Edição de imagens.
Método de distribuição
O grupo optou, desde o início, pela criação e desenvolvimento de uma aplicação que seria exposta através de um método de distribuição online, sendo a sua plataforma de suporte a World Wide Web.
Estado da Arte
Na aula de 29 de Novembro, enquanto o nosso grupo pesquisava por aplicações online para o website, encontramos o site da banda The Killers e dos Red Hot Chili Peppers e inspiramo-nos na panorâmica e botões interactivos que estes dois projectos disponibilizam.
Fontes
Escolhemos dois tipos de fontes principais a utilizar na aplicação: Helvetica e Stencil.
Helvetica
 |
Helvetica
|
 |
Stencil
|
Identidade visual
Panorâmica inicial, após tirarmos as primeiras fotografias:
 |
Imagem de fundo final, pronta para ser utilizada no flash:
 |
Player de Música
Menu topo
Botões
Optámos por fotografar objectos um pouco aleatórios para inserir na imagem de fundo panorâmica. Entre eles, um rádio antigo, o farol da praia da Barra, CDs vinis e um armário com guitarras.
Rádio
 |
Vinis
 |
 |
 |
Farol
 |
 |
Armário
Animações
Rádio
File:Radio animação.swf
Farol
File:Farol ilu.swf
Ecrãs Tipo
 |
Ecrã principal
|
 |
Ecrã Home
|
 |
Ecrã Banda
|
 |
Ecrã Galeria
|
 |
Ecrã Contactos
|
Logótipo
A passagem de esboço e vectorização do logótipo.
Aviso: Este logótipo não será utilizado na aplicação final, por sugestão dos professores de ID-E.
File:ECRAN PRINCIPAL 2.jpg
Logótipo modificado
Modificações feitas ao logótipo, de acordo com as ideias sugeridas e uma maior conexão com a realidade do nome banda.
Diário de Bordo
23 de Novembro
- Definição do Grupo.
24 de Novembro
- Surgiu a primeira ideia para o projecto: uma aplicação musical que seria semelhante a um ipod, com as mesmas funções e uma biblioteca musical. No entanto, concluimos que não seria ideal para um projecto de quatro pessoas e que iria trazer problemas a nível de distribuição de tarefas e trabalho de grupo. Assim, decidimos pensar numa ideia mais abrangente, ainda dentro do âmbito da música.
29 de Novembro
- Optámos por uma ideia que incluísse a construção do site oficial de uma banda, como aplicação interactiva, tendo em mente a banda portuguesa Machine Effect. Guiámo-nos primeiramente pelo website da banda de rock The Killers e pensamos em construir e desenvolver um semelhante a este;
- Criação da Wiki da banda, que teria o nome "Machine Effect";
- Ideia de fazer uma panorâmica de uma fábrica abandonada no website.
6 de Dezembro
- Criação de uma nova wiki e respectiva actualização devido à mudança de nome da banda para Homeless Commanders;
- Definição de tarefas;
- Abandonámos a ideia da panorâmica de fábrica e passámos para outra que incluísse um espaço mais amplo e out-door;
- Realização da arborescência;
- Esboços do logótipo a criar.
9 de Dezembro
- Fotografámos o cenário principal para o web-site, em modo panorâmico;
- Edição das fotos (cada elemento do grupo tratou de 6 fotos cada um);
- Agrupamento das fotos e construção da panorâmica;
- Começámos a pensar em objectos e a procurá-los para utilizar no cenário.
- Começámos a editar a panorâmica.
13 de Dezembro
- Passagem do esboço do logótipo para illustrator.
- Correcção de alguns erros na panorâmica.
- Conclusão da apresentação para a disciplina de IDE.
- Agendada sessão fotográfica de alguns objectos antigos (televisão antiga , rádio antigo)
15 de Dezembro
- Sessão fotográfica de objectos a ser utilizados como botões.
Metas para a aula de 16 de Dezembro de Labmm1:
- Planear futura programação a utilizar;
- Parte gráfica finalizada;
- Criação de um ou dois botões para testar a aplicação.
20 de Dezembro
- Imagem de fundo finalizada e pronta para ser utilizada em flash
28 de Dezembro
- Trabalho de edição das fotografias para ser utilizadas como botões e esboço de como seriam utilizados na aplicação interactiva.
5 de Janeiro
- Após uma longa pesquisa, encontramos a programação necessária para concretização da ideia principal da aplicação: pôr a imagem de fundo em loop com a passagem do cursor sobre ela. Surgiram, entretanto, algumas complicações.
8 de Janeiro
- Modificação do logótipo conforme as sugestões que o professor Pedro e Ivo nos deram.
10 de Janeiro
- Animações dos botões concluídas e prontas a ser utilizadas
- Desenvolvimento da parte da programação no flash.
11 de Janeiro
- Actualização da wiki com fontes, botões, e outros pertencentes à parte gráfica.
- Conclusão dos ecrãs
- Incorporação da parte do som e respectivos botões.
12 de Janeiro
- Preparação e início do relatório a entregar no dia 14.
- Template de IDE.
Arborescência
Desactualizada
