Hardcore Portugal

From LABMM1_IDE

(Difference between revisions)
Jump to: navigation, search
(→Arborescência)
(→Diário de Bordo)
 
(5 intermediate revisions not shown)
Line 38: Line 38:
== 25 de Janeiro ==
== 25 de Janeiro ==
Inicio da construção da Aplicação no Flash.
Inicio da construção da Aplicação no Flash.
 +
 +
== 26 de Janeiro ==
 +
Continuação do desenvolvimento da aplicação.
 +
 +
== 27 de Janeiro ==
 +
Continuação do desenvolvimento da aplicação.
 +
 +
== 28 de Janeiro ==
 +
Finalização e entrega do projecto
 +
 +
= Relatório =
 +
 +
== Apresentação do Projecto ==
 +
 +
 +
O “Hardcore Portugal” é um projecto que visa manter uma fonte constante de informação sobre o movimento hardcore em Portugal. Sendo assim, além de ter uma página actualizada com as últimas notícias também dispões de uma página para fazer reviews dos últimos lançamentos portugueses.
 +
 +
Como dito anteriormente, a página principal é dedicada a notícias. Existem duas páginas inteiramente dedicadas ao hardcore português com reviews de álbuns e hiperligações para os myspaces das principais bandas. Há também uma página que lista os próximos shows que vão haver em Portugal. Existe uma página dedicada a hiperligações para fóruns, promotores de eventos e websites de fotografia dedicados ao hardcore. Para completar existem duas páginas, Contactos e Acerca, a primeira têm ligações para e-mails e páginas nas redes sociais alusivos ao projecto (de salientar que estes endereços são fictícios).
 +
 +
Para terminar, existe um pequeno reprodutor de músicas no fundo da página com quatro músicas de bandas portuguesas.
 +
 +
 +
== Análise e Planeamento ==
 +
 +
 +
Sendo eu um fã deste estilo de música, sei que existe falta de informação em Portugal, e como tal, depois de ter chumbado na época normal, foi a primeira coisa que pensei em fazer também porque pensei que seria relativamente fácil, apesar de se mostrar bem mais complicado do que imaginei.
 +
 +
Para tal, visitei várias páginas dentro do mesmo tema, de forma a recolher informações sobre a composição das páginas e temas visuais.
 +
Depois de escolher a estrutura do website, que pode ser consultado no separador da Estrutura Arborescente, escolhi também as cores a serem usadas.
 +
 +
 +
 +
== Desenho Funcional ==
 +
=== Requisitos funcionais ===
 +
• Animação de entrada com o titulo no canto superior direito, uma imagem no canto inferior esquerdo e o botão Entrar entre dois X’s símbolo característico do Hardcore e Straight Edge;
 +
 +
• Menu principal com notícias e ainda uma barra permanente de menu com sete botões para as diferentes páginas;
 +
 +
• Pequeno reprodutor de música permanentemente visível e centrado ao fundo da página;
 +
 +
• Menu Reviews com reviews de alguns álbuns lançados recentemente;
 +
 +
• Menu Shows com uma lista dos próximos concertos em Portugal, além de do lado esquerdo passar os respectivos flyers de baixo para cima;
 +
 +
• Menu Bandas, com links para as páginas do myspace das principais bandas portuguesas de hardcore;
 +
 +
• Menu Links, possui diversos links para sites, promotoras e sites de fotografia relacionados com hardcore;
 +
 +
• Menu Contactos, apresenta várias hipóteses de contactar o autor, nomeadamente através de e-mail ou redes sociais. Os links nesta página são fictícios;
 +
 +
• Menu Acerca, neste menu é apresentada o porquê da aplicação e ainda dado os devidos créditos aos donos e autores das fotos, músicas e fonts usadas na aplicação;
 +
 +
 +
=== Estrutura arborescente ===
 +
[[File:Arborescencia.png]]
 +
 +
A aplicação começa com uma pequena introdução e com um Butão que no redirecciona para a Página Principal, a partir de lá podemos aceder a todas as outras páginas. A página Reviews tem ainda quatro sub-páginas. Todas as outras páginas excepto Shows e Acerca possuem links externos.
 +
 +
 +
 +
=== Desenho de interacção e usabilidade ===
 +
A aplicação é homogénea, sendo assim usa basicamente em todas as páginas o mesmo layout. É de fácil interactividade, visto que é baseada em botões e menus pop-up. Considera-se que esteja integrada no paradigma de interacção por Index.
 +
 +
Todos os menus são rapidamente acessíveis, visto a estrutura não ser muito profundo contendo apenas duas camadas.
 +
 +
 +
 +
== Desenho técnico ==
 +
No desenvolvimento da aplicação foram usadas diversas aplicações nomeadamente Adobe Flash CS3 na concepção geral da aplicação, Adobe Illustrator CS3 e Adobe Photoshop CS3 na edição e tratamento de imagens e ainda o Audacity para tratar as músicas inseridas na aplicação.
 +
 +
 +
== Produção do projecto ==
 +
=== Estrutura e meios de navegação/interacção ===
 +
Nesta aplicação a estrutura de navegação é bastante simples, visto todos os menus estarem permanentemente disponíveis. Além disso todos os botões de manipulação do som, estão também sempre disponíveis.
 +
 +
Ao entrar na aplicação existe uma pequena animação com metade do logo a vir da direita e a juntar-se a outra metade já presente no stage. Depois de carregar no botão entrar temos todos os menus acessíveis a partir de uma barra junto ao logo.
 +
 +
 +
 +
=== Integração e controlo do som ===
 +
Na manipulação de som, temos vários botões. Play e Pause, alternando a visibilidade entre eles, como o próprio nome indica faz a música parar e continuar, Avançar e Retroceder avança ou retroceda um item na playlist, Aumentar Som e Diminuir Som, aumenta e diminui em som aos 20% de cada vez.
 +
 +
 +
=== Animação ===
 +
A animação depende essencialmente do que aprendi este ano, ou seja Motion Tween e Shape Tween. Aparecem várias vezes nomeadamente com o logo do projecto. É também usado para dar ou tirar transparência a certos objectos. São usados também alguns Movie Clips.
 +
 +
 +
=== Soluções técnicas adoptadas para resolução de problemas ===
 +
Os maiores problemas com que me deparei foram na utilização de algumas funções no flash, apesar de saber que existem devido a ter alguns conhecimentos em c++ e c#, mas nada que uma pequena pesquisa na internet ou mesmo tirando dúvidas com alguns colegas não resolvesse.
 +
 +
 +
 +
== Conclusão ==
 +
=== Reflexão crítica ===
 +
Na minha opinião, acho que com um pouco mais de tempo poderia ter explorado mais a interactividade e a animação também. Mas com um prazo tão apertado como este, não consegui mais que este resultado final.
 +
 +
Penso ainda que, apesar de ser uma aplicação que já existem bastantes na internet, não há nenhuma mesmo focada em Portugal e que com um pouco trabalho nela, poderia até vir a ser um projecto rentável baseado na publicidade.
 +
 +
 +
 +
=== Sugestões para o aperfeiçoamento e/ou desevolvimento futuro do projecto ===
 +
Acho que se houvesse um futuro desenvolvimento do projecto teria de se melhorar as animações principalmente, pois o pouco tempo disponível e também os conhecimentos limitados de flash não permitirem grandes animações.
 +
 +
 +
 +
== Referencias Web e bibliográficas ==
 +
=== Aplicações semelhantes e recolha de informação ===
 +
http://www.epitaph.com
 +
 +
http://www.metalcorefanzine.com
 +
 +
http://punkhardcore.com.au
 +
 +
=== Ajuda em programação flash ===
 +
http://www.actionscript.org
 +
 +
http://www.gotoandlearn.com
 +
 +
 +
== Anexos ==
 +
=== Programação botões de manipulação do som ===
 +
==== Botão Play ====
 +
on(release){
 +
 +
if (pauseTime==undefined)
 +
 +
{
 +
 +
musicas[n].start();
 +
 +
bplay._visible = true;
 +
 +
bpause._visible = false;
 +
 +
}
 +
 +
else
 +
 +
musicas[n].start(pauseTime/1000);
 +
 +
bplay._visible=false;
 +
 +
bpause._visible=true;
 +
 +
}
 +
 +
==== Botão Pause ====
 +
 +
on(release){
 +
 +
pauseTime = musicas[n].position;
 +
 +
musicas[n].stop();
 +
 +
bpause._visible = false;
 +
 +
bplay._visible = true;
 +
 +
}
 +
 +
==== Botão Avançar ====
 +
 +
on(release){
 +
 +
if (n == 4)
 +
 +
{
 +
 +
musicas[n].stop()
 +
 +
n = 1;
 +
 +
musicas[n].start()
 +
 +
} else {
 +
 +
musicas[n].stop()
 +
 +
n = n +1 ;
 +
 +
musicas[n].start()
 +
 +
}
 +
 +
bplay._visible=false;
 +
 +
bpause._visible=true;
 +
 +
}
 +
 +
==== Botão retroceder ====
 +
 +
on(release){
 +
 +
if (n == 1){
 +
 +
musicas[n].stop()
 +
 +
n = 4;
 +
 +
musicas[n].start()
 +
 +
} else {
 +
 +
musicas[n].stop()
 +
 +
n = n - 1;
 +
 +
musicas[n].start()
 +
 +
}
 +
 +
bplay._visible=false;
 +
 +
bpause._visible=true;
 +
 +
}
 +
 +
==== Aumetar som ====
 +
 +
on(release){
 +
 +
i = musicas[n].getVolume(musicas[n]);
 +
 +
if((i>=0)&&(i<100)){
 +
 +
i= i + 20;
 +
 +
musicas[n].setVolume(i);
 +
 +
trace("i="+i);
 +
 +
}
 +
 +
}
 +
 +
==== Diminuir som ====
 +
 +
on(release){
 +
 +
i = musicas[n].getVolume();
 +
 +
if((i>0)&&(i<=100)){
 +
 +
i = musicas[n].getVolume();
 +
 +
i = i - 20;
 +
 +
musicas[n].setVolume(i);
 +
 +
}
 +
 +
}

Latest revision as of 23:11, 28 January 2011

Esta aplicação consiste num site. E visa manter informada a parte da população que gosta e segue esta vertente da música pesada que é o Hardcore.


LOGOTIPO DA APLICAÇÃO


Contents

Informações Gerais do Projecto

Autor

Dada a impossibilidade de realizar este projecto num grupo de cinco pessoas, optei por realizé-lo sozinho.

60582 - Fábio Silva

Conceito

Modo de Distibuição:

A aplicação é um website e como tal será distribuída on-line.


Imagem da página principal
Imagem da página com alguns links para sites de bandas portuguesas.

Público Alvo:

Fãs desta vertente da música.


Objectivo:

Constante informação sobre o movimento do Hardcore em Portugal.


Arborescência

Arborescencia.png

Diário de Bordo

23 de Janeiro

Decisão sobre o tema e inicio do projecto.

24 de Janeiro

Recolha de informação e análise de sites/aplicações multimedia de objectivos semelhantes.

25 de Janeiro

Inicio da construção da Aplicação no Flash.

26 de Janeiro

Continuação do desenvolvimento da aplicação.

27 de Janeiro

Continuação do desenvolvimento da aplicação.

28 de Janeiro

Finalização e entrega do projecto

Relatório

Apresentação do Projecto

O “Hardcore Portugal” é um projecto que visa manter uma fonte constante de informação sobre o movimento hardcore em Portugal. Sendo assim, além de ter uma página actualizada com as últimas notícias também dispões de uma página para fazer reviews dos últimos lançamentos portugueses.

Como dito anteriormente, a página principal é dedicada a notícias. Existem duas páginas inteiramente dedicadas ao hardcore português com reviews de álbuns e hiperligações para os myspaces das principais bandas. Há também uma página que lista os próximos shows que vão haver em Portugal. Existe uma página dedicada a hiperligações para fóruns, promotores de eventos e websites de fotografia dedicados ao hardcore. Para completar existem duas páginas, Contactos e Acerca, a primeira têm ligações para e-mails e páginas nas redes sociais alusivos ao projecto (de salientar que estes endereços são fictícios).

Para terminar, existe um pequeno reprodutor de músicas no fundo da página com quatro músicas de bandas portuguesas.


Análise e Planeamento

Sendo eu um fã deste estilo de música, sei que existe falta de informação em Portugal, e como tal, depois de ter chumbado na época normal, foi a primeira coisa que pensei em fazer também porque pensei que seria relativamente fácil, apesar de se mostrar bem mais complicado do que imaginei.

Para tal, visitei várias páginas dentro do mesmo tema, de forma a recolher informações sobre a composição das páginas e temas visuais. Depois de escolher a estrutura do website, que pode ser consultado no separador da Estrutura Arborescente, escolhi também as cores a serem usadas.


Desenho Funcional

Requisitos funcionais

• Animação de entrada com o titulo no canto superior direito, uma imagem no canto inferior esquerdo e o botão Entrar entre dois X’s símbolo característico do Hardcore e Straight Edge;

• Menu principal com notícias e ainda uma barra permanente de menu com sete botões para as diferentes páginas;

• Pequeno reprodutor de música permanentemente visível e centrado ao fundo da página;

• Menu Reviews com reviews de alguns álbuns lançados recentemente;

• Menu Shows com uma lista dos próximos concertos em Portugal, além de do lado esquerdo passar os respectivos flyers de baixo para cima;

• Menu Bandas, com links para as páginas do myspace das principais bandas portuguesas de hardcore;

• Menu Links, possui diversos links para sites, promotoras e sites de fotografia relacionados com hardcore;

• Menu Contactos, apresenta várias hipóteses de contactar o autor, nomeadamente através de e-mail ou redes sociais. Os links nesta página são fictícios;

• Menu Acerca, neste menu é apresentada o porquê da aplicação e ainda dado os devidos créditos aos donos e autores das fotos, músicas e fonts usadas na aplicação;


Estrutura arborescente

Arborescencia.png

A aplicação começa com uma pequena introdução e com um Butão que no redirecciona para a Página Principal, a partir de lá podemos aceder a todas as outras páginas. A página Reviews tem ainda quatro sub-páginas. Todas as outras páginas excepto Shows e Acerca possuem links externos.


Desenho de interacção e usabilidade

A aplicação é homogénea, sendo assim usa basicamente em todas as páginas o mesmo layout. É de fácil interactividade, visto que é baseada em botões e menus pop-up. Considera-se que esteja integrada no paradigma de interacção por Index.

Todos os menus são rapidamente acessíveis, visto a estrutura não ser muito profundo contendo apenas duas camadas.


Desenho técnico

No desenvolvimento da aplicação foram usadas diversas aplicações nomeadamente Adobe Flash CS3 na concepção geral da aplicação, Adobe Illustrator CS3 e Adobe Photoshop CS3 na edição e tratamento de imagens e ainda o Audacity para tratar as músicas inseridas na aplicação.


Produção do projecto

Estrutura e meios de navegação/interacção

Nesta aplicação a estrutura de navegação é bastante simples, visto todos os menus estarem permanentemente disponíveis. Além disso todos os botões de manipulação do som, estão também sempre disponíveis.

Ao entrar na aplicação existe uma pequena animação com metade do logo a vir da direita e a juntar-se a outra metade já presente no stage. Depois de carregar no botão entrar temos todos os menus acessíveis a partir de uma barra junto ao logo.


Integração e controlo do som

Na manipulação de som, temos vários botões. Play e Pause, alternando a visibilidade entre eles, como o próprio nome indica faz a música parar e continuar, Avançar e Retroceder avança ou retroceda um item na playlist, Aumentar Som e Diminuir Som, aumenta e diminui em som aos 20% de cada vez.


Animação

A animação depende essencialmente do que aprendi este ano, ou seja Motion Tween e Shape Tween. Aparecem várias vezes nomeadamente com o logo do projecto. É também usado para dar ou tirar transparência a certos objectos. São usados também alguns Movie Clips.


Soluções técnicas adoptadas para resolução de problemas

Os maiores problemas com que me deparei foram na utilização de algumas funções no flash, apesar de saber que existem devido a ter alguns conhecimentos em c++ e c#, mas nada que uma pequena pesquisa na internet ou mesmo tirando dúvidas com alguns colegas não resolvesse.


Conclusão

Reflexão crítica

Na minha opinião, acho que com um pouco mais de tempo poderia ter explorado mais a interactividade e a animação também. Mas com um prazo tão apertado como este, não consegui mais que este resultado final.

Penso ainda que, apesar de ser uma aplicação que já existem bastantes na internet, não há nenhuma mesmo focada em Portugal e que com um pouco trabalho nela, poderia até vir a ser um projecto rentável baseado na publicidade.


Sugestões para o aperfeiçoamento e/ou desevolvimento futuro do projecto

Acho que se houvesse um futuro desenvolvimento do projecto teria de se melhorar as animações principalmente, pois o pouco tempo disponível e também os conhecimentos limitados de flash não permitirem grandes animações.


Referencias Web e bibliográficas

Aplicações semelhantes e recolha de informação

http://www.epitaph.com

http://www.metalcorefanzine.com

http://punkhardcore.com.au

Ajuda em programação flash

http://www.actionscript.org

http://www.gotoandlearn.com


Anexos

Programação botões de manipulação do som

Botão Play

on(release){

if (pauseTime==undefined)

{

musicas[n].start();

bplay._visible = true;

bpause._visible = false;

}

else

musicas[n].start(pauseTime/1000);

bplay._visible=false;

bpause._visible=true;

}

Botão Pause

on(release){

pauseTime = musicas[n].position;

musicas[n].stop();

bpause._visible = false;

bplay._visible = true;

}

Botão Avançar

on(release){

if (n == 4)

{

musicas[n].stop()

n = 1;

musicas[n].start()

} else {

musicas[n].stop()

n = n +1 ;

musicas[n].start()

}

bplay._visible=false;

bpause._visible=true;

}

Botão retroceder

on(release){

if (n == 1){

musicas[n].stop()

n = 4;

musicas[n].start()

} else {

musicas[n].stop()

n = n - 1;

musicas[n].start()

}

bplay._visible=false;

bpause._visible=true;

}

Aumetar som

on(release){

i = musicas[n].getVolume(musicas[n]);

if((i>=0)&&(i<100)){

i= i + 20;

musicas[n].setVolume(i);

trace("i="+i);

}

}

Diminuir som

on(release){

i = musicas[n].getVolume();

if((i>0)&&(i<=100)){

i = musicas[n].getVolume();

i = i - 20;

musicas[n].setVolume(i);

}

}

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