The World of Steamy

Da Lab. Multimédia 1
(Diferença entre edições)
Ir para: navegação, pesquisa
 
(58 edições intermédias de 2 utilizadores não apresentadas)
Linha 1: Linha 1:
−
[[File:Rodapé1.jpg|center|1157px]]
+
[[File:Generico.jpg|center|1157px]]
−
{| style="color:black; background-color:rgb(0, 78, 104);" width="100%" cellpadding="10" align=center
+
{| style="color:black; background-color:rgb(124, 7, 5);" width="100%" cellpadding="10" align=center
  
 
|
 
|
−
{| style="color:black; background-color:rgb(0, 78, 104);" width="100%" cellpadding="7" align=center
+
{| style="color:black; background-color:rgb(124, 7, 5);" width="100%" cellpadding="7" align=center
 +
 
 +
|
 +
{| cellpadding="2" style="border: 0px;"
 +
! width="400" |
 +
! width="400" |
 +
|- align="center"
 +
| style="width: 100%;"|
 +
[[File:Robot.png|400px]]
 +
| style="width: 100%;"|
 +
[[File:Mocho3.png|300px]]
 +
|- align="center"
 +
|}
  
−
|[[File:Mocho3.png|350px]]
 
 
|-
 
|-
−
|<font color="white" face="Arial" size="6"><b>Membros do Grupo</b></font>
+
|<font color="black" face="Arial" size="6"><b>Membros do Grupo:</b></font>
 +
|-
 +
|
 +
|-
 +
|
 
*<font color="white" face="Arial" size="2"><b>Ana Rita Neves</b> - 67427</font>
 
*<font color="white" face="Arial" size="2"><b>Ana Rita Neves</b> - 67427</font>
 
*<font color="white" face="Arial" size="2"><b>Priscila Cunha</b> - 68052</font>
 
*<font color="white" face="Arial" size="2"><b>Priscila Cunha</b> - 68052</font>
Linha 19: Linha 34:
 
|
 
|
 
|-
 
|-
−
| <font color="white" face="Arial" size="6"><b>Diário de Bordo</b><font>
+
| <font color="black" face="Arial" size="6"><b>Diário de Bordo:</b><font>
  
 
<div style="width: 100%; height:5em; overflow:auto;">
 
<div style="width: 100%; height:5em; overflow:auto;">
 
{| style="width: 100%; height: 200px"
 
{| style="width: 100%; height: 200px"
 
|-
 
|-
−
| <font color="#B8FFEA" face="Arial" size="2"> ❤ <b>Dia 3 de Dezembro:</b><font color="white" face="Arial" size="2"> Com a apresentação da proposta para o Projecto Final, na UC de ID-E, discutiu-se em grupo (formado desde novembro) o rumo do Projecto. Decidimos nessa aula o género de aplicação que viríamos a realizar. Começamos a pesquisa do estado de arte.</font>
+
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 3 de Dezembro:</b><font color="white" face="Arial" size="2"> Com a apresentação da proposta para o Projecto Final, na UC de ID-E, discutiu-se em grupo (formado desde novembro) o rumo do Projecto. Decidimos nessa aula o género de aplicação que viríamos a realizar. Começamos a pesquisa do estado de arte.</font>
 
|-
 
|-
 
|
 
|
Linha 32: Linha 47:
 
|
 
|
 
|-
 
|-
−
| <font color="#B8FFEA" face="Arial" size="2"> ❤ <b>Dia 6 de Dezembro:</b><font color="white" face="Arial" size="2"> Após a pesquisa ao nível gráfico, achamos que já tínhamos uma ideia minimamente alinhavada. Quando pensamos melhor no tema (inicialmente uma narrativa interactiva) decidimos enveredar por um meio mais aliciante e que nos cativa individualmente. Ficou acordado que o nosso Projecto Final iria ser um jogo composto por vários desafios. Por termos em comum o gosto pelo estilo Steampunk, surgiu o nome da personagem principal: <b>Steamy</b>. Criamos então esta página com o nome oficial do Projecto "<b>The World of Steamy</b>". Nessa mesma aula fizemos uma pequena distribuição de tarefas para determinar definitivamente o conteúdo da aplicação. A Priscila construiu uma narrativa. O Martinho fez um levantamento de aplicações similares. O Gonçalo fez uma selecção de mini jogos passíveis de serem realizados. A Rita começou os esboços para a personagem e botões.  
+
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 6 de Dezembro:</b><font color="white" face="Arial" size="2"> Após a pesquisa ao nível gráfico, achamos que já tínhamos uma ideia minimamente alinhavada. Quando pensamos melhor no tema (inicialmente uma narrativa interactiva) decidimos enveredar por um meio mais aliciante e que nos cativa individualmente. Ficou acordado que o nosso Projecto Final iria ser um jogo composto por vários desafios. Por termos em comum o gosto pelo estilo Steampunk, surgiu o nome da personagem principal: <b>Steamy</b>. Criamos então esta página com o nome oficial do Projecto "<b>The World of Steamy</b>". Nessa mesma aula fizemos uma pequena distribuição de tarefas para determinar definitivamente o conteúdo da aplicação. A Priscila construiu uma narrativa. O Martinho fez um levantamento de aplicações similares. O Gonçalo fez uma selecção de mini jogos passíveis de serem realizados. A Rita começou os esboços para a personagem e botões.  
 
|-
 
|-
 
|
 
|
Linha 40: Linha 55:
 
|
 
|
 
|-
 
|-
−
| <font color="#B8FFEA" face="Arial" size="2"> ❤ <b>Dia 10 de Dezembro:</b><font color="white" face="Arial" size="2"> Com o trabalho realizado por cada um em casa, segunda-feira tínhamos material para começar a trabalhar no projecto. Começamos por analisar o que poderíamos fazer, se era um desafio ou não, se se enquadrava nos parâmetros da disciplina, se os elementos eram consistentes, começamos a construir o B.I da aplicação e a pensar na distribuição de tarefas para as férias de Natal. No final da aula já havia um guião a seguir para o desenvolvimento da aplicação.
+
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 10 de Dezembro:</b><font color="white" face="Arial" size="2"> Com o trabalho realizado por cada um em casa, segunda-feira tínhamos material para começar a trabalhar no projecto. Começamos por analisar o que poderíamos fazer, se era um desafio ou não, se se enquadrava nos parâmetros da disciplina, se os elementos eram consistentes, começamos a construir o B.I da aplicação e a pensar na distribuição de tarefas para as férias de Natal. No final da aula já havia um guião a seguir para o desenvolvimento da aplicação.
 
|-
 
|-
 
|
 
|
Linha 48: Linha 63:
 
|
 
|
 
|-
 
|-
−
|<font color="#B8FFEA" face="Arial" size="2"> ❤ <b>Dia 13 de Dezembro:</b><font color="white" face="Arial" size="2"> Nesta aula desenhámos a arborescência da aplicação. Decidiu-se o efeitos dos vários elementos, os conteúdos a utilizar, e acrescentaram-se mais alguns pormenores a fim de complementar o trabalho. Uma vez mais, distribuíram-se tarefas para facilitar o trabalho do grupo na sua próxima reunião. O Martinho ficou encarregue de começar uma biblioteca de sons. O Gonçalo fez uma pesquisa/aprendizagem de programação AS2 a utilizar no Projecto. A Priscila fez uma pesquisa de imagens de referência a utilizar, a fim de realizar os elementos gráficos. A Rita encarregou-se de começar a compôr a Wiki e de fazer alguns dos elementos gráficos definitivos.
+
|<font color="#000000" face="Arial" size="2"> ❤ <b>Dia 13 de Dezembro:</b><font color="white" face="Arial" size="2"> Nesta aula desenhámos a arborescência da aplicação. Decidiu-se o efeitos dos vários elementos, os conteúdos a utilizar, e acrescentaram-se mais alguns pormenores a fim de complementar o trabalho. Uma vez mais, distribuíram-se tarefas para facilitar o trabalho do grupo na sua próxima reunião. O Martinho ficou encarregue de começar uma biblioteca de sons. O Gonçalo fez uma pesquisa/aprendizagem de programação AS2 a utilizar no Projecto. A Priscila fez uma pesquisa de imagens de referência a utilizar, a fim de realizar os elementos gráficos. A Rita encarregou-se de começar a compôr a Wiki e de fazer alguns dos elementos gráficos definitivos.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|<font color="#000000" face="Arial" size="2"> ❤ <b>Dia 17 de Dezembro :</b><font color="white" face="Arial" size="2"> Neste aula de laboratório estudamos a estrutura arborescente que havia sido feita na aula anterior; o Martinho apresentou as músicas que recolheu; o Gonçalo começou a estudar algumas pequisas que realizou sobre programação; a Rita continuou a conceção dos elementos gráficos como o Steamy e Mocho; a Priscila atualizou a wiki e começou a recolha do estado de arte.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|<font color="#000000" face="Arial" size="2"> ❤ <b>Dia 20 de Dezembro :</b><font color="white" face="Arial" size="2"> Procedemos á realização dos esboços de cenários e continuamos a conceção dos elementos visuais como o Robot e o companheiro, Mocho.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 21/22 de Dezembro:</b><font color="white" face="Arial" size="2"> Concluimos a conceção visual e implementação da parte gráfica do projeto. A Rita conclui as últimas digitalizações necessárias para a conclusão dos cenários e a Priscila iniciou o dossier para a UC de ID-E.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 23 de Dezembro:</b><font color="white" face="Arial" size="2"> A Priscila finalizou o dossier para a UC de ID-E.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 28 de Dezembro:</b><font color="white" face="Arial" size="2"> O grupo começou a investigar a programação e a editar o som.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 3 de Janeiro:</b><font color="white" face="Arial" size="2"> Criação da animação inicial; introdução de alguns códigos AS2.0.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 8/9/10 de Janeiro:</b><font color="white" face="Arial" size="2"> Continuação das animações, iniciação da criação da interatividade, em específico o jogo do labirinto e todos os botões associados.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 11 de Janeiro:</b><font color="white" face="Arial" size="2"> Continuação da construção da aplicação e atualização da wiki.
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
|
 +
|-
 +
| <font color="#000000" face="Arial" size="2"> ❤ <b>Dia 12/13/14/15 de Janeiro:</b><font color="white" face="Arial" size="2"> Continuação e conclusão da aplicação; iniciação e finalização do relarório; atualização da wiki.
 
|}
 
|}
 
|-
 
|-
Linha 55: Linha 142:
 
|
 
|
 
|-
 
|-
−
|<font color="white" face="Arial" size="6"><b>Caracterização</b></font>
+
|
−
*<font color="white" face="Arial" size="2"><b>Área de Conteúdo</b> - Entertenimento</font>
+
|-
 +
|
 +
|-
 +
|<font color="black" face="Arial" size="6"><b>Caracterização:</b></font>
 +
|-
 +
|
 +
|-
 +
|
 +
*<font color="white" face="Arial" size="2"><b>Área de Conteúdo</b> - Entretenimento</font>
 
*<font color="white" face="Arial" size="2"><b>Plataforma de Suporte</b> - World Wide Web</font>
 
*<font color="white" face="Arial" size="2"><b>Plataforma de Suporte</b> - World Wide Web</font>
 
*<font color="white" face="Arial" size="2"><b>Forma de Distribuição</b> - Combinação On/Off-Line</font>
 
*<font color="white" face="Arial" size="2"><b>Forma de Distribuição</b> - Combinação On/Off-Line</font>
Linha 67: Linha 162:
 
|
 
|
 
|-
 
|-
−
|<font color="white" face="Arial" size="6"><b>Desenho Estrutura Arborescente</b></font>
+
|<font color="black" face="Arial" size="6"><b>Desenho Estrutura Arborescente:</b></font>
 
|-
 
|-
 
|[[File:Arborescenciasteamy.png|1000px]]
 
|[[File:Arborescenciasteamy.png|1000px]]
Linha 81: Linha 176:
  
 
{| cellpadding="2" style="border: 0px;"
 
{| cellpadding="2" style="border: 0px;"
−
! width="550" | <font color="white" face="Arial" size="6"><b>Inspiração</b></font>
+
! width="540" | <font color="black" face="Arial" size="6"><b>Inspiração:</b></font>
−
! width="550" | <font color="white" face="Arial" size="6"><b>Esboços</b></font>
+
! width="540" | <font color="black" face="Arial" size="6"><b>Esboços:</b></font>
 
|- align="center"
 
|- align="center"
−
| style="width: 100%;"|<div style="width: 100%; height:15em; overflow:auto;">
+
| style="width: 100%;"|<div style="width: 100%; height:15em; overflow:scroll;">
−
[[File:Exemplos.png|550px]]
+
[[File:Exemplos.png|540px]]
−
| style="width: 100%;"|<div style="width: 100%; height:15em; overflow:vertical;">
+
| style="width: 100%;"|<div style="width: 100%; height:15em; overflow:scroll;">
−
[[File:Esboços1.png|550px]]
+
[[File:Esboços1.png|540px]]
 
|- align="center"
 
|- align="center"
 
|}
 
|}
Linha 94: Linha 189:
 
|-
 
|-
 
|
 
|
 +
|-
 +
| <font color="black" face="Arial" size="6"><b>Cenários:</b></font>
 +
|-
 +
|<center>[[File:Cenarios.png]]</center>
 
|-
 
|-
 
|
 
|
 +
|-
 +
|<font color="black" face="Arial" size="6"><b>Tarefas:</b></font>
 
|-
 
|-
 
|
 
|
 +
*<font color="white" face="Arial" size="2"><b>Ana Rita Neves</b> - Programação, animações, desenho e digitalização de todos os conteúdos gráficos,  manipulação dos elementos no ficheiro fla., manutenção e atualização da wiki, desenho da estrutura arborescente, recolha do estado de arte, pesquisa do estilo gráfico.</font>
 +
*<font color="white" face="Arial" size="2"><b>Priscila Cunha</b> - Animações, pesquisa e recolha do estado de arte, realização do relatório, pesquisa de códigos e conteúdos multimédia, recolha e edição de som, manutenção e atualização da wiki, pesquisa do estilo gráfico.</font>
 +
*<font color="white" face="Arial" size="2"><b>Gonçalo Fidalgo</b> - Programação, pesquisa de conteúdo e integração do som, manipulação dos elementos no ficheiro fla.</font>
 +
*<font color="white" face="Arial" size="2"><b>Martinho Mota</b> - Biblioteca de sons e integração do som.</font>
 
|-
 
|-
 
|
 
|
Linha 103: Linha 208:
 
|
 
|
 
|-
 
|-
−
| <center><font color="white" face="Arial" size="2">Mais Informação em breve...</font></center>
+
|<font color="black" face="Arial" size="6"><b>Relatório Final:</b></font>
 +
|-
 +
|[[File:RELATÓRIO.docx|Relatório-Word]]
 +
|-
 +
|[[Multimédia:RELATÓRIO1.pdf|Relatório-pdf]]
 +
|-

Edição actual desde as 01h39min de 21 de Janeiro de 2013

Generico.jpg

Robot.png

Mocho3.png

Membros do Grupo:
  • Ana Rita Neves - 67427
  • Priscila Cunha - 68052
  • Gonçalo Fidalgo - 68940
  • Martinho Mota - 60720
Diário de Bordo:
❤ Dia 3 de Dezembro: Com a apresentação da proposta para o Projecto Final, na UC de ID-E, discutiu-se em grupo (formado desde novembro) o rumo do Projecto. Decidimos nessa aula o género de aplicação que viríamos a realizar. Começamos a pesquisa do estado de arte.
❤ Dia 6 de Dezembro: Após a pesquisa ao nível gráfico, achamos que já tínhamos uma ideia minimamente alinhavada. Quando pensamos melhor no tema (inicialmente uma narrativa interactiva) decidimos enveredar por um meio mais aliciante e que nos cativa individualmente. Ficou acordado que o nosso Projecto Final iria ser um jogo composto por vários desafios. Por termos em comum o gosto pelo estilo Steampunk, surgiu o nome da personagem principal: Steamy. Criamos então esta página com o nome oficial do Projecto "The World of Steamy". Nessa mesma aula fizemos uma pequena distribuição de tarefas para determinar definitivamente o conteúdo da aplicação. A Priscila construiu uma narrativa. O Martinho fez um levantamento de aplicações similares. O Gonçalo fez uma selecção de mini jogos passíveis de serem realizados. A Rita começou os esboços para a personagem e botões.
❤ Dia 10 de Dezembro: Com o trabalho realizado por cada um em casa, segunda-feira tínhamos material para começar a trabalhar no projecto. Começamos por analisar o que poderíamos fazer, se era um desafio ou não, se se enquadrava nos parâmetros da disciplina, se os elementos eram consistentes, começamos a construir o B.I da aplicação e a pensar na distribuição de tarefas para as férias de Natal. No final da aula já havia um guião a seguir para o desenvolvimento da aplicação.
❤ Dia 13 de Dezembro: Nesta aula desenhámos a arborescência da aplicação. Decidiu-se o efeitos dos vários elementos, os conteúdos a utilizar, e acrescentaram-se mais alguns pormenores a fim de complementar o trabalho. Uma vez mais, distribuíram-se tarefas para facilitar o trabalho do grupo na sua próxima reunião. O Martinho ficou encarregue de começar uma biblioteca de sons. O Gonçalo fez uma pesquisa/aprendizagem de programação AS2 a utilizar no Projecto. A Priscila fez uma pesquisa de imagens de referência a utilizar, a fim de realizar os elementos gráficos. A Rita encarregou-se de começar a compôr a Wiki e de fazer alguns dos elementos gráficos definitivos.
❤ Dia 17 de Dezembro : Neste aula de laboratório estudamos a estrutura arborescente que havia sido feita na aula anterior; o Martinho apresentou as músicas que recolheu; o Gonçalo começou a estudar algumas pequisas que realizou sobre programação; a Rita continuou a conceção dos elementos gráficos como o Steamy e Mocho; a Priscila atualizou a wiki e começou a recolha do estado de arte.
❤ Dia 20 de Dezembro : Procedemos á realização dos esboços de cenários e continuamos a conceção dos elementos visuais como o Robot e o companheiro, Mocho.
❤ Dia 21/22 de Dezembro: Concluimos a conceção visual e implementação da parte gráfica do projeto. A Rita conclui as últimas digitalizações necessárias para a conclusão dos cenários e a Priscila iniciou o dossier para a UC de ID-E.
❤ Dia 23 de Dezembro: A Priscila finalizou o dossier para a UC de ID-E.
❤ Dia 28 de Dezembro: O grupo começou a investigar a programação e a editar o som.
❤ Dia 3 de Janeiro: Criação da animação inicial; introdução de alguns códigos AS2.0.
❤ Dia 8/9/10 de Janeiro: Continuação das animações, iniciação da criação da interatividade, em específico o jogo do labirinto e todos os botões associados.
❤ Dia 11 de Janeiro: Continuação da construção da aplicação e atualização da wiki.
❤ Dia 12/13/14/15 de Janeiro: Continuação e conclusão da aplicação; iniciação e finalização do relarório; atualização da wiki.
Caracterização:
  • Área de Conteúdo - Entretenimento
  • Plataforma de Suporte - World Wide Web
  • Forma de Distribuição - Combinação On/Off-Line
  • Paradigmas de Interação - Tutorial e Ambiente
  • Filiação - Laboratório Multimédia 1, NTC, Universidade de Aveiro
  • Autoria - Rita Neves, Priscila Cunha, Gonçalo Fidalgo, Martinho Mota
Desenho Estrutura Arborescente:
Arborescenciasteamy.png
Inspiração: Esboços:

Exemplos.png

Esboços1.png


Cenários:
Cenarios.png
Tarefas:
  • Ana Rita Neves - Programação, animações, desenho e digitalização de todos os conteúdos gráficos, manipulação dos elementos no ficheiro fla., manutenção e atualização da wiki, desenho da estrutura arborescente, recolha do estado de arte, pesquisa do estilo gráfico.
  • Priscila Cunha - Animações, pesquisa e recolha do estado de arte, realização do relatório, pesquisa de códigos e conteúdos multimédia, recolha e edição de som, manutenção e atualização da wiki, pesquisa do estilo gráfico.
  • Gonçalo Fidalgo - Programação, pesquisa de conteúdo e integração do som, manipulação dos elementos no ficheiro fla.
  • Martinho Mota - Biblioteca de sons e integração do som.
Relatório Final:
Ficheiro:RELATÓRIO.docx
Relatório-pdf
Obtida de "http://wikis.ua.pt/labmm1/index.php?title=The_World_of_Steamy"
Ferramentas pessoais
Espaços nominais
Variantes
Acções
Navegação
Ferramentas