ProjectoFinal CGLM
From LABMM1_IDE
Constituição do grupo
Sobre o Projecto
Vamos desenvolver uma aplicação online de promoção a uma série televisiva, "Modern Family".
Foi atribuído o nome "Modern Family WebSite" ao nosso projecto.
O registo de imagem que usaremos será uma mistura de vectorial e bitmap. A escolha pelo vectorial deveu-se principalmente a problemas como direitos de autor das imagens ou a dificuldade de encontrá-las.
A aplicação conjugará várias cores, sendo que as principais são as que se seguem.
 |
O tipo de letra a usar será, provavelmente, Helvetica.
O modo de interacção com a aplicação consistirá num paradigma ambiente, onde botões estão embebidos no cenário e o utilizador pode interagir com alguns elementos.
Diário de bordo
25 de Novembro
Formação do grupo e escolha do tema do projecto, através da consulta de outros websites como meio de inspiração.
29 de Novembro
O grupo juntou-se para discutir ideias, foi elaborado um esboço do que, em princípio, será a nossa aplicação. Definição de objectivos para cumprir até ao final da semana.
 Esboço da aplicação. |
2 de Dezembro
No dia de hoje, fizemos recolha de imagens das personagens que vão ser usadas na aplicação. Foi também decidido que afinal os cenários vão ser imagens vectoriais. Os cenários que servirão de base para a ilustração vectorial são os que se seguem:
 Esta é a imagem a ser usada como base para a introdução da aplicação. A ideia é aparecer inicialmente a casa, e depois alterar a perspectiva para dentro dela. |
 Imagem original da sala. |
 No Photoshop, através da ferramenta Crop, activámos a opção perspective, de forma a obter uma imagem com outra perspectiva da imagem original. Isto facilita a ilustração vectorial e a interacção do utilizador com a aplicação. |
3 de Dezembro
Elabaroção de uma base da sala onde acontecerão a maior parte das interacções utilizador-aplicação.
 Através da imagem original que tínhamos conseguido no dia anterior, foram criadas as principais linhas que definem a sala, e foram feitas algumas alterações. |
7 de Dezembro
Elaboração da arborescência da aplicação.
File:Arborescência modernf.pdf
9 de Dezembro
Continuação da ilustração e preenchimento do cenário interior da casa. Os padrões, encontrados no google images, foram aplicados no Illustrator. De seguida, cada um dos objectos foi isoladamente tratado no Photoshop, com a atribuição da textura canvas (para dar um aspecto de cartão à imagem) e alteração das tonalidades. Os objectos foram também importados para um ficheiro do Flash, e foram feitas as primeiras animações. O resultado está esquematizado nas imagens que se seguem.
 Início da animação. Sala sem quaisquer objectos. |
 Os objectos começam a surgir de todas as direcções, arrastados ou caídos de cima. As setas a vermelho representam alguns desses movimentos. |
 Aparência final da animação inicial. Aqui, já os objectos necessários se encontram sob a forma de botões. |
Este será o ecrã principal, onde estarão embutidas todas as opções da aplicação.
