Guitarx
| (47 edições intermédias de um utilizador não apresentadas) | |||
| Linha 1: | Linha 1: | ||
| − | <table widht="700px" border="1" cellpadding="5" cellspacing="0" align="center" style="text-align: | + | <table widht="700px" border="1" cellpadding="5" cellspacing="0" align="center" style="text-align: left;"> |
<tr> | <tr> | ||
| − | <th style="background: #8b4513">PROJETO GUITAR X</th> | + | <th style="background: #8b4513"><center>PROJETO GUITAR X</center></th> |
<th style="background: #8b4513"></th> | <th style="background: #8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000">[[Ficheiro:principal.jpg]]</th> | + | <th style="background:#000000"><center>[[Ficheiro:principal.jpg]]</center></th> |
| − | <th style="background:#000000">[[Ficheiro: | + | <th style="background:#000000">[[Ficheiro:guitar.png]]</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"><font color="#8b4513"> ESTADO DA ARTE </font></th> | + | <th style="background:#000000"><font color="#8b4513"><center> ESTADO DA ARTE </center></font></th> |
<th style="background:#000000"></th> | <th style="background:#000000"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<th style="background:#000000"><font color="#8b4513"> Após um Brainstorming e após a escolha da realização de um projeto cujo o âmbito | <th style="background:#000000"><font color="#8b4513"> Após um Brainstorming e após a escolha da realização de um projeto cujo o âmbito | ||
| − | seria a elaboração de uma aplicação multimédia, o grupo chegou ao "Projeto Guitar X". Este projeto, como veremos mais adiante visa proporcionar | + | seria a elaboração de uma aplicação multimédia, o grupo chegou ao "Projeto Guitar X". Este projeto, como veremos mais adiante visa proporcionar |
não só a admiradores de guitarras, como a músicos jovens ou adultos, uma experiência interativa agradável, onde o utilizador poderia saber mais | não só a admiradores de guitarras, como a músicos jovens ou adultos, uma experiência interativa agradável, onde o utilizador poderia saber mais | ||
sobre este instrumento, a sua história e artistas, como também participar em pequenas actividades que iremos dispor na aplicação. | sobre este instrumento, a sua história e artistas, como também participar em pequenas actividades que iremos dispor na aplicação. | ||
| Linha 22: | Linha 22: | ||
Baseamo-nos na "guitarcoast.com" que é uma aplicação que tal como a nossa tem como objetivo informar e dar a conhecer artistas e encontrar | Baseamo-nos na "guitarcoast.com" que é uma aplicação que tal como a nossa tem como objetivo informar e dar a conhecer artistas e encontrar | ||
informações no campo de guitarras, tendo também uma área multimédia onde o utilizador pode ver videos e imagens. | informações no campo de guitarras, tendo também uma área multimédia onde o utilizador pode ver videos e imagens. | ||
| − | Podemos ainda refeir os sites das bandas "Guns and Roses" e "ACDC" que nos ajudaram a pensar na organização da nossa própria aplicação, na parte | + | Podemos ainda refeir os sites das bandas "Guns and Roses" e "ACDC" que nos ajudaram a pensar na organização da nossa própria aplicação, na parte estética e |
| − | estética e ainda no tipo de conteúdos.</font></th> | + | ainda no tipo de conteúdos. |
| + | </font></th> | ||
<th style="background:#000000">[[Ficheiro:lupa.png]]</th> | <th style="background:#000000">[[Ficheiro:lupa.png]]</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"><font color="#cd853f"> SOBRE O PROJETO GUITAR X </font> </th> | + | <th style="background:#000000"><font color="#cd853f"> <center>SOBRE O PROJETO GUITAR X</center> </font> </th> |
<th style="background:#000000"></th> | <th style="background:#000000"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"><font color="#8b4513"> | + | <th style="background:#000000"><font color="#8b4513">A nossa aplicação irá incidir apenas em quatro modelos – principais e consequentemente mais |
| − | + | conhecidos – que são a telecaster, a stratocaster, a sg e a les paul. Os quatro artistas são Angus Young, Jimmy Hendrix, John Frusciante e Slash. | |
| − | + | Este projeto está inserido na área da Música, mais especificamente na área das guitarras e dos guitarristas famosos pelas suas proezas musicais | |
| − | + | de acordo com o respetivo modelo. Uma vez que este projeto vai de encontro essencialmente a um público cuja uma das áreas de interesse reside nestes | |
| − | + | instrumentos de cordas mas também nos fãs dos artistas que iremos abordar, é de salientar que nos esforçamos por proporcionar ao utilizador um ambiente | |
| − | + | acolhedor – com uma seleção cuidada de músicas ambiente. | |
| − | + | Estamos perante uma aplicação online que será de fácil entendimento e integração para qualquer pessoa que tente explorá-la. Isto é para nós um facto de grande importância! | |
| − | + | Podemos dizer que ao longo da elaboração deste projeto pretendemos respeitar sempre critérios como a '''usabilidade''' e a '''simplicidade''' de forma a que a interatividade fosse | |
| − | + | proporcionada numa quantidade ideal de forma a que mantivesse o interesse do utilizador na aplicação, mas não o distraísse da mensagem principal. Podemos referir ainda | |
| − | + | que este projeto constituiu para todos os elementos não só uma forma de testarmos os conhecimentos adquiridos, como também, | |
| − | <th style="background:#000000">[[Ficheiro:jonh Frusciante.jpg|border| | + | se revelou uma mais valia no aprofundamento de conhecimentos diretamente ligados com a matéria – nomeadamente flash e action script – na pesquisa de novas técnicas |
| + | e funcionalidades a nível do programa em si, como também podemos afirmar que através da pesquisa relativa ao estado da arte e aos | ||
| + | artistas em si adquirimos informações no contexto cultural, musical e claro, cada experiência em grupo torna-nos melhores enquanto elementos de um todo que | ||
| + | trabalha para o mesmo fim, como nos prepara para aquilo que um dia será o nosso ambiente profissional. | ||
| + | </font></th> | ||
| + | <th style="background:#000000">[[Ficheiro:jonh Frusciante.jpg|border|200px|John Frusciate]]</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000"> | + | <th style="background:#8b4513"><font color="#000000"><center> Desenho Funcional</center> </font></th> |
| − | <th style="background:#8b4513">[[Ficheiro: | + | <th style="background:#8b4513"></th> |
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center> Requisitos Funcionais </center> </font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513">Ao abrir a aplicação, após uma introdução, constituída pelo loading, o utilizador entrará automaticamente na | ||
| + | “Home” da aplicação.Aqui o utilizador deparar-se-á com uma página onde estarão os quatro tipos de guitarras, assim o do amplificador e o afinador. | ||
| + | É possível ainda denotar a existência de um menu de opções no canto superior direito da interface com a palavra “Opções”. | ||
| + | Esse menu contem um player de música no qual o utilizador pode escolher uma de quatro músicas que pretenda ouvir enquanto explora a aplicação assim | ||
| + | como a possibilidade de controlar o volume da mesma. | ||
| + | Clicando em cada uma das guitarras, o utilizador é diretamente direcionado para a sua história onde está presente uma galeria de imagens com | ||
| + | fotos de um dos artistas por nós escolhidos atribuídos ao modelo em específico. As nossas galerias de imagens – | ||
| + | digo galerias pois temos quatro ao longo da aplicação, ou seja, uma para cada modelo. Ao prosseguir para os artistas encontraremos uma breve biografia e puzzles | ||
| + | relativos a cada um. No fim, haverá um quiz com perguntas e respostas para o utilizador responder e ainda a possibilidade de interagir com um afinador. | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center> Estrutura Arborescente </center> </font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#000000"><center> [[Ficheiro:arvore23.JPG|300px]] </center> </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center> Desenho de interação e Usabilidade </center> </font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513">Para a produção do desenho técnico foram utilizadas técnicas do Photoshop CS5 | ||
| + | não só para elaboração dos próprios fundos presentes ao longo de toda a aplicação como também para vectorização de guitarras, aplicação de | ||
| + | efeitos nas fotos das galerias, a imagem de menu e os botões em si são também da autoria do grupo. | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>Estrutura e meios de navegação/interação </center> </font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513">A navegação é essencialmente feita através de cliques do rato, mas é proporcionada | ||
| + | pelas ligações ao longo da aplicação em as2 | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513"><center> Soluções adoptadas para a resolução de problemas </center></font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513">O primeiro problema de todos prendeu-se com o grupo em si. Sem grupo, não há projeto e uma | ||
| + | vez que todos os elementos vivem a uma distância considerável uns dos outros foi necessária a planificação no calendário de dias e horários não só para | ||
| + | encontros via internet , mas para encontros físicos de forma a expor o estado das tarefas correspondentes a cada um. Um dos outros problemas que nos acompanhou | ||
| + | desde o início e ao longo de todo o trabalho foi a integração de animações na aplicação. De forma a manter a simplicidade da interface tornou-se um pouco | ||
| + | complicado decidir o tipo de animação que seria aqui encaixada de forma plausível. | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center> Diário de Bordo</center> </font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Linha 63: | Linha 132: | ||
'''Dia 23 de Dezembro'''<br> | '''Dia 23 de Dezembro'''<br> | ||
| − | A parte gráfica do trabalho encontra-se parcialmente concluída. Inicio da integração dos conteúdos em Flash. Alteração da estética da página do Projeto na Wikipédia.</font></th> | + | A parte gráfica do trabalho encontra-se parcialmente concluída. Inicio da integração dos conteúdos em Flash. Alteração da estética da página do Projeto na Wikipédia. |
| − | <th style="background:#000000"></th> | + | |
| + | '''25 de Dezembro'''<br> | ||
| + | Dia de Natal, comeu-se muito e abriram-se muitas prendas! Definição da forma como o puzzle será realizado, conclusão de que a melhor forma será através de uma técnica avançada em | ||
| + | Flash de Drag and Drop, chamada hitTest que, basicamente, vai verificar as caixas que delimitam determinado objecto, neste caso um movie clip, que quando está inserido no target a que | ||
| + | deve pertencer nos transmite uma informação do género verdadeiro ou falso.Por Gisela Marquez | ||
| + | |||
| + | '''14 de Janeiro de 2013'''<br> | ||
| + | Finalmente temos o projecto em vias de chegar a uma fase final. O relatório está parcialmente feito e a wiki está praticamente pronta. Conseguimos finalmente atinar com a elaboração | ||
| + | do player, dos puzzles, galerias e transições. Em breve iremos disponibilizar as tentativas realizadas ao longo do processo de trabalho. | ||
| + | </font></th> | ||
| + | <th style="background:#000000">[[Ficheiro:diario_bordo.png]]</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000">GALERIA</font></th> | + | <th style="background:#8b4513"><font color="#000000"><center>GALERIA</center></font></th> |
<th style="background:#8b4513"></th> | <th style="background:#8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"> | + | <th style="background:#000000"><center> |
[[Ficheiro:old_logo.jpg|border|170px|Logo inicial consebido em Illustrator]] | [[Ficheiro:old_logo.jpg|border|170px|Logo inicial consebido em Illustrator]] | ||
[[Ficheiro:logo.jpg|border|150px| Logo Final do Projeto]] | [[Ficheiro:logo.jpg|border|150px| Logo Final do Projeto]] | ||
| Linha 79: | Linha 158: | ||
[[Ficheiro:stratocaster_cores.jpg|border|50px|Guitarra Stratocaster vectorizada]] | [[Ficheiro:stratocaster_cores.jpg|border|50px|Guitarra Stratocaster vectorizada]] | ||
[[Ficheiro:amplificador_cores.jpg|border|150px]]</th> | [[Ficheiro:amplificador_cores.jpg|border|150px]]</th> | ||
| − | <th style="background:#000000"></th> | + | <th style="background:#000000">[[Ficheiro:music.png]</center>]</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000">GALERIA - INTERATIVIDADE - CENÁRIOS </font></th> | + | <th style="background:#8b4513"><font color="#000000"><center>GALERIA - INTERATIVIDADE - CENÁRIOS </center></font></th> |
<th style="background:#8b4513"></th> | <th style="background:#8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"> | + | <th style="background:#000000"><center> |
[[Ficheiro:guitarras_historia_les paul.jpg|border|150px]] | [[Ficheiro:guitarras_historia_les paul.jpg|border|150px]] | ||
[[Ficheiro:guitarras_historia_sg.jpg|border|150px]] | [[Ficheiro:guitarras_historia_sg.jpg|border|150px]] | ||
| Linha 96: | Linha 175: | ||
[[Ficheiro:home_final.jpg|border|150px]] | [[Ficheiro:home_final.jpg|border|150px]] | ||
[[Ficheiro:intro_final.jpg|border|150px]] | [[Ficheiro:intro_final.jpg|border|150px]] | ||
| − | [[Ficheiro:quiz.jpg|border|150px]] | + | [[Ficheiro:quiz.jpg|border|150px]]</center> |
</th> | </th> | ||
| − | <th style="background:#000000"></th> | + | <th style="background:#000000">[[Ficheiro:music.png]]</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000">GALERIA - ARTISTAS INTEGRADOS</font></th> | + | <th style="background:#8b4513"><font color="#000000"><center>GALERIA - ARTISTAS INTEGRADOS</center></font></th> |
<th style="background:#8b4513"></th> | <th style="background:#8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#000000"> | + | <th style="background:#000000"><center> |
[[Ficheiro:Angus-Young-angus-young-25532900-530-398.jpg|border|150px|Angus Young]] | [[Ficheiro:Angus-Young-angus-young-25532900-530-398.jpg|border|150px|Angus Young]] | ||
[[Ficheiro:jimi_hendrix-208241.jpg|border|150px|Jimi Hendrix]] | [[Ficheiro:jimi_hendrix-208241.jpg|border|150px|Jimi Hendrix]] | ||
[[Ficheiro:john-frusciante-366494.jpg|border|150px|John Frusciante]] | [[Ficheiro:john-frusciante-366494.jpg|border|150px|John Frusciante]] | ||
[[Ficheiro:slash_DSC6100-web.jpg|border|150px|slash]] | [[Ficheiro:slash_DSC6100-web.jpg|border|150px|slash]] | ||
| − | </th> | + | </center></th> |
| + | <th style="background:#000000">[[Ficheiro:music.png]]</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>Reflexão Crítica</center></font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513">Em primeiro lugar, concluímos e concordamos que a elaboração de um projecto | ||
| + | em que a presença física constante de todos os elementos do grupo dificulta inevitavelmente o avanço do projeto no tempo. Em segundo lugar, | ||
| + | devemos referir que a implementação de animações, ou pelo menos de todos os tipos de animações leccionados ao longo do semestre – deixando aqui de lado | ||
| + | a interatividade – revelou-se uma problemática ao longo do trabalho, principalmente no que toca o “como?”, tendo em conta a nossa interface e o | ||
| + | nosso tipo de aplicação, como inserir uma animação devidamente justificada e cuja inserção seja perfeitamente plausível? | ||
| + | Ao nível da própria interatividade encontramos muitas vezes problemas, os quais conseguimos resolver, e é aqui de salientar o apoio dos | ||
| + | docentes ao longo do prazo de elaboração dos projetos. | ||
| + | Podemos assim concluir numa autocrítica, que a nossa aplicação cumpriu o objetivo de proporcionar uma interface e uma forma de navegação | ||
| + | simples sem se destinar a uma faixa etária em específico, conseguimos manter o resultado final quase com a mesma estrutura e integridade que idealizamos | ||
| + | nas fases de desenho e conseguimos explorar bem a componente da interatividade. | ||
| + | Numa critica negativa, ao idealizar a aplicação na sua fase fetal, ignorámos as dificuldades que iriam ocorrer na inserção de animações no | ||
| + | tipo de projeto a que nos propusemos fazer, apesar de posteriormente tentarmos compensar ao inserir efeitos animados nas transições entre as labels. | ||
| + | </font></th> | ||
<th style="background:#000000"></th> | <th style="background:#000000"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000"> | + | <th style="background:#8b4513"><font color="#000000"><center>Alguns exemplos de interatividade</center></font></th> |
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>Relatório final</center></font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>*[[Ficheiro:Relatório_Guitarx.pdf]]</center></font></th> | ||
<th style="background:#8b4513"></th> | <th style="background:#8b4513"></th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<th style="background:#000000"><font color="#8b4513"> | <th style="background:#000000"><font color="#8b4513"> | ||
| − | [[Ficheiro:carla.jpg|border|100px|Carla Cabeça 67666]] [[Ficheiro:Gi.jpg|border|50px|Gisela Marquez 65724]] [[Ficheiro:joao_silva.jpg|border|50px|João Silva 68573]][[Ficheiro:paulo_silva.jpg|border|100px|Paulo Silva 69869]][[Ficheiro: | + | *[[Ficheiro:hendrix.swf|100px]] |
| + | *[[Ficheiro:slash_puzzle.swf|100px]] | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>ELEMENTOS DO GRUPO</center></font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513"><center> | ||
| + | [[Ficheiro:carla.jpg|border|100px|Carla Cabeça 67666]] [[Ficheiro:Gi.jpg|border|50px|Gisela Marquez 65724]] [[Ficheiro:joao_silva.jpg|border|50px|João Silva 68573]][[Ficheiro:paulo_silva.jpg|border|100px|Paulo Silva 69869]]</center></font></th> | ||
| + | <th style="background:#000000">[[Ficheiro:pencil.png]]</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#8b4513"><font color="#000000"><center>BIBLIOGRAFIA </center></font></th> | ||
| + | <th style="background:#8b4513"></th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <th style="background:#000000"><font color="#8b4513"> | ||
| + | * http://www.swinburne.edu.au/design/tutorials/P-flash/T-How-to-drag-and-drop-in-Flash/ID-37/ | ||
| + | * http://www.flashvalley.com/fv_tutorials/advanced_drag_and_drop_in_Flash/page4.php | ||
| + | </font></th> | ||
| + | <th style="background:#000000"></th> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Edição actual desde as 23h36min de 15 de Janeiro de 2013
![]() |
![]() |
|---|---|
| Após um Brainstorming e após a escolha da realização de um projeto cujo o âmbito
seria a elaboração de uma aplicação multimédia, o grupo chegou ao "Projeto Guitar X". Este projeto, como veremos mais adiante visa proporcionar não só a admiradores de guitarras, como a músicos jovens ou adultos, uma experiência interativa agradável, onde o utilizador poderia saber mais sobre este instrumento, a sua história e artistas, como também participar em pequenas actividades que iremos dispor na aplicação. Falando agora especificamente em "Estado da Arte" a nossa pesquisa na Internet caíu consequentemente sobre sites cujo objectivo, ao contrário da nossa aplicação é a venda de instrumentos musicais - neste caso a guitarra - e acessórios (como por exemplo, produtos de limpeza). No entanto, e como para a realização desta aplicação precisámos de um ponto de partida, temos a apontar os seguintes endereços. Baseamo-nos na "guitarcoast.com" que é uma aplicação que tal como a nossa tem como objetivo informar e dar a conhecer artistas e encontrar informações no campo de guitarras, tendo também uma área multimédia onde o utilizador pode ver videos e imagens. Podemos ainda refeir os sites das bandas "Guns and Roses" e "ACDC" que nos ajudaram a pensar na organização da nossa própria aplicação, na parte estética e ainda no tipo de conteúdos. |
![]() |
| |
|
| A nossa aplicação irá incidir apenas em quatro modelos – principais e consequentemente mais
conhecidos – que são a telecaster, a stratocaster, a sg e a les paul. Os quatro artistas são Angus Young, Jimmy Hendrix, John Frusciante e Slash. Este projeto está inserido na área da Música, mais especificamente na área das guitarras e dos guitarristas famosos pelas suas proezas musicais de acordo com o respetivo modelo. Uma vez que este projeto vai de encontro essencialmente a um público cuja uma das áreas de interesse reside nestes instrumentos de cordas mas também nos fãs dos artistas que iremos abordar, é de salientar que nos esforçamos por proporcionar ao utilizador um ambiente acolhedor – com uma seleção cuidada de músicas ambiente. Estamos perante uma aplicação online que será de fácil entendimento e integração para qualquer pessoa que tente explorá-la. Isto é para nós um facto de grande importância! Podemos dizer que ao longo da elaboração deste projeto pretendemos respeitar sempre critérios como a usabilidade e a simplicidade de forma a que a interatividade fosse proporcionada numa quantidade ideal de forma a que mantivesse o interesse do utilizador na aplicação, mas não o distraísse da mensagem principal. Podemos referir ainda que este projeto constituiu para todos os elementos não só uma forma de testarmos os conhecimentos adquiridos, como também, se revelou uma mais valia no aprofundamento de conhecimentos diretamente ligados com a matéria – nomeadamente flash e action script – na pesquisa de novas técnicas e funcionalidades a nível do programa em si, como também podemos afirmar que através da pesquisa relativa ao estado da arte e aos artistas em si adquirimos informações no contexto cultural, musical e claro, cada experiência em grupo torna-nos melhores enquanto elementos de um todo que trabalha para o mesmo fim, como nos prepara para aquilo que um dia será o nosso ambiente profissional. |
![]() |
| Ao abrir a aplicação, após uma introdução, constituída pelo loading, o utilizador entrará automaticamente na
“Home” da aplicação.Aqui o utilizador deparar-se-á com uma página onde estarão os quatro tipos de guitarras, assim o do amplificador e o afinador. É possível ainda denotar a existência de um menu de opções no canto superior direito da interface com a palavra “Opções”. Esse menu contem um player de música no qual o utilizador pode escolher uma de quatro músicas que pretenda ouvir enquanto explora a aplicação assim como a possibilidade de controlar o volume da mesma. Clicando em cada uma das guitarras, o utilizador é diretamente direcionado para a sua história onde está presente uma galeria de imagens com fotos de um dos artistas por nós escolhidos atribuídos ao modelo em específico. As nossas galerias de imagens – digo galerias pois temos quatro ao longo da aplicação, ou seja, uma para cada modelo. Ao prosseguir para os artistas encontraremos uma breve biografia e puzzles relativos a cada um. No fim, haverá um quiz com perguntas e respostas para o utilizador responder e ainda a possibilidade de interagir com um afinador. |
|
| Para a produção do desenho técnico foram utilizadas técnicas do Photoshop CS5
não só para elaboração dos próprios fundos presentes ao longo de toda a aplicação como também para vectorização de guitarras, aplicação de efeitos nas fotos das galerias, a imagem de menu e os botões em si são também da autoria do grupo. |
|
| A navegação é essencialmente feita através de cliques do rato, mas é proporcionada
pelas ligações ao longo da aplicação em as2 |
|
| O primeiro problema de todos prendeu-se com o grupo em si. Sem grupo, não há projeto e uma
vez que todos os elementos vivem a uma distância considerável uns dos outros foi necessária a planificação no calendário de dias e horários não só para encontros via internet , mas para encontros físicos de forma a expor o estado das tarefas correspondentes a cada um. Um dos outros problemas que nos acompanhou desde o início e ao longo de todo o trabalho foi a integração de animações na aplicação. De forma a manter a simplicidade da interface tornou-se um pouco complicado decidir o tipo de animação que seria aqui encaixada de forma plausível. |
|
| Dia 6 de Dezembro Na primeira aula de projeto criamos a Wiki Decidimos entre nós qual iria ser o assunto a abordar, e fizemos pesquisa de informação e de aplicações sobre guitarras. Dia 10 de Dezembro Dia 13 de Dezembro Dia 17 de Dezembro Dia 23 de Dezembro 25 de Dezembro 14 de Janeiro de 2013 |
![]() |
| [[Ficheiro:music.png]] | |
![]() |
|
![]() |
|
| Em primeiro lugar, concluímos e concordamos que a elaboração de um projecto
em que a presença física constante de todos os elementos do grupo dificulta inevitavelmente o avanço do projeto no tempo. Em segundo lugar, devemos referir que a implementação de animações, ou pelo menos de todos os tipos de animações leccionados ao longo do semestre – deixando aqui de lado a interatividade – revelou-se uma problemática ao longo do trabalho, principalmente no que toca o “como?”, tendo em conta a nossa interface e o nosso tipo de aplicação, como inserir uma animação devidamente justificada e cuja inserção seja perfeitamente plausível? Ao nível da própria interatividade encontramos muitas vezes problemas, os quais conseguimos resolver, e é aqui de salientar o apoio dos docentes ao longo do prazo de elaboração dos projetos. Podemos assim concluir numa autocrítica, que a nossa aplicação cumpriu o objetivo de proporcionar uma interface e uma forma de navegação simples sem se destinar a uma faixa etária em específico, conseguimos manter o resultado final quase com a mesma estrutura e integridade que idealizamos nas fases de desenho e conseguimos explorar bem a componente da interatividade. Numa critica negativa, ao idealizar a aplicação na sua fase fetal, ignorámos as dificuldades que iriam ocorrer na inserção de animações no tipo de projeto a que nos propusemos fazer, apesar de posteriormente tentarmos compensar ao inserir efeitos animados nas transições entre as labels. |
|
![]() |
|






