Aula 29/02

Nesta aula, fizemos algumas alterações aos posts relativos à viabilidade técnica, uma vez que alterámos algumas das nossas decisões, sendo a mais significativa a inclusão de animações em flash na maioria das páginas do site.
Começamos a fazer o mapa de navegação do site, de forma a facilitar o desenho dos menus e respectivos sub-menus.
Assim que terminado este mapa faremos o post do mesmo, assim como disponibilizaremos links para a visualização das animações experimentais em flash, que apresentámos hoje na aula.

layout e novo logo

Em seguimento dos estudos anteriores chegámos a um novo logo e tentámos integrá-lo com o layout escolhido.

Comprometemo-nos a apresentar na próxima aula de projecto algumas animações experimentais.

estudos feitos para a criação do logo IMP

Desde o início do projecto têm vindo a ser feitos vários estudos para a criação do logotipo para o projecto IMP. Como a base do layout do site está já bastante definida decidimos adaptar o logo que tinhamos desenvolvido inicialmente ao layout criado.
Aqui estão os últimos feitos:

         

E alguns estudos de cor:

Falta ainda a aprovação dos orientadores do projecto pois só foi lhes mostrado ainda o logotipo que foi inicialmente desenvolvido.

Requisitos Técnicos (cont.)

 Continuando a avaliar os requisitos técnicos, construimos uma lista das ferramentas/tecnologias necessárias à implementação do projecto, indicando o porquê da sua utilização e as suas finalidades.

Ferramentas/linguagens/tecnologias :

- Adobe Dreamweaver CS3 – Será o programa base para o desenvolvimento do site dinâmico, uma vez que será necessário o recurso a bases de dados, que se implementam mais facilmente e com menos problemas com este programa.
A estrutura do site, essencialmente informativo e de partilha, baseado na temática da web 2.0, torna este programa o mais indicado e funcional para atingir os objectivos propostos.

- Adobe Macromedia Flash – Uma vez que este programa oferece grandes potencialidades em termos de animação será aplicado na componente da visita de 360º do site para dar uma percepção mais real do espaço da instalação, para que os utilizadores tenham uma maior compreensão do que esta implica. A maioria das páginas terá animações em Flash de modo a conseguir um maior dinamismo.

-ASP / JavaScript / PHP – A linguagem ASP torna-se mais fácil de utilizar, pelo facto de ser uma linguagem que nos é mais familiar, não deixando de parte a hipótese de haver alguma utilização das linguagens JavaScript e PHP, todas elas facilmente integradas com recurso ao programa base, dreamweaver. Será necessária a programação de tabelas dinâmicas para colocação de conteúdose e estruturas de decisão, que implicam o uso destas tecnologias.

- Microsoft Office Access 2003 – Dada a necessidade da criação de diversas bases de dados, esta aplicação será a mais indicada dada a facilidade de uso e pelo facto de a nossa aprendizagem académica, relativamente a esta área, ter passado pela referida ferramenta.

- Adobe Macromedia Fireworks – Será utilizada para a criação de menus da aplicação.

- Adobe Premiere -  Será utilizada para a edição de alguns vídeos que serão introduzidos na aplicação.

-Adobe photoshop – Essencial para  o tratamento de imagens e estruturação de templates.

-Macromedia Freehand Mx – Será usado para a experimentação e criação do layout e logotipo do projecto.

-Sound Forge e Nuendo- Para o tratamento de sons a aplicar no site.

p.s.- entretanto estamos, também, a tentar melhorar o logotipo do projecto, brevemente disponibilizaremos mais estudos.

Estudo de Logotipo e Interface

Iniciámos já a fase de experimentação em relação a possíveis logotipos e interfaces para o nosso site.
Para isso, baseámo-nos em formas referentes à instalação que estamos a estudar.

    Estudos de logotipo:

    

Este logotipo baseou-se nas  formas utilizadas na instalação (etiquetas) como suporte aos códigos de barras, formas arredondadas de aspecto orgânico e as correntes onde é possível colocar as etiquetas. Além disso teve-se em conta o facto de “imp” ser um ser fantástico, ligado ao mundo das fadas e duendes. 

Aqui ficam algumas imagens das etiquetas utilizadas na instalação, assim como das correntes.

   

   Estudos de Interface:

 

Estes estudos de interface tiveram como base a estrutura quadrada, ou cúbica, que está sempre presente na instalação, assim como os conceitos de “montar”, “interagir” e “construir” inerentes ao projecto físico em que se vai basear o nosso site.
No primeiro interface, representado acima, tivemos em consideração o facto deste projecto (instalação) estar ainda em fase de desenvolvimento e brainstorming, por isso pensámos numa estrutura que permite múltiplas soluções, uma alusão ao carácter experimentativo da instalação.
Continuaremos a experimentar soluções, nomeadamente um logotipo que se insira melhor na forma do interface, que se baseia em formas mais rectas e menos orgânicas, de forma a conseguir uma maior coerência visual.

 

  

         

  

Estudo de Viabilidade Técnica

Começamos na aula de hoje a definição dos requisitos técnicos necessários ao desenvolvimento do nosso projecto.
As tecnologias que escolhemos tiveram como base o facto de estarmos mais “à vontade” com o seu uso, devido à realização da cadeira LABMM5 no semestre passado, no entanto, poderá ser necessário utilizar outras tecnologias, estudando melhor outras opções.
O site será desenvolvido maioritariamente em Dreamweaver uma vez que será necessária a integração com bases de dados, o que dificultaria imenso a utilização de flash, que permitiria mais hipóteses em termos gráficos, mas limitaria em termos de funcionalidades.
Além dos programas e tecnologias listadas no thumbnail, serão também utilizados para o desenvolvimento de todas as páginas o adobe photoshop, adobe ilustrator, freehand mx, sound forge e nuendo.

Aqui deixamos, então a nossa lista de requisitos preliminar.

Requisitos Funcionais

Nestas primeiras aulas de projecto temos trabalhado na definição dos requisitos funcionais do projecto.
Segue então a nossa lista de requisitos:

Introdução ao projecto

olá!

O nosso grupo é constituído por Ana Mil-Homens, Ângela Costa, Conceição Adrego e Marlene Micael.
O nosso projecto intitula-se IMP, iniciais de “interactive multimedia playroom”. O objectivo deste projecto é contruir um site que divulgue este projecto internacional e sirva, também, como ferramenta de comunicação entre os vários intervenientes.

O IMP é uma instalação interactiva, física e tangível que permite explorar as associações entre sons, imagens, vídeos e texturas. Sediado na Universidade de Concórdia, em Montreal e coordenadao pela professora Rosemary Mountain, este projecto está ainda em fase de desenvolvimento e brainstorming, tendo colaboradores espalhados por todo o mundo.
A instalação forma um cubo dividido em cubos menores através da utilização de correntes na vertical e marcas na parede na horizontal. O utilizador para iniciar a sua interacção escolhe uma etiqueta com um código de barras identificador, esta etiqueta pode corresponder a um som, uma imagem, um vídeo ou uma textura e o objectivo é que o utilizador coloque em um dos cubos menores a sua etiqueta demonstrando, assim, a sua associação mental/emocional, em relação a diversos conceitos colocados nos eixos destes cubos.