Ikob

Da Lab. Multimédia 1
(Diferença entre edições)
Ir para: navegação, pesquisa
(→Apresentação do projecto)
 
(26 edições intermédias de um utilizador não apresentadas)
Linha 1: Linha 1:
−
__TOC__
+
[[FILE:Logo ikob.png]] __TOC__
  
 
== Constituição do Grupo ==
 
== Constituição do Grupo ==
Linha 18: Linha 18:
  
 
== Estado da arte ==
 
== Estado da arte ==
 +
 +
Para melhor conceber a aplicação "ikob", foi necessário um trabalho prévio de pesquisa em sites de artistas que seguissem o mesmo género músical. Esta fase foi muito importante porque alertou-me para a forma como estes se comportavam, qual a sua linguagem visual e quais os seus conteúdos.
 +
Os sites dos "the Knife" e dos "kraftwerk" foram uma grande fonte de inspiração para a realização da aplicação "ikob".
 +
 +
The Knfie - http://theknife.net/news/
 +
 +
kraftwerk - http://www.kraftwerk.com/
 +
 +
== Diário de bordo ==
 +
 +
'''Segunda-feira dia 28 Janeiro'''
 +
 +
Neste dia realizei um trabalho de pesquisa, em sites que abordam as mesmas areas temáticas da aplicação "ikob". Observei a forma como estes se comportavam e a qual a sua linguagem visual.
 +
 +
 +
'''Terça-feira dia 29 Janeiro'''
 +
 +
Neste dia comecei a pensar como seria a aplicação, e fiz os primeiros desenhos em papel.
 +
 +
<gallery>
 +
File:Primeiro desenho ikob.jpg|Primeiro esboço<br/>
 +
</gallery><br/>
 +
 +
'''Quarta-feira dia 30 Janeiro'''
 +
 +
Comecei a desenhar a aplicação no ''illustrator''.
 +
 +
<gallery>
 +
File:trabalho_ai_ikob.png|Desenho da aplicação<br/>
 +
</gallery><br/>
 +
 +
'''Quinta-feira dia 31 Janeiro'''
 +
 +
Terminei os trabalhos de ''Illustrator'', de seguida comecei a pensar em qual as musicas que iria utilizar na minha aplicação. Terminada essa tarefa tratei alguns sons no ''Audacity'', para melhor se encaixarem na aplicação "ikob"
 +
 +
<gallery>
 +
File:Sons ikob.png|escolha das músicas<br/>
 +
File:Trabalhos audacity ikob.png|edição em audacity<br/>
 +
</gallery><br/>
 +
 +
'''Sexta-feira dia 1 Fevereiro'''
 +
 +
Neste dia iniciei os trabalhos ao nível do ''Flash''
 +
 +
<gallery>
 +
File:Trabalhos flash ikob.png|inicio dos trabalhos em Flash<br/>
 +
</gallery><br/>
 +
 +
'''Sábado dia 2 de Fevereiro e Domingo dia 3'''
 +
 +
Durante estes dois dias continuei com os trabalhos em ''Flash'', dando por terminada a tarefa domingo ao final da tarde.
 +
 +
'''Segunda dia 4 Fevereiro'''
 +
 +
Inicio do relatório e conclusão do relatório do projecto "ikob". Desenvolvimento da página do projecto na wiki. Conclusão de todos os trabalhos.
 +
 +
 +
== Relatório ==
 +
 +
'''1. Apresentação do projecto '''<br/>
 +
 +
O projecto "ikob" tem como principal objectivo dar o conhecer o artista (ficticio) com o mesmo nome. Servindo-se do suporte on-line para mais rapidamente se difundir e chegar a seus fans. Sempre fui um grande apreciador de produtores de música electrónica e poder realizar um aplicação sobre um desses artistas foi para mim uma grande motivação. A aplicação aborda o artista, seus trabalhos e contactos.
 +
 +
----
 +
 +
'''2. Análise e planeamento '''<br/>
 +
 +
Como sempre fui um apreciador de música electronica, a ideia de criar uma aplicação que de alguma forma se relaciona-e com esta temática sempre esteve bem presente. Como o tema do projecto de laboratório multimedia 1 era livre, rápidamente comecei a pensar em desenvolver esta ideia.
 +
Em primeiro lugar procurei em sites de artistas que aprecio, e que de certa forma se assemelhariam ao que "ikob" seria, tanto na musica produzida como na forma como o site destes se comporta a nível funcional e visual. Os sites de artistas como ''the Knife'', ''Kid koala'', ''Royksopp'' e ''kraftwerk'', foram visualizados na tentativa de melhor perceber como estes se organizam e qual a sua linguagem visual. Concluí que em alguns dos casos a navegação nos mesmos não era de todo intuitiva, a linguagem visual era por vez exuberante, cheio de cores e contras-tes. Isto fez-me perceber que os artistas seguem nos seus sites a mesma forma de estar na vida e na música. Foi então que comecei a pensar como seria a aplicação "ikob", e foi nesta fase que decidi que o '''paradigma de interacção seria do tipo ambiente''' (inicialmente não foi definido na página da wiki este facto, mas aqui fica a actualização), que o site seria fácil de utilizar, mas que o utilizador precisaria de se "mexer", isto é, é necessário que o utilizador vai movendo o rato para se aperceber onde se encontram os conteúdos.
 +
A aplicação foi desenvolvida para todas as idades, embora exista a consciencia que é necessário algum desenvolvimento cognitivo da parta do utilizador para navegar nesta. Os conteúdos e linguagem visual foram criados sempre destinados ao público apreciador do artista, desta forma estes rápidamente ligam a aplicação ao artista.
 +
Definidos estes aspectos foi altura de escolher qual a tipografia que compõe a aplicação, a escolha recaiu sobre o estilo "OCR A STD", esta é um tipo de letra bastante frio que entra em conformidade com o resto da linguagem visual do site, criando assim um cenário frio e mecanizado. As cores escolhidas foram o azul, amarelo, verde, vermelho, branco e preto, mais uma vez a ideia de criar algo parecido com uma maquina é aqui conseguido através da utilização de cores sólidas.
 +
De salientar uma vez mais que o processo inicial de pesquisa(estado da arte) teve uma grande importancia para o desenvolvimento da aplicação "ikob".
 +
 +
----
 +
 +
'''3. Desenho funcional'''<br/>
 +
 +
'''3.1 Requisitos funcionais''' <br/>
 +
 +
Toda a aplicação foi idealizada e concebida para proporcionar o máximo de prazer e entretenimento aos utilizadores. No entanto esta também foi pensada para ser desafiante, ou seja, os utilizador precisa de mexer o rato para dessa forma começarem a aparecer informação na aplicação, e só dessa forma o utilizador vai ter acesso a conteúdos. Es metodo foi pensado para que o utilizador sinta desejo em explorar a aplicação, conseguindo visitar todos os recantos da mesma. O público alvo foi uma vez mais tido em conta, por isso a linguagem visual assume uma grande força em todo o funcionamento da aplicação e serve de base a tudo o que acontece em "ikob".´E possível visualizar todos os conteúdos da aplicação com cerca de 4 a 5 cliques, o que por si só não provoca nenhuma confusão ao utilizador, facilita sim a sua navegação.
 +
 +
'''3.2 Estrutura arborescente'''
 +
 +
Esta é a estrutura arborescente da aplicação "ikob". o utilizador tem de navegar sempre em profundidade, e precisa de voltar sempre ao menu para alterar qual o conteúdo a consultar.
 +
 +
<gallery>
 +
File: Arborescencia ikob.png| Arborescência da aplicação  <br/>
 +
</gallery><br/>
 +
 +
 +
'''3.3 Desenho de interacção e usabilidade'''
 +
 +
Nesta fase do projecto foi-me uma vez mais necessário recordar conteúdos programáticos já adquiridos, tanto em laboratório multimédia 1 como em disciplinas do campo da ergonomia. Todo o desenho da aplicação foi pensado de forma a que utilizador não seja forçado a pensar ou a decorar um determinado caminho para aceder a um conteúdo. Basta mexer o rato para utilizador rápidamente se aperceber onde se encontra a informação.  Os factores relacionados com a usabilidade assumiram também eles uma clara importância ao longo do desenvolvimento de todo o projecto, estes foram sempre tidos em conta. Tive bastante atenção ao que Nielsen disse “a usabilidade assumiu uma importância muito maior na economia da Internet do que no passado. No desenvolvimento de produto físico tradicional, os clientes só experimentavam a usabilidade do produto quando já o tinham comprado e pagado. Actualmente, grande parte dos designers e programadores, que no passado ignoravam as directrizes de usabilidade, hoje voltam suas atenções para o desenvolvimento de sistemas considerando os aspectos da usabilidade.”, e dessa forma as suas heurísticas ajudaram-me uma vez mais a melhor conceber a aplicação, de destacar:''' 1)'''''' visibilidade do estado do sistema''', isto é, é necessário que o utilizador se aperceba sempre do que está a acontecer, para isso é preciso que as suas acções obtenham um feedback necessário. '''2) compatibilidade do sistema com o mundo real''', isto não é mais do que a não utilização de termos ou expressões em menus ou elementos de navegação que sejam estranhos ao chamado modelo mental do utilizador. '''3) liberdade e controlo do utilizador''', aqui é pretendido que sempre que o utilizador for consultar informações que não eram as pretendidas, este possa rapidamente desfazer a sua acção e voltar a escolher o que pretende, sem grandes necessidades de existir perda de tempo ou desorientação para o utilizador. '''5) flexibilidade e eficiência de uso''', como esta heurística pretende-se que a navegação na aplicação seja fácil e intuitiva para utilizadores com pouca experiencia mas ao mesmo tempo ofereça uma navegação ágil a utilizadores com mais experiencia e que estejam mais familiarizados com as novas tecnologias.''' 6) estética e design minimalistas''', aqui é pretendido que a aplicação ofereça uma linguagem que não vá “sobrecarregar” o utilizador com informações “inúteis”, todo na aplicação deve ser simples, directo e natural, e parecer apenas nos momentos em que são indispensáveis.
 +
 +
'''4. Desenho Técnico''' <br/>
 +
 +
Todos os aspectos foram tidos em conta, por isso no que ao desenho técnico diz respeito, todos os menus da aplicação se encontram facilmente, o utilizador em segundos se apercebe onde se encontra a informação. Os botões que asseguram funções na aplicação (voltar ao menu principal, e controlo de som) encontram-se numa barra estática, que se destaca de outros conteúdos, para que o utilizador os possa utilizar sem qual quer tipo de problemas, proporcionando assim uma navegação agradável e sem percalços.
 +
 +
 +
----
 +
'''5. Produção do projecto'''<br/>
 +
 +
'''5.1 Estrutura e meios de navegação/interacção'''  <br/>
 +
 +
A aplicação começa com uma pequena animação, ouve-se uma musica de fundo e algumas cores sofrem um efeito de ''alpha'', esta termina com o aparecimento do botão de entrar e com o terminar do som inicialmente reproduzido. Ao clicar no botão entrar o utilizador entra no menu da aplicação. Aí não aparece nada escrito, apenas são visíveis quatro rectângulos, cada um com uma cor e uma barra rectangular bor baixo destes de cor preta. No entanto assim que o utilizador mexer o rato em cima de cada quadrado vai aparecer escrito qual o conteúdo que este contém, e com um clique em cima deste o utilizador avança para dentro desse botão e visualiza o seu conteúdo. Existem quatro botões que dizem respeito a quatro categorias da aplicação, sendo estes noticias, musica, videos e contacto. Existe ainda o botão de menu, que so aparece quando o utilizador se encontra a consultar um conteúdo da aplicação, ao clicar neste o utilizador volta ao menu principal da aplicação. Só existe um botão visível durante toda a aplicação, expecto no intro, que é o botão de controlo de som, onde é possível ao utilizador ligar ou desligar a música de fundo que acompanha a aplicação. 
 +
O paradigma de navegação é do tipo '''Ambiente''', ou seja existem metáforas gráficas embutidas em botões clicáveis, que realizam todas as operações disponíveis na aplicação.
 +
 +
'''5.2 Integração e controlo de som''' <br/>
 +
 +
A musica que toca durante toda a aplicação foi programado com o seguinte código : <br/>
 +
 +
var som_fundo:Sound=new Sound();<br/>
 +
som_fundo.attachSound("som_fundo");<br/>
 +
som_fundo.start();<br/>
 +
 +
para desligar a musica de fundo da aplicação foi utilizado o seguinte código:<br/>
 +
 +
on (release){ <br/>
 +
 +
som_fundo.stop();<br/>
 +
som_on._visible=true;<br/>
 +
som_off._visible=false;<br/>
 +
 +
}<br/>
 +
 +
para ligar a musica de fundo da aplicação foi utilizado o seguinte código:<br/>
 +
 +
on (release){ som_fundo.start();<br/>
 +
som_off._visible=true;<br/>
 +
som_on._visible=false;}<br/>
 +
 +
 +
'''5.3 Animação  '''<br/>
 +
 +
A aplicação começa logo com uma animação que surge como uma “introdução” a todo o resto. As técnicas de animação utilizadas foram “roll overs”, animação “frame a frame”, animação de “Motion Tween” e animação de "alpha".
 +
 +
 +
'''5.4 Soluções técnicas adoptadas para a resolução de problemas '''<br/>
 +
 +
Durante a realização do projecto "ikob" deparei-me com algumas dificuldades, no entanto os conteúdos aprendidos durante as aulas de laboratório multimedia 1 foram bastante úteis para as ultrapassar. Com a ajuda da internet também consegui encontrar resposta a essas dificuldades, a exemplo disso foi a implementação de um scrollbar para visualizar um texto e a integração de um video na aplicação, a inicio não sabia como se fazia, mas após algum trabalho de pesquisa na web, rápidamente descobri, em ambos os casos o próprio ''flash'' já possui essas duas funcionalidades.
 +
 +
 +
----
 +
'''6. Conclusões'''<br/>
 +
 +
'''6.1 Reflexão Crítica '''<br/>
 +
 +
Estes projecto serviu essencialmente para por em prática toda os conhecimentos adquiridos ao longa da unidade curricular. Esses conhecimentos adquiridos foram extremamente úteis, mas mesmo assim necessitei de “perder” algumas horas, pesquisando novos conteúdos e competências para assim tornar este projecto no melhor possível.
 +
Tudo isto serviu para me deixar mais bem preparados para possíveis projectos, tanto a nível académico como profissional.
 +
Desenvolvi capacidades de organização e gestão de tempo, o que num futuro próximo me poderão ser bastante úteis.
 +
 +
'''6.2 Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto'''<br/>
 +
 +
Praticamente todos os objectivos a que inicialmente me propus foram alcançados, no entanto este projecto poderia ser melhorado. Um dos pontos poderia desenvolver um player, que embutido na aplicação, faria com que o utilizador consegui-se assim ouvir as musicas do artista de uma forma mais organizada, quem sabe até fazer o download dessas músicas, tudo isto dentro da aplicação.
 +
 +
 +
----
 +
'''7. Referencias Web e bibliográficas'''<br/>
 +
 +
Páginas Web consultadas para a realização do projecto: <br/>
 +
-> http://pt.wikipedia.org/wiki/Heur%C3%ADsticas_de_Nielsen<br/>
 +
-> http://www.agner.com.br/download/pucrio/06SantaRosa1.pdf<br/>
 +
-> http://www.flashkit.com/<br/>
 +
-> http://theknife.net/news/<br/>
 +
-> http://www.kraftwerk.com/<br/>
 +
-> http://kidkoala.com/<br/>
 +
-> http://royksopp.com/<br/>
 +
-> http://www.myspace.com/alaskainwinter<br/>
 +
 +
 +
----
 +
'''8. Anexos'''
 +
 +
Algumas imagens do desenvolvimento do trabalho:
 +
 +
<gallery>
 +
File:Ikob 1.png |Desenvolvimento do projecto em Flash<br/>
 +
FIle:Ikob 2.png |Desenvolvimento do projecto em Flash<br/>
 +
File:Ikob 3.png |Desenvolvimento do projecto em Flash<br/>
 +
</gallery><br/>

Edição actual desde as 01h58min de 5 de Fevereiro de 2013

Logo ikob.png

Índice


Constituição do Grupo

43901 André Arromba

Memória Descritiva

Tema - Musica
Área de conteúdo - Marketing
Para quem se destina - Todos os amantes do artista ikob (todas as idades)
Forma de distribuição - on-line
Paradigma de interacção - ambiente, tutorial e index

Apresentação do projecto

A aplicação ikob, trata-se de uma aplicação on-line, que não é mais do que o site do artista com o mesmo nome (ikob). O site tem por objectivo dar a conhecer o artista e seus trabalhos (quer em estudio quer ao vivo). Tradando-se de um artista ficticio, todos os videos e musicas utilizados na aplicação pertencem a outros artistas, apenas foram utilizados, primeiramente porque o estilo de musica que "ikob" poderia produzir se assemelharia aos originais (no seu estilo musical) e em segundo porque estes foram previamente estudados através da visualização dos seus sites, para assim melhor perceber como se comportam e o que oferecem aos seus utilizadores, para que a página de "ikob" mante-se a mesma linha visual e operacional, dentro de um determinado contexto musical.

Estado da arte

Para melhor conceber a aplicação "ikob", foi necessário um trabalho prévio de pesquisa em sites de artistas que seguissem o mesmo género músical. Esta fase foi muito importante porque alertou-me para a forma como estes se comportavam, qual a sua linguagem visual e quais os seus conteúdos. Os sites dos "the Knife" e dos "kraftwerk" foram uma grande fonte de inspiração para a realização da aplicação "ikob".

The Knfie - http://theknife.net/news/

kraftwerk - http://www.kraftwerk.com/

Diário de bordo

Segunda-feira dia 28 Janeiro

Neste dia realizei um trabalho de pesquisa, em sites que abordam as mesmas areas temáticas da aplicação "ikob". Observei a forma como estes se comportavam e a qual a sua linguagem visual.


Terça-feira dia 29 Janeiro

Neste dia comecei a pensar como seria a aplicação, e fiz os primeiros desenhos em papel.


Quarta-feira dia 30 Janeiro

Comecei a desenhar a aplicação no illustrator.


Quinta-feira dia 31 Janeiro

Terminei os trabalhos de Illustrator, de seguida comecei a pensar em qual as musicas que iria utilizar na minha aplicação. Terminada essa tarefa tratei alguns sons no Audacity, para melhor se encaixarem na aplicação "ikob"


Sexta-feira dia 1 Fevereiro

Neste dia iniciei os trabalhos ao nível do Flash


Sábado dia 2 de Fevereiro e Domingo dia 3

Durante estes dois dias continuei com os trabalhos em Flash, dando por terminada a tarefa domingo ao final da tarde.

Segunda dia 4 Fevereiro

Inicio do relatório e conclusão do relatório do projecto "ikob". Desenvolvimento da página do projecto na wiki. Conclusão de todos os trabalhos.


Relatório

1. Apresentação do projecto

O projecto "ikob" tem como principal objectivo dar o conhecer o artista (ficticio) com o mesmo nome. Servindo-se do suporte on-line para mais rapidamente se difundir e chegar a seus fans. Sempre fui um grande apreciador de produtores de música electrónica e poder realizar um aplicação sobre um desses artistas foi para mim uma grande motivação. A aplicação aborda o artista, seus trabalhos e contactos.

2. Análise e planeamento

Como sempre fui um apreciador de música electronica, a ideia de criar uma aplicação que de alguma forma se relaciona-e com esta temática sempre esteve bem presente. Como o tema do projecto de laboratório multimedia 1 era livre, rápidamente comecei a pensar em desenvolver esta ideia. Em primeiro lugar procurei em sites de artistas que aprecio, e que de certa forma se assemelhariam ao que "ikob" seria, tanto na musica produzida como na forma como o site destes se comporta a nível funcional e visual. Os sites de artistas como the Knife, Kid koala, Royksopp e kraftwerk, foram visualizados na tentativa de melhor perceber como estes se organizam e qual a sua linguagem visual. Concluí que em alguns dos casos a navegação nos mesmos não era de todo intuitiva, a linguagem visual era por vez exuberante, cheio de cores e contras-tes. Isto fez-me perceber que os artistas seguem nos seus sites a mesma forma de estar na vida e na música. Foi então que comecei a pensar como seria a aplicação "ikob", e foi nesta fase que decidi que o paradigma de interacção seria do tipo ambiente (inicialmente não foi definido na página da wiki este facto, mas aqui fica a actualização), que o site seria fácil de utilizar, mas que o utilizador precisaria de se "mexer", isto é, é necessário que o utilizador vai movendo o rato para se aperceber onde se encontram os conteúdos. A aplicação foi desenvolvida para todas as idades, embora exista a consciencia que é necessário algum desenvolvimento cognitivo da parta do utilizador para navegar nesta. Os conteúdos e linguagem visual foram criados sempre destinados ao público apreciador do artista, desta forma estes rápidamente ligam a aplicação ao artista. Definidos estes aspectos foi altura de escolher qual a tipografia que compõe a aplicação, a escolha recaiu sobre o estilo "OCR A STD", esta é um tipo de letra bastante frio que entra em conformidade com o resto da linguagem visual do site, criando assim um cenário frio e mecanizado. As cores escolhidas foram o azul, amarelo, verde, vermelho, branco e preto, mais uma vez a ideia de criar algo parecido com uma maquina é aqui conseguido através da utilização de cores sólidas. De salientar uma vez mais que o processo inicial de pesquisa(estado da arte) teve uma grande importancia para o desenvolvimento da aplicação "ikob".

3. Desenho funcional

3.1 Requisitos funcionais

Toda a aplicação foi idealizada e concebida para proporcionar o máximo de prazer e entretenimento aos utilizadores. No entanto esta também foi pensada para ser desafiante, ou seja, os utilizador precisa de mexer o rato para dessa forma começarem a aparecer informação na aplicação, e só dessa forma o utilizador vai ter acesso a conteúdos. Es metodo foi pensado para que o utilizador sinta desejo em explorar a aplicação, conseguindo visitar todos os recantos da mesma. O público alvo foi uma vez mais tido em conta, por isso a linguagem visual assume uma grande força em todo o funcionamento da aplicação e serve de base a tudo o que acontece em "ikob".´E possível visualizar todos os conteúdos da aplicação com cerca de 4 a 5 cliques, o que por si só não provoca nenhuma confusão ao utilizador, facilita sim a sua navegação.

3.2 Estrutura arborescente

Esta é a estrutura arborescente da aplicação "ikob". o utilizador tem de navegar sempre em profundidade, e precisa de voltar sempre ao menu para alterar qual o conteúdo a consultar.



3.3 Desenho de interacção e usabilidade

Nesta fase do projecto foi-me uma vez mais necessário recordar conteúdos programáticos já adquiridos, tanto em laboratório multimédia 1 como em disciplinas do campo da ergonomia. Todo o desenho da aplicação foi pensado de forma a que utilizador não seja forçado a pensar ou a decorar um determinado caminho para aceder a um conteúdo. Basta mexer o rato para utilizador rápidamente se aperceber onde se encontra a informação. Os factores relacionados com a usabilidade assumiram também eles uma clara importância ao longo do desenvolvimento de todo o projecto, estes foram sempre tidos em conta. Tive bastante atenção ao que Nielsen disse “a usabilidade assumiu uma importância muito maior na economia da Internet do que no passado. No desenvolvimento de produto físico tradicional, os clientes só experimentavam a usabilidade do produto quando já o tinham comprado e pagado. Actualmente, grande parte dos designers e programadores, que no passado ignoravam as directrizes de usabilidade, hoje voltam suas atenções para o desenvolvimento de sistemas considerando os aspectos da usabilidade.”, e dessa forma as suas heurísticas ajudaram-me uma vez mais a melhor conceber a aplicação, de destacar:' 1)' visibilidade do estado do sistema, isto é, é necessário que o utilizador se aperceba sempre do que está a acontecer, para isso é preciso que as suas acções obtenham um feedback necessário. 2) compatibilidade do sistema com o mundo real, isto não é mais do que a não utilização de termos ou expressões em menus ou elementos de navegação que sejam estranhos ao chamado modelo mental do utilizador. 3) liberdade e controlo do utilizador, aqui é pretendido que sempre que o utilizador for consultar informações que não eram as pretendidas, este possa rapidamente desfazer a sua acção e voltar a escolher o que pretende, sem grandes necessidades de existir perda de tempo ou desorientação para o utilizador. 5) flexibilidade e eficiência de uso, como esta heurística pretende-se que a navegação na aplicação seja fácil e intuitiva para utilizadores com pouca experiencia mas ao mesmo tempo ofereça uma navegação ágil a utilizadores com mais experiencia e que estejam mais familiarizados com as novas tecnologias. 6) estética e design minimalistas, aqui é pretendido que a aplicação ofereça uma linguagem que não vá “sobrecarregar” o utilizador com informações “inúteis”, todo na aplicação deve ser simples, directo e natural, e parecer apenas nos momentos em que são indispensáveis.

4. Desenho Técnico

Todos os aspectos foram tidos em conta, por isso no que ao desenho técnico diz respeito, todos os menus da aplicação se encontram facilmente, o utilizador em segundos se apercebe onde se encontra a informação. Os botões que asseguram funções na aplicação (voltar ao menu principal, e controlo de som) encontram-se numa barra estática, que se destaca de outros conteúdos, para que o utilizador os possa utilizar sem qual quer tipo de problemas, proporcionando assim uma navegação agradável e sem percalços.


5. Produção do projecto

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

A aplicação começa com uma pequena animação, ouve-se uma musica de fundo e algumas cores sofrem um efeito de alpha, esta termina com o aparecimento do botão de entrar e com o terminar do som inicialmente reproduzido. Ao clicar no botão entrar o utilizador entra no menu da aplicação. Aí não aparece nada escrito, apenas são visíveis quatro rectângulos, cada um com uma cor e uma barra rectangular bor baixo destes de cor preta. No entanto assim que o utilizador mexer o rato em cima de cada quadrado vai aparecer escrito qual o conteúdo que este contém, e com um clique em cima deste o utilizador avança para dentro desse botão e visualiza o seu conteúdo. Existem quatro botões que dizem respeito a quatro categorias da aplicação, sendo estes noticias, musica, videos e contacto. Existe ainda o botão de menu, que so aparece quando o utilizador se encontra a consultar um conteúdo da aplicação, ao clicar neste o utilizador volta ao menu principal da aplicação. Só existe um botão visível durante toda a aplicação, expecto no intro, que é o botão de controlo de som, onde é possível ao utilizador ligar ou desligar a música de fundo que acompanha a aplicação. O paradigma de navegação é do tipo Ambiente, ou seja existem metáforas gráficas embutidas em botões clicáveis, que realizam todas as operações disponíveis na aplicação.

5.2 Integração e controlo de som

A musica que toca durante toda a aplicação foi programado com o seguinte código :

var som_fundo:Sound=new Sound();
som_fundo.attachSound("som_fundo");
som_fundo.start();

para desligar a musica de fundo da aplicação foi utilizado o seguinte código:

on (release){

som_fundo.stop();
som_on._visible=true;
som_off._visible=false;

}

para ligar a musica de fundo da aplicação foi utilizado o seguinte código:

on (release){ som_fundo.start();
som_off._visible=true;
som_on._visible=false;}


5.3 Animação

A aplicação começa logo com uma animação que surge como uma “introdução” a todo o resto. As técnicas de animação utilizadas foram “roll overs”, animação “frame a frame”, animação de “Motion Tween” e animação de "alpha".


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

Durante a realização do projecto "ikob" deparei-me com algumas dificuldades, no entanto os conteúdos aprendidos durante as aulas de laboratório multimedia 1 foram bastante úteis para as ultrapassar. Com a ajuda da internet também consegui encontrar resposta a essas dificuldades, a exemplo disso foi a implementação de um scrollbar para visualizar um texto e a integração de um video na aplicação, a inicio não sabia como se fazia, mas após algum trabalho de pesquisa na web, rápidamente descobri, em ambos os casos o próprio flash já possui essas duas funcionalidades.


6. Conclusões

6.1 Reflexão Crítica

Estes projecto serviu essencialmente para por em prática toda os conhecimentos adquiridos ao longa da unidade curricular. Esses conhecimentos adquiridos foram extremamente úteis, mas mesmo assim necessitei de “perder” algumas horas, pesquisando novos conteúdos e competências para assim tornar este projecto no melhor possível. Tudo isto serviu para me deixar mais bem preparados para possíveis projectos, tanto a nível académico como profissional. Desenvolvi capacidades de organização e gestão de tempo, o que num futuro próximo me poderão ser bastante úteis.

6.2 Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto

Praticamente todos os objectivos a que inicialmente me propus foram alcançados, no entanto este projecto poderia ser melhorado. Um dos pontos poderia desenvolver um player, que embutido na aplicação, faria com que o utilizador consegui-se assim ouvir as musicas do artista de uma forma mais organizada, quem sabe até fazer o download dessas músicas, tudo isto dentro da aplicação.


7. Referencias Web e bibliográficas

Páginas Web consultadas para a realização do projecto:
-> http://pt.wikipedia.org/wiki/Heur%C3%ADsticas_de_Nielsen
-> http://www.agner.com.br/download/pucrio/06SantaRosa1.pdf
-> http://www.flashkit.com/
-> http://theknife.net/news/
-> http://www.kraftwerk.com/
-> http://kidkoala.com/
-> http://royksopp.com/
-> http://www.myspace.com/alaskainwinter


8. Anexos

Algumas imagens do desenvolvimento do trabalho:


Obtida de "http://wikis.ua.pt/labmm1/index.php?title=Ikob"
Ferramentas pessoais
Espaços nominais
Variantes
Acções
Navegação
Ferramentas