Guitarx
| (12 edições intermédias de um utilizador não apresentadas) | |||
| Linha 86: | Linha 86: | ||
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 | 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. | 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> | </font></th> | ||
<th style="background:#000000"></th> | <th style="background:#000000"></th> | ||
| Linha 114: | Linha 137: | ||
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 | 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 | 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</font></th> | + | 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> | <th style="background:#000000">[[Ficheiro:diario_bordo.png]]</th> | ||
| Linha 123: | Linha 151: | ||
</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 130: | 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">[[Ficheiro:music.png]]</th> | + | <th style="background:#000000">[[Ficheiro:music.png]</center>]</th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
| Linha 137: | Linha 165: | ||
</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 147: | 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">[[Ficheiro:music.png]]</th> | <th style="background:#000000">[[Ficheiro:music.png]]</th> | ||
| Linha 156: | Linha 184: | ||
</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> | <th style="background:#000000">[[Ficheiro:music.png]]</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| − | <th style="background:#8b4513"><font color="#000000"><center> | + | <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> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <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]]</font></th> | + | *[[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> | <th style="background:#000000">[[Ficheiro:pencil.png]]</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<th style="background:#8b4513"><font color="#000000"><center>BIBLIOGRAFIA </center></font></th> | <th style="background:#8b4513"><font color="#000000"><center>BIBLIOGRAFIA </center></font></th> | ||
| − | <th style="background:#8b4513"> | + | <th style="background:#8b4513"></th> |
</tr> | </tr> | ||
<tr> | <tr> | ||
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. |
|
![]() |
|






