Main Page/3D Assembler

From LABMM1_IDE

(Difference between revisions)
Jump to: navigation, search
Line 132: Line 132:
[[File:Ecrans_tipo_act2.jpg|left|300px]]          [[File:Ecrans_tipo_act3.jpg|left|300px]]          [[File:Ecrans_tipo_act1.jpg|left|300px]]                 
[[File:Ecrans_tipo_act2.jpg|left|300px]]          [[File:Ecrans_tipo_act3.jpg|left|300px]]          [[File:Ecrans_tipo_act1.jpg|left|300px]]                 
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +

Revision as of 02:41, 14 January 2011

Apresentação do projecto


Grupo

Grupo 4

Projecto: PC_Assembler

Daniel Carvalho, 60822 Joaquim Fernandes, 59808


Memória descritiva

Esta aplicação, (realizada no âmbito das disciplinas de Imagem Digital Estática e Laboratório Multimédia 1), chama-se PC Assembler, destinando-se a uma interacção multimédia de cariz de aprendizagem para montagem das diferentes peças de um computador. Proporciona um entendimento mais objectivo e correcto ao utilizador de como montar um Pc "desktop", prioridades dos componentes a ligar e montar e explicar como e para que serve cada componente enquanto se demonstra como e onde se liga, com informação anexada, intuitiva e simplificada. Vai ser utilizado um estilo gráfico orientado em infografia animada com interactividade no seu meio. Vai ser desenvolvido num tom cinzento de modo a ser "genérico", com aspecto limpo e moderno para a montagem de um Pc Desktop. O modo de navegação entre os menus será efectuado através de ícones/botões de desenho personalizado com texto. Terão funções tradicionais como Menu Principal, Avançar , Fechar e Retroceder e únicos como Iniciar Animação, ampliação, detalhes e entre outros. Todos terão uma personalização de ícone (desenho) únicos e enquadrados dentro do tema. Está a ser realizado um estudo de cor para a composição dos layouts de todos os menus/ecrãs, envolvendo o cinzento (já referido anteriormente) e preto em contraste com o azul e branco.




Diário de bordo


23.Nov.2010


Foi formado o grupo e depois escolhido o tema a desenvolver.


25.Nov.2010


Foram esclarecidas as ideias a desenvolver na aplicação. Na aula foi discutido onde é que tinhamos obtido a ideia para a realização da aplicação, sendo referenciado o site IKEA como inspiração para o aspecto do nosso projecto e no vídeo Como as coisas Funcionam do Youtube para o tutorial do nosso projecto. Foi também referido que a aplicação baseava-se na construção de um desktop, pelo que iriamos fazer uma aplicação que ía incluir uma animação em cada peça da torre, onde cada componente teria a sua respectiva informação e animação. Na informação, poderemos observar a função do componente seleccionado, a localização da sua montagem e a média de preço. A animação ocorre quando clicamos no botão personalizado (a própria peça é um botão que foi reduzido o tamanho), que depois faz movimentar o componente até ao respectivo sítio no desktop.


29.Nov.2010


Foi pesquisado o tipo de letra. Foram escolhidos o Sansation (fontsquirrel.com) e o V5 Prophit (dafont.com) para os títulos e o Tahoma (pré-definido no computador) para os textos da aplicação. Escolhemos estes tipos de letra devido ao tema limpo, moderno e claro da aplicação. Depois começamos a desenvolver o logótipo, pelo que decidimos que PC e Assembler teriam diferentes tipos de letra.


2.Dez.2010


Continuamos o desenvolvimento do logótipo que se iniciou no dia 29 de Novembro e foi escolhido o tipo de letra para o logótipo, sendo PC o V5 Prophit e Assembler o Tahoma.


3.Dez.2010


Foi decidido que no menu tutorial da aplicação seria constituido por imagens vectoriais e bitmap, pelo que podemos conjugar imagens reais com imagens desenhadas pelo grupo. No entanto, as ditas 'imagens reais' só serão usadas como conteúdo 'extra' para que a aplicação fique mais agradável a nível estético.




Como já referido anteriormente, a aplicação foi baseada na aplicação do IKEA e no vídeo COMO AS COISAS FUNCIONAM, onde chegamos à conclusão que estes possuiam as características pretendidas para o nosso projecto.

Foi desenvolvido o esquema de arborescência da plataforma, isto é, começamos a desenvolver o esquema das funcionalidades da aplicação e a estudar a forma de como os menus iriam transitar de uns para os outros, enquanto o utilizador estivesse a interagir com a aplicação.

Esquema arborescente.png

















Haverá uma pequena introdução com vários 'fade ins' dos elementos do menu inicial. Nesse menu, haverá botões para aceder ao menu do tutorial, para o menu dos créditos, para sair da aplicação, para desligar ou ligar o som. No menu do tutorial, será encontrado as respectivas peças do computador, onde haverá a opção para ver a informação sobre essa peça e depois a animação da sua montagem na torre do computador.

Ecrãs desenvolvidos

Ecrans tipo act2.jpg
Ecrans tipo act3.jpg
Ecrans tipo act1.jpg









Neste ecrã podemos observar uma ideia do menu inicial, onde podemos encontrar os botões já devidamente posicionados.









Aqui encontra-se o menu tutorial, onde podemos observar inúmeras 'caixas' vazias, que irão incluir o desenho de uma peça, ficando estes botões personalizados e cada um diferente do outro. Cada botão irá mostrar a respectiva informação e animação.

Encontra-se aqui uma ideia de apresentação da animação da montagem da peça na torre do computador.


































17.Dez.2010 até 14.Jan.2011


O projecto foi desenvolvido todos os dias nesse período. No entanto, como houve dificuldades na reunião do grupo nas férias, o projecto começou a ser somente desenvolvido por um membro do grupo (Daniel Carvalho). Visto que o projecto estava a desenvolver-se num bom ritmo, foi decidido que iria haver alterações a nível estético e a nível funcional na aplicação. Assim, os esquema cromático sofreu alterações, havendo um maior número de tons, a ordem dos objectos presentes nos diversos ecrãs foram alterados, foi adicionado um novo botão na aplicação (funcionalidade que permite fullscreen) e foram adicionadas novas animações. No entanto, houve algumas coisas que se mantiveram intactas, como o tipo de letra, o objectivo da aplicação, o esquema de arborescência e a animação do tutorial.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox