Square

Edição actual desde as 12h59min de 31 de Janeiro de 2012

O trabalho é realizado por Gonçalo Marques - NºMEC 64302

Memória Descritiva

Dado que o tema é livre, optei por criar um cliente fictício da aplicação, a banda Square. O projecto consiste em desenvolver uma aplicação sobre a banda, e fornecer informação sobre esta destinada a fãs e aos media. As informações fornecidas serão a história da banda, as biografias dos elementos, a agenda e fotografias. Haverá também uma espécie de jogo em que se pode controlar uma banda virtual enquanto a música é criada. A aplicação multimédia será para distribuição online.

Diário de bordo

23- Janeiro - Foram estabelecidas as principais ideias do trabalho, comecei a fazer o rascunho do aspecto visual

24- Janeiro- O trabalho já está a ser animado e código já está a ser implementado em flash, para funções básicas de navegação da aplicação.

25- Janeiro - tive problemas em fazer um scroll no texto da secção "Sobre os Square". A minha ideia inicial seria criar um objecto de tipo graphic, com uma mask que limitava a área visível do texto, e criando um botão Drag com Snaptogrid, que não consegui fazer. Optei por um método mais fácil, criei uma caixa de texto tipo Dinamic Text e criei dois botões para navegar no texto.

26- Aproximadamente metade do trabalho já está feita, está aqui um preview do trabalho em JPG

27- Estive a trabalhar com o som, e para o utilizador poder tirar a música de fundo ou controlá-la sem modificar os valores dos sons da navegação, declarei as variáveis de som em movieclips, para que os códigos setVolume, stop e start sejam direcionados apenas dentro do movieclip criado para cada som.

29- O trabalho está quase concluido, só falta desenvolver a aplicação que me permite controlar varias instancias de som.

30- Não consegui desenvolver a aplicação de controlo de som.

Relatório

Apresentação do projecto

O projecto é uma aplicação multimédia interativa que serve para publicitar uma banda fictícia chamada Square. Dentro da aplicação será possível consultar conteúdo como a identidade dos Square, fotografias da banda, discografia, com possibilidade de ouvir vários temas, e uma agenda com as actuações. Tem também uma aplicação em que se pode controlar um tema da banda através de loops de som feitos no programa Cubase, englobando vários ritmos de música.

É uma aplicação para distribuição online.

Desenho Funcional

Requisitos funcionais - Dentro da aplicação terá que ser possível navegar e voltar sempre ao menu, e a partir do menu aceder à galeria, à informação sobre a banda, à agenda, à discografia.

Estrutura Arborescente Composta aqui

Desenho de interação e usabilidade - Dado que é importante uma resposta da aplicação a todas as ações do utilizador, os botões fazem highlights quando passamos o rato por cima, ou estão assinalados com uma estética própria, como na agenda em que os dias marcados tem uma cor diferente.

Desenho Técnico - A aplicação foi desenhada no Illustrator e a partir da programação de código AS2 desenvolveu-se a interatividade.

Produção do Projecto

Integração e controlo de som - Se declararmos multiplas variáveis de som e quisermos reduzir o volume de apenas uma delas, o flash reduz o som de todas (através do comando ._setVolume=(valor);).

Contudo, se declararmos as variáveis dentro de MovieClips, podemos controlar o som de cada uma delas, através do comando nomeinstanciamovieclip.nomevariavelsom._setVolume("valor");

Ao escrever o código desta maneira tem que se ter o cuidado de escrever o código relativamente a cada som referindo o seu movieclip.

Animação

Nesta aplicação há várias animações, porém são bastante simples. Nos botões, a reação após o release é levar a cabeça de leitura para uma frame na timeline que anima o botão, transferindo-o para outra parte do ecrã, oferecendo dinâmica ao trabalho. Na Galeria, as fotografias estão num movieclip, que está atrás de uma máscara no stage.

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

1 - Na Galeria, é possível clicar no movieclip e este tornar-se maior. Ao ínicio na frame actions implementei o código para o movieclip grande ficar com a categoria visible em 0. porém, como queria que as duas galerias ficassem sincronizadas, a categoria visible em false impedia que o rollover do botão transparente parasse o movieclip maior. Este problema foi resolvido em implementar o código que mudava a propriedade alpha do movieclip maior - assim, ele continuava mesmo não sendo visível

2 - Na secção Sobre os Square, queria implementar um scroll com uma barra de navegação desenhada por mim. porém, como não descobri a tempo como fazer o Drag e o snaptogrid dessa barra, inseri uma caixa de texto dinamico com o nome de instancia "scrollbar" e implementei o código em dois botões scrollbar.scroll - =1; e scrollbar.scroll + = 1; para permitir navegar no texto.

3 -

Sugestões para o melhoramento futuro do projecto

Este trabalho ficou aquém das espectativas por não ter conseguido resolver o problema da aplicação onde se poderia controlar o som para "criar" um tema da banda a partir de loops compostos, seria declarada uma variável de som com a duração do loop chamada timeline e todos os outros sons teriam início a partir do código

timeline.onSoundComplete= function () {

som.start("linkage"); }.

Contudo, por vezes este sistema funcionou e outras vezes não, por razões que desconheço, e não consegui pôr a trabalhar como queria.

Ficheiro com os websites de onde tirei as fotografias e os tutoriais aqui