Homeless Commanders

From LABMM1_IDE

(Difference between revisions)
Jump to: navigation, search
(→Logótipo)
(→Diário de Bordo)
 
(32 intermediate revisions not shown)
Line 94: Line 94:
<br>'''Helvetica'''
<br>'''Helvetica'''
-
  <gallery widts=100px heights=100px perrow=4>
+
  <gallery widts=250px heights=100px perrow=4>
File:Helvetica.gif
File:Helvetica.gif
-
</gallery><br>
+
Helvetica
-
 
+
-
<br>'''Stencil'''
+
-
<gallery widts=100px heights=100px perrow=4>
+
File:Stencil.png
File:Stencil.png
 +
Stencil
</gallery><br>
</gallery><br>
 +
 +
= Esquema de Cores =
 +
 +
[[File:Esquema.png|center]]
 +
Tendo em conta que a nossa imagem panorâmica tinha lugar na praia, optámos por um esquema que se enquadrasse mais com o fundo e que fosse simples e discreto.
= Identidade visual =
= Identidade visual =
Line 117: Line 120:
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 =
-
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, e CDs vinis.
+
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'''
'''Rádio'''
-
<gallery widts=100px heights=50px perrow=4>
+
<gallery widts=200px heights=150px perrow=4>
File:Rádio 5.jpg
File:Rádio 5.jpg
</gallery><br>
</gallery><br>
Line 136: Line 149:
</gallery><br>
</gallery><br>
 +
[[File:VINYL.png|thumb|left|Vinil com logo da Banda]]
-
= Logótipo =
+
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
'''Farol'''
-
[[File:Logovectorizado2.jpg|thumb|left]]
+
<gallery widts=400px heights=200px perrow=4>
 +
File:Farol template sem luz.png
 +
File:Farol template.png
 +
</gallery><br>
-
<br>A passagem de esboço e vectorização do logótipo. <br> <br>'''Aviso: Este logótipo não será utilizado na aplicação final, por sugestão dos professores de ID-E.
+
'''Armário'''
 +
 
 +
[[File:ARMARIO.jpg|thumb|left]]
<br>
<br>
<br>
<br>
Line 149: Line 179:
<br>
<br>
<br>
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 +
= Animações =
 +
 +
'''Rádio'''<br>
 +
[[File:Radio animação.swf]]
 +
 +
'''Farol'''<br>
 +
[[File:Farol ilu.swf]]
 +
 +
= Ecrãs Tipo =
 +
 +
<gallery widts=500px heights=100px perrow=4>
 +
File:ECRAN PRINCIPAL 2.jpg
 +
Ecrã principal
 +
File:ECRAN HOME.jpg
 +
Ecrã Home
 +
File:ECRAN BANDA.jpg
 +
Ecrã Banda
 +
File:ECRNA GALERIA.jpg
 +
Ecrã Galeria
 +
File:ECRA CONTACTOS.jpg
 +
Ecrã Contactos
 +
</gallery><br>
 +
 +
<br>
 +
<br>
 +
 +
= Logótipo =
 +
 +
[[File:Logovectorizado2.jpg|thumb|left]]
 +
 +
<br>A passagem de esboço e vectorização do logótipo. <br> <br>'''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'''
'''Logótipo modificado'''
Line 155: Line 224:
<br>Modificações feitas ao logótipo, de acordo com as ideias sugeridas e uma maior conexão com a realidade do nome banda.
<br>Modificações feitas ao logótipo, de acordo com as ideias sugeridas e uma maior conexão com a realidade do nome banda.
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
<br>
<br>
<br>
<br>
Line 215: Line 294:
<br>- Modificação do logótipo conforme as sugestões que o professor Pedro e Ivo nos deram.
<br>- Modificação do logótipo conforme as sugestões que o professor Pedro e Ivo nos deram.
-
= Arborescência =
+
<br>'''10 de Janeiro'''
-
'''Desactualizada'''
+
<br>- Animações dos botões concluídas e prontas a ser utilizadas
-
[[File:Arborescência.jpg]]
+
<br>- Desenvolvimento da parte da programação no flash.
 +
 
 +
<br>'''11 de Janeiro'''
 +
<br>- Actualização da wiki com fontes, botões, e outros pertencentes à parte gráfica.
 +
<br>- Conclusão dos ecrãs
 +
<br>- Incorporação da parte do som e respectivos botões.
 +
 
 +
<br>'''12 de Janeiro'''
 +
<br>- Preparação e início do relatório.
 +
<br>- Template de IDE.
 +
 
 +
<br>'''13 de Janeiro'''
 +
<br>- Continuação do relatório
 +
<br>- Programação do music player e dos botões que faltavam
 +
 
 +
<br>'''14 de Janeiro'''
 +
<br>- Programação de botões que mudassem o fundo para dia ao clicar no menu no topo onde diz "Savior" e para noite ao clicar no botão "That Night".
 +
<br>- Alterações na função dos botões "farol" e "rádio".
 +
 
 +
<br>'''15 de Janeiro'''
 +
<br>- O grupo junta-se para acabar as partes do relatório que faltavam.
 +
 
 +
= Arborescência =
 +
 
 +
[[File:Arborescênciaal.png|center]]
 +
 
 +
= Relatório =
 +
 
 +
<gallery>File:Relatoriohomelesscommanders.pdf|Relatório do Projecto</gallery>

Latest revision as of 05:56, 17 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.gif
Helvetica
Stencil.png
Stencil

Esquema de Cores

Esquema.png

Tendo em conta que a nossa imagem panorâmica tinha lugar na praia, optámos por um esquema que se enquadrasse mais com o fundo e que fosse simples e discreto.

Identidade visual

Panorâmica inicial, após tirarmos as primeiras fotografias:

Panoramicaorig.png


Imagem de fundo final, pronta para ser utilizada no flash:

FUNDOFINAL.jpg

Player de Música

PLAYER.jpg

Menu topo

MENU TOPO.jpg

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

Rádio 5.jpg

Vinis

Vinilbon.png
Vins.png
Vinyl x1.png

Vinil com logo da Banda












Farol

Farol template sem luz.png
Farol template.png

Armário

ARMARIO.jpg














Animações

Rádio
File:Radio animação.swf

Farol
File:Farol ilu.swf

Ecrãs Tipo

ECRAN PRINCIPAL 2.jpg
Ecrã principal
ECRAN HOME.jpg
Ecrã Home
ECRAN BANDA.jpg
Ecrã Banda
ECRNA GALERIA.jpg
Ecrã Galeria
ECRA CONTACTOS.jpg
Ecrã Contactos



Logótipo

Logovectorizado2.jpg


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

Minilogo.jpg


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.
- Template de IDE.


13 de Janeiro
- Continuação do relatório
- Programação do music player e dos botões que faltavam


14 de Janeiro
- Programação de botões que mudassem o fundo para dia ao clicar no menu no topo onde diz "Savior" e para noite ao clicar no botão "That Night".
- Alterações na função dos botões "farol" e "rádio".


15 de Janeiro
- O grupo junta-se para acabar as partes do relatório que faltavam.

Arborescência

Arborescênciaal.png

Relatório

Relatório do Projecto

Retrieved from "http://wikis.ua.pt/lab1ide/index.php?title=Homeless_Commanders"
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox