MACA

Da Lab. Multimédia 1
(Diferença entre edições)
Ir para: navegação, pesquisa
(Trabalho Realizado)
(Relatório Final)
 
(41 edições intermédias de 3 utilizadores não apresentadas)
Linha 6: Linha 6:
 
File:Gabriela.jpg|[[http://wikis.ua.pt/labmm1/index.php/Utilizador:Gabriela_barreira Gabriela Barreira]]| NºMec.:50746
 
File:Gabriela.jpg|[[http://wikis.ua.pt/labmm1/index.php/Utilizador:Gabriela_barreira Gabriela Barreira]]| NºMec.:50746
  
File:6356515947_001605fb0c_b.jpg| [[http://wikis.ua.pt/labmm1/index.php/Utilizador:Ivo_Rodrigues Ivo Rodrigues]]| NºMec.:64135
+
File:Ivo.jpg|[[http://wikis.ua.pt/labmm1/index.php/Utilizador:Ivo_Rodrigues Ivo Rodrigues]]| NºMec.:63966
  
 
File:Leonor.jpg|[[http://wikis.ua.pt/labmm1/index.php/Utilizador:Leonor_Peralta Leonor Peralta]]| NºMec.:64062
 
File:Leonor.jpg|[[http://wikis.ua.pt/labmm1/index.php/Utilizador:Leonor_Peralta Leonor Peralta]]| NºMec.:64062
Linha 18: Linha 18:
  
 
* Em segundo lugar decidimos qual a aplicação multimédia a utilizar, e a escolha foi um CD.
 
* Em segundo lugar decidimos qual a aplicação multimédia a utilizar, e a escolha foi um CD.
 +
  
 
O Projecto consiste:
 
O Projecto consiste:
Linha 23: Linha 24:
 
Uma das exposições que o museu M.A.C.A está a receber é a exposição de fotografia, do Fotógrafo Português '''André Boto'''[http://www.andreboto.com/], que ganhou em 2010 o prémio de melhor fotografo Europeu, pela FEP.
 
Uma das exposições que o museu M.A.C.A está a receber é a exposição de fotografia, do Fotógrafo Português '''André Boto'''[http://www.andreboto.com/], que ganhou em 2010 o prémio de melhor fotografo Europeu, pela FEP.
 
Dada esta situação, o museu decidiu oferecer aos seus visitantes um CD com a exposição exposta,juntamente com outros trabalhos do autor, alguma informação sobre este e ainda informa sobre a própria exposição.
 
Dada esta situação, o museu decidiu oferecer aos seus visitantes um CD com a exposição exposta,juntamente com outros trabalhos do autor, alguma informação sobre este e ainda informa sobre a própria exposição.
 +
  
 
É necessário referir, que o CD apenas é oferecido aos visitantes no final da exposição, tratando-se, assim, de um CD de recordação da exposição e ao mesmo tempo de uma estratégia de marketing, do Autor e do Museu, para dar a conhecer aos visitantes mais informações acerca da última exposição, além de promover a próxima.
 
É necessário referir, que o CD apenas é oferecido aos visitantes no final da exposição, tratando-se, assim, de um CD de recordação da exposição e ao mesmo tempo de uma estratégia de marketing, do Autor e do Museu, para dar a conhecer aos visitantes mais informações acerca da última exposição, além de promover a próxima.
Linha 30: Linha 32:
  
 
* Fundação de Serralves | [http://www.serralves.pt/]
 
* Fundação de Serralves | [http://www.serralves.pt/]
 +
 
* MoMa |[http://www.moma.org/]
 
* MoMa |[http://www.moma.org/]
 +
 
* Museu do Chiado | [http://www.museudochiado-ipmuseus.pt/]
 
* Museu do Chiado | [http://www.museudochiado-ipmuseus.pt/]
 +
 
* MAC USP [http://www.mac.usp.br/mac/]
 
* MAC USP [http://www.mac.usp.br/mac/]
  
e à cerca de aplicações de fotógrafos:
+
 
 +
E à cerca de aplicações de fotógrafos:
  
 
* André Boto |  [http://www.andreboto.com/]
 
* André Boto |  [http://www.andreboto.com/]
 +
 
* Fernando Bagnola | [http://www.fernandobagnola.com/]
 
* Fernando Bagnola | [http://www.fernandobagnola.com/]
 +
 
* Marc Riboud |[http://www.marcriboud.com/]
 
* Marc Riboud |[http://www.marcriboud.com/]
* Edgar Tavares |[http://www.edgartavares.com/]
 
  
 +
* Edgar Tavares |[http://www.edgartavares.com/]
  
 
== Trabalho Realizado ==
 
== Trabalho Realizado ==
Linha 47: Linha 55:
 
Após algumas tentativas, em que os resultados obtidos se mostravam insuficientes e/ou inadequados ao tema. Encontramos a forma que pretendíamos dar ao nosso trabalho, procurando obviamente ouvir algumas indicações dadas pelo professor Mário Vairinhos.
 
Após algumas tentativas, em que os resultados obtidos se mostravam insuficientes e/ou inadequados ao tema. Encontramos a forma que pretendíamos dar ao nosso trabalho, procurando obviamente ouvir algumas indicações dadas pelo professor Mário Vairinhos.
  
Este foi o resultado final:
 
  
<gallery widths=150px heights=150px perrow=4 caption=" Shot Storyboard - Artur & Camila">
+
<gallery widths=250px heights=250px perrow=4 caption="Este foi o resultado final:">
  
 
File:Menu.jpg| 1 - Menu - Através desta página conseguimos visualizar todas as outras páginas constituintes da aplicação.
 
File:Menu.jpg| 1 - Menu - Através desta página conseguimos visualizar todas as outras páginas constituintes da aplicação.
 
File:Menu_rollover.jpg| 2 - Menu RollOver - Ao passar do rato nas várias fotografias, estas remetem-nos, respectivamente, para as suas páginas.
 
File:Menu_rollover.jpg| 2 - Menu RollOver - Ao passar do rato nas várias fotografias, estas remetem-nos, respectivamente, para as suas páginas.
 
File:Surrealismo.jpg| 3 - "Surrealismo" - Nesta página fala-se um pouco sobre a exposição que o utilizador do CD viu no museu.  
 
File:Surrealismo.jpg| 3 - "Surrealismo" - Nesta página fala-se um pouco sobre a exposição que o utilizador do CD viu no museu.  
File:Biografia.jpg| 1 - Biografia -  Nesta página é apresentada a Biografia do autor,  juntamente com mais três opções, que correspondem a Projectos, a Prémios e aos Contactos do Artista.  
+
File:Biografia.jpg| 4 - Biografia -  Nesta página é apresentada a Biografia do autor,  juntamente com mais três opções, que correspondem a Projectos, a Prémios e aos Contactos do Artista.  
File:Bio_Projectos.jpg| 1 - Projectos - Na opção Projecto surgem-nos três palavras, que mudam de cor sempre que houver um rollover, para que o utilizador entenda, que estas contêm uma interactividade. À volta das palavras surgem mais informações acerca de workshops, exposições entre outros.
+
File:Bio_Projectos.jpg| 5 - Projectos - Na opção Projecto surgem-nos três palavras, que mudam de cor sempre que houver um rollover, para que o utilizador entenda, que estas contêm uma interactividade. À volta das palavras surgem mais informações acerca de workshops, exposições entre outros.
File:Bio_premios.jpg| 1 - Prémios - A página dos Prémios segue a mesma estruturas, mas agora com os anos no centro e os respectivos prémios espalhados pelo ambiente.
+
File:Bio_premios.jpg| 6 - Prémios - A página dos Prémios segue a mesma estruturas, mas agora com os anos no centro e os respectivos prémios espalhados pelo ambiente.
File:Bio_contacto.jpg| 1 - Contactos - Na página dos contactos, que se encontra ilustrada com uma fotografia pessoal do autor, onde se exibe, como o nome indica, os contactos necessários para aceder a mais informação sobre o seu trabalho do autor.
+
File:Bio_contacto.jpg| 7 - Contactos - Na página dos contactos, que se encontra ilustrada com uma fotografia pessoal do autor, onde se exibe, como o nome indica, os contactos necessários para aceder a mais informação sobre o seu trabalho do autor.
File:Menu.jpg| 1 - Menu - Através desta página conseguimos visualizar todas as outras páginas constituintes da aplicação.
+
File:Galeria.jpg| 8 - Galeria - Aqui é possível seleccionar qual a galeria que pretendemos visualizar, sendo as opções  Fotografias da Exposição e Outras Fotografias, cada uma delas é caracterizada por uma fotografia correspondente aos seus temas.
File:Menu.jpg| 1 - Menu - Através desta página conseguimos visualizar todas as outras páginas constituintes da aplicação.
+
File:Galeria_expo.jpg| 9 - Fotos da Exposição - Nesta página encontramos as fotografias da exposição “Surrealismo” ordenadas por uma barra, que vai passando as fotografias. Quando o utilizador permanece numa determinada imagem, esta fica maior e salienta-se relativamente às outras.
 +
File:Galeria_outras.jpg| 10 - Outras Fotografias - O mesmo acontece nesta página, onde é possível visualizar outros trabalhos do autor.
 +
File:Prox_Expo.jpg| 11 - Próxima Exposição - Esta página segue a mesma estrutura de todas as outras, apenas mudando a fotografia da próxima exposição Realismo de Joana Carvalho Borges. Esta fotografia é acompanhada por um pequeno texto informativo.
 +
</gallery>
 +
 
 +
 
 +
Ao importarmos os ficheiros do Illustrator (trabalho realizado na disciplina de ID-E - parte gráfica do projecto), para o Flash e ao darmos início à introdução de interactividade, apercebemo-nos de que nos faltavam alguns botões, nomeadamente o botão de saída em todas as páginas. Desta forma, e como não queriamos remover o botão de voltar ao início, optamos por introduzir a palavra "Sair" no canto superior direito, para simbolizar a saída da aplicação. A página inícial - Menu, não sofreu alterações, mantendo o o botão de saída representado pelo nome "Sair" no canto inferior direito.
 +
 
 +
Introduzimos também, uma caixa de diálogo, que aparece quando o utilizador carrega no botão de saída, de forma a verificar a acção do utilizador na aplicação.
 +
 
 +
 
 +
<gallery widths=250px heights=250px perrow=4 caption="Fizemos também um estudo visual para o CD:">
 +
 
 +
File:Capa_Frente_CD.png| 1 - Capa da Frente do CD
 +
File:Capa_Cd_Tras.png| 2 - Capa de Trás do CD
 +
File:CD_Final.png| 3 - Design do respectivo CD
 +
</gallery>
  
 
== Arborescência ==
 
== Arborescência ==
Arborescência [[Ficheiro:Arborescência 2.png]]
+
 
 +
Estrutura Arborescente Hierárquica Não Linear
 +
 
 +
[[Ficheiro:Arborescencia_3.jpg]]
 +
 
 +
== Divisão de Tarefas ==
 +
 
 +
*'''Criação e Actualização da Wiki''' - Cátia Dias
 +
 
 +
*'''Pesquisa de informação, de forma a decidir qual o melhor tema para a aplicação''' - Cátia Dias; Gabriela Barreira; Ivo Rodrigues; Leonor Peralta
 +
 
 +
*'''Estudos para a estrutura gráfica da aplicação''' - Cátia Dias; Gabriela Barreira; Ivo Rodrigues; Leonor Peralta
 +
 
 +
*'''Divisão de tarefas''' - Cátia Dias e Gabriela Barreira
 +
 
 +
*'''Arborescência''' - Ivo Rodrigues e Leonor Peralta
 +
 
 +
*'''Análise e construção de textos, a introduzir na aplicação''' - Ivo Rodrigues
 +
 
 +
*'''Pesquisa de fotos a introduzir na aplicação''' - Cátia Dias e Leonor Peralta
 +
 
 +
*'''Estudo da tipografia a utilizar''' - Gabriela Barreira 
 +
 
 +
*'''Desenvolvimento da estrutura gráfica da aplicação''' - Gabriela Barreira e Leonor Peralta
 +
 
 +
*'''Estudos e desenvolvimento do aspecto visual do CD e respectiva capa''' - Cátia Dias e Ivo Rodrigues
 +
 
 +
*'''Elaboração do Relatório de ID-E''' - Cátia Dias e Leonor Peralta
 +
 
 +
*'''Melhoramento da estrutura gráfica do projecto''' - Leonor Peralta
 +
 
 +
*'''Passar conteúdos do Illustrator para o Flash''' - Gabriela Barreira
 +
 
 +
*'''Aplicação de interactividade na aplicação''' - Cátia Dias; Gabriela Barreira; Leonor Peralta
 +
 
 +
*'''Criação de um cursor para a aplicação''' - Cátia Dias
 +
 
 +
*'''Pesquisa de interactividades adicionais a integrar na aplicação''' - Cátia Dias; Gabriela Barreira; Leonor Peralta
 +
 
 +
*'''Pesquisa de Sons a integrar na aplicação (som de fundo e sons dos botões clicáveis)''' - Leonor Peralta
 +
 
 +
*'''Edição do Som de fundo a introduzir na aplicação''' - Ivo Rodrigues
 +
 
 +
*'''Elaboração do Relatório de Lab Mm1''' - Cátia Dias e Leonor Peralta
 +
 
 +
*'''Impressão da estrutura gráfica do CD''' - Cátia Dias
 +
 
 +
*'''Gravação do CD final de distribuição ao público; E do CD com todos os ficheiros utilizados ao desenvolver a aplicação''' - Ivo Rodrigues
 +
 
 +
*'''Criação do PDF a apresentar aos docentes da disciplina''' - Ivo Rodrigues
 +
 
 +
== Diário de Bordo ==
 +
 
 +
*'''5.Dez.2011 e 6.Dez.2011''' - Início das pesquisas para o projecto, de forma a decidirmos o tema que pretendemos tratar e qual o projecto a desenvolver.
 +
 
 +
*'''7.Dez.2011''' - O grupo juntou-se no DECA, para discutir e criar o conceito da aplicação.
 +
 
 +
*'''8.Dez.2011''' - Criação da Página na Wiki, Memória Descritiva e Constituição do grupo.
 +
 
 +
*'''12.Dez.2011''' - Desenvolvimento da Arborescência da aplicação (em aula). Divisão de tarefas ao longo do projecto.
 +
 
 +
*'''De 12.Dez.2011 a 14 de Dezembro''' - Desenvolvimento da parte gráfica do projecto (todos os elementos do grupo fizeram esboços da estrutura que idealizavam para o projecto, de seguida escolhemos o que melhor se enquadrava no tema escolhido, tendo por base: cor; formas; tipografia; e interesse visual); Após decidirmos qual a tipologia que usaríamos, o grupo dividiu-se, trabalhando separadamente na construção gráfica de todas as páginas e realização do relatório.
 +
 
 +
*'''15.Dez.2011''' - Conclusão do Relatório; Gravação dos conteúdos desenvolvidos num CD para entregar ao professor da disciplina de ID-E, Mário Vairinhos; Apresentação à turma da versão ALPHA do Projecto.
 +
 
 +
*'''16.Dez.2011, 19.Dez.2011 e 20.Dez.2011''' - Melhoramento da estrutura do projecto, com base nas opiniões do professor Mário Vairinhos; Entrega da versão final do projecto para a UC de ID-E.
 +
 
 +
*'''26.Dez.2011 e 27.Dez.2011''' - Início do processo de passagem dos conteúdos do Illustrator para o Flash.
 +
 
 +
*'''28.Dez.2011 e 29.Dez.2011''' - Aplicação da interactividade básica nos botões.
 +
 
 +
*'''3.Jan.2012''' - Início da produção do relatório.
 +
 
 +
*'''5.Jan.2012''' - Debate sobre, sons a integrar na aplicação, e qual a interactividade adicional a integrar, exploração de novos códigos com base em tutoriais e sites da internet.
 +
 
 +
*'''6.Jan.2012''' - Continuação da elaboração do relatório. Criação de um Cursor para a aplicação.
 +
 
 +
*'''9.Jan.2012''' - Introdução de interactividade e também de alguma animação adicional na aplicação.
 +
 
 +
*'''10.Jan.2012''' - Introdução do Som na aplicação. Finalização da introdução de interactividade na aplicação. Impressão da estrutura gráfica do CD.
 +
 
 +
*'''11.Jan.2012''' - Conclusão do Relatório. Criação do ficheiro PDF para a apresentação.
 +
 
 +
*'''12.Jan.2012''' - Conclusão do PDF para a apresentação da próxima segunda-feira. Ultimos ajustes na aplicação.
 +
 
 +
*'''13.Jan.2012''' - Gravação do CD com a aplicação destinada ao publico. Gravação de um outro CD que contém todo o material que nos foi necessário para a elaboração da aplicação. Entrega de ambos os CD's no serviço de segurança do DeCA.
 +
 
 +
*'''16.Jan.2012''' - Apresentação da nossa aplicação aos docentes da disciplina.
 +
 
 +
 
 +
== Relatório Final ==
 +
 
 +
[[Media:Labmm1_relatório.pdf]]

Edição actual desde as 16h58min de 15 de Janeiro de 2012

Índice

Sobre o Grupo

Memória Descritiva

TEMA: Museu de Arte Contemporânea | SUB-TEMA:Fotografia


O Projecto consiste:

Uma das exposições que o museu M.A.C.A está a receber é a exposição de fotografia, do Fotógrafo Português André Boto[1], que ganhou em 2010 o prémio de melhor fotografo Europeu, pela FEP. Dada esta situação, o museu decidiu oferecer aos seus visitantes um CD com a exposição exposta,juntamente com outros trabalhos do autor, alguma informação sobre este e ainda informa sobre a própria exposição.


É necessário referir, que o CD apenas é oferecido aos visitantes no final da exposição, tratando-se, assim, de um CD de recordação da exposição e ao mesmo tempo de uma estratégia de marketing, do Autor e do Museu, para dar a conhecer aos visitantes mais informações acerca da última exposição, além de promover a próxima.

Material de Apoio

Para nos orientarmos informamo-nos à cerca de Museus de Arte Contemporânea, como :


E à cerca de aplicações de fotógrafos:

Trabalho Realizado

Na Unidade Curricular de ID-E, desenvolvemos soluções de natureza visual, quer ao nível dos conteúdos, quer ao nível dos elementos de interface. Após algumas tentativas, em que os resultados obtidos se mostravam insuficientes e/ou inadequados ao tema. Encontramos a forma que pretendíamos dar ao nosso trabalho, procurando obviamente ouvir algumas indicações dadas pelo professor Mário Vairinhos.



Ao importarmos os ficheiros do Illustrator (trabalho realizado na disciplina de ID-E - parte gráfica do projecto), para o Flash e ao darmos início à introdução de interactividade, apercebemo-nos de que nos faltavam alguns botões, nomeadamente o botão de saída em todas as páginas. Desta forma, e como não queriamos remover o botão de voltar ao início, optamos por introduzir a palavra "Sair" no canto superior direito, para simbolizar a saída da aplicação. A página inícial - Menu, não sofreu alterações, mantendo o o botão de saída representado pelo nome "Sair" no canto inferior direito.

Introduzimos também, uma caixa de diálogo, que aparece quando o utilizador carrega no botão de saída, de forma a verificar a acção do utilizador na aplicação.


Arborescência

Estrutura Arborescente Hierárquica Não Linear

Arborescencia 3.jpg

Divisão de Tarefas

Diário de Bordo


Relatório Final

Media:Labmm1_relatório.pdf

Ferramentas pessoais
Espaços nominais
Variantes
Acções
Navegação
Ferramentas