Recicl'aki
From LABMM1_IDE
(→Diário de Bordo) |
(→Relatório do Projecto Final) |
||
| (18 intermediate revisions not shown) | |||
| Line 34: | Line 34: | ||
== Diário de Bordo == | == Diário de Bordo == | ||
| + | |||
| + | '''13 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Integração de Videos e Jogos no .fla final; | ||
| + | |||
| + | • Integração da mascote; | ||
| + | |||
| + | • Revisão de relatório e ficheiros para entrega; | ||
| + | |||
| + | |||
| + | |||
| + | '''12 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Sonorização; | ||
| + | |||
| + | • Programação e Animação; | ||
| + | |||
| + | |||
| + | '''11 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Packaging; | ||
| + | |||
| + | • Programação e Animação; | ||
| + | |||
| + | |||
| + | '''10 - Jan - 2011''' | ||
| + | |||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Animação da mascote com integração da voz; | ||
| + | |||
| + | • Programação de jogos; | ||
| + | |||
| + | • Continuação da programação de ecrãs e botões; Integração de movieclips; | ||
| + | |||
| + | |||
| + | '''09 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Revisão de textos; | ||
| + | |||
| + | • Programação do Scroll; | ||
| + | |||
| + | • Continuação da ilustração da mascote: vistas de lado, trás, acenar, explicar, posições da boca; | ||
| + | |||
| + | |||
| + | '''08 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Programação de Jogos; | ||
| + | |||
| + | • Animação e programação dos ecrãs e botões; | ||
| + | |||
| + | • Continuação da ilustração da mascote: vistas de lado, trás, acenar, explicar, posições da boca; | ||
| + | |||
| + | |||
| + | '''07 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | • Edição de Som; | ||
| + | |||
| + | • Animação e programação dos ecrãs e botões; | ||
| + | |||
| + | |||
| + | '''06 - Jan - 2011''' | ||
| + | |||
| + | (Reunião) | ||
| + | |||
| + | |||
| + | • Programação do leitor de video; | ||
| + | |||
| + | • Ajustes da resolução de imagens bitmap; | ||
| + | |||
| + | • Animação e programação dos ecrãs; | ||
| Line 43: | Line 127: | ||
• Continuação da animação e programação; | • Continuação da animação e programação; | ||
| + | |||
'''04 - Jan - 2011''' | '''04 - Jan - 2011''' | ||
| Line 62: | Line 147: | ||
• Iniciação da Programação em Flash. | • Iniciação da Programação em Flash. | ||
| + | |||
| + | |||
'''29 - Dez - 2010''' | '''29 - Dez - 2010''' | ||
| Line 78: | Line 165: | ||
• Finalização dos textos informativos para as secções: “como reciclar” e “para os pais” | • Finalização dos textos informativos para as secções: “como reciclar” e “para os pais” | ||
| + | |||
''divisão de tarefas estabelecida:'' | ''divisão de tarefas estabelecida:'' | ||
| Line 86: | Line 174: | ||
'''Ivan Fernades''' - Botões; Acerto do Logotipo; Layout dos Jogos; | '''Ivan Fernades''' - Botões; Acerto do Logotipo; Layout dos Jogos; | ||
| + | |||
P.S. ''O grupo encontra-se com dificuldades em contactar com o Daniel'' | P.S. ''O grupo encontra-se com dificuldades em contactar com o Daniel'' | ||
| Line 134: | Line 223: | ||
• Tentativa de consenso quanto do layout principal; Concretização de exemplos e experiências para escolha posterior em grupo; | • Tentativa de consenso quanto do layout principal; Concretização de exemplos e experiências para escolha posterior em grupo; | ||
| + | |||
| Line 143: | Line 233: | ||
• Lista de Requisitos Funcionais | • Lista de Requisitos Funcionais | ||
| + | |||
| Line 280: | Line 371: | ||
Considerando os dados que recolhemos sobre os efeitos da cor nas crianças (nas páginas [http://pt.shvoong.com/medicine-and-health/1798090-cromoterapia-os-efeitos-das-cores/ Cromoterapia] e [http://www.cosasdelainfancia.com/biblioteca-compor12.htm Cosas de la Infancia]) e utilizando, como referência, as cores dos contentores da reciclagem, recorremos ao [http://kuler.adobe.com/ Kuler] e elegemos alguns tons que, em principio, serão a base da nossa aplicação: | Considerando os dados que recolhemos sobre os efeitos da cor nas crianças (nas páginas [http://pt.shvoong.com/medicine-and-health/1798090-cromoterapia-os-efeitos-das-cores/ Cromoterapia] e [http://www.cosasdelainfancia.com/biblioteca-compor12.htm Cosas de la Infancia]) e utilizando, como referência, as cores dos contentores da reciclagem, recorremos ao [http://kuler.adobe.com/ Kuler] e elegemos alguns tons que, em principio, serão a base da nossa aplicação: | ||
| - | [[File: | + | [[File:cores_copy.jpg]] |
| - | Relativamente à tipografia, utilizaremos "Pooh" para os blocos de texto. | + | Relativamente à tipografia, utilizaremos "Pooh" para os textos de destaque (títulos e botões). Para os blocos de texto utilizaremos Myriad Pro. |
| - | + | ||
== Estudo Relativo á Distribuição da Aplicação == | == Estudo Relativo á Distribuição da Aplicação == | ||
| Line 295: | Line 385: | ||
== Arborescência == | == Arborescência == | ||
| - | [[File: | + | [[File:coisanova.jpg]] |
| + | |||
| + | == Relatório do Projecto Final == | ||
| + | |||
| + | |||
| + | '''1. Apresentação do Projecto''' | ||
| + | |||
| + | |||
| + | |||
| + | O projecto de autoria multimédia, no âmbito das unidades curriculares Laboratório Multimédia I e Imagem Digital-Estática tem como principal objectivo o desenvolvimento de capacidades de autoria multimédia, integração e combinação de conteúdos e seu fluxo na construção de uma aplicação interactiva assim como da autoria dos seus conteúdos, captura e edição dos elementos a integrar. | ||
| + | Desta forma, o trabalho será desenvolvido com o objectivo de criar uma aplicação multimédia interactiva funcional sendo aplicável a sua distribuição, baseada numa estrutura arborescente não linear, cumprindo os princípios básicos do desenho de interface e interacção. | ||
| + | Como tal, foi feito um estudo das potencialidades do projecto e desenvolvido um conceito no qual este se baseará. O produto multimédia final será, portanto, uma aplicação interactiva baseada no tema da reciclagem, tendo o público infantil (dos 6 aos 9 anos) como alvo, de modo a que estes se familiarizem com o uso do computador com o acompanhamento de um educador e que possam aprender um dos conceitos básicos da vida em sociedades – a protecção ambiental - de uma forma acessível, interactiva e divertida. | ||
| + | |||
| + | |||
| + | ---- | ||
| + | |||
| + | |||
| + | '''2. Análise e Planeamento''' | ||
| + | |||
| + | |||
| + | Na sociedade actual é possível considerar a frequência e a importância do conceito de desenvolvimento sustentável e da sua implementação nas gerações mais novas de modo a que consigam promovê-lo no futuro. Foi baseado nesta conclusão e na experiência de infância dos elementos do grupo que surgiu o conceito em que se baseia este projecto – aplicação multimédia interactiva, destinada a crianças dos 6 aos 8 anos com o objectivo de a incitar à protecção ambiental, compreendendo a essência da sua importância e captando as suas regras para poderem ser aplicadas no contexto prático da própria aplicação, assim como no contexto familiar, alertando os mais velhos e no seu futuro como cidadãos activos. | ||
| + | |||
| + | Reciclar implica reaproveitar, reutilizar. A produção de materiais reciclados faz com que haja uma menor utilização dos recursos naturais da Terra, um menor consumo de energia, menos lixeiras e incineradoras e uma redução da poluição. É importante transmitir este ideal às crianças de hoje em dia, adultos de amanhã, de modo a que tenham conhecimento suficiente para que hoje e no futuro sejam capazes de contribuir para o Desenvolvimento Sustentável do planeta influenciando também aqueles que lhes são mais próximos a quem não foi transmitido esta ideia antes. | ||
| + | |||
| + | O projecto tem como público-alvo as crianças com idades compreendidas sensivelmente entre os 6 e os 9 anos. Será uma aplicação educativa relacionada com o conceito de reciclagem, na qual os meninos e meninas poderão aprender a sua importância através de jogos interactivos e vídeos que ensinam a aproveitar materiais que parecem inutilizáveis para determinadas actividades. Integra, igualmente, uma secção destinada aos pais com informação adicional, para que possam esclarecer dúvidas relativas ao tema e ao próprio projecto. Relativamente à interface, optaremos por uma composição gráfica e elucidativa ás suas funções e com componentes sonoros para aqueles que ainda não conseguem ler. | ||
| + | |||
| + | A distribuição da aplicação em formato CD-ROM (plataforma off-line) para que possa ser adquirida pelos encarregados de educação ou auxiliares de infância e utilizada com acompanhamento dos mesmos. Foi tomada esta decisão devido à faixa etária para a qual se dirige a aplicação, visto que, muitos pais temem a utilização da internet por parte dos seus filhos mais novos e preferem adquirir um produto que podem conhecer inteiramente, visto que é disponibilizada informação especialmente direccionada aos educadores. Relativamente à utilização do produto nas instituições de actividades de tempos livres, consideramos também vantajoso a plataforma off-line, tendo em conta que o tempo de utilização dos computadores é controlado assim como as actividades realizadas, sendo por vezes restrito o acesso á internet, este produto será de mais fácil acesso por parte das crianças (não necessitando uma pesquisa), de mais fácil controlo por parte das auxiliares num contexto em que o conjunto de crianças é extenso e de maior confiança por parte dos pais, que pretendem proteger os seus filhos dos excessos e perigos aos quais as crianças estão sujeitas. | ||
| + | |||
| + | |||
| + | Os objectivos concretos da nossa aplicação são: | ||
| + | |||
| + | |||
| + | • Desenvolver, nos mais novos, atitudes de respeito pela natureza | ||
| + | |||
| + | • Promover a higiene dos espaços colectivos | ||
| + | |||
| + | • Promover a recolha selectiva dos lixos | ||
| + | |||
| + | • Incrementar a realização de actividades com materiais reutilizáveis | ||
| + | |||
| + | • Desenvolver nas crianças o gosto e os cuidados a ter para evitar a destruição do nosso planeta | ||
| + | |||
| + | • Alertar os pais para a necessidade urgente de educar os filhos para a reciclagem | ||
| + | |||
| + | Para o aprofundamento de conhecimento relativo ao tema e ao tipo de aplicação que deveríamos desenvolver para a abordagem do tema foi necessário investigar e analisar algumas páginas de modo a serem traçados objectivos a nível gráfico, sonoro, cromático e tipográfico que fossem ideias para promover a usabilidade da aplicação. | ||
| + | |||
| + | Algumas das páginas que seleccionamos referem-se, portanto, somente a informação expositiva sobre o tema, outras partilham o objectivo da nossa aplicação e algumas são apenas páginas destinadas ao público infantil, que nos ajudarão a preparar um site funcional para as crianças mais pequenas. | ||
| + | |||
| + | [http://www.smartkids.com.br/especiais/reciclagem/ http://www.smartkids.com.br/especiais/reciclagem/] - é um website destinado inteiramente às crianças e a tópicos variados (nomeadamente a reciclagem). A sua interface é bastante gráfica, principalmente a nível dos botões. Apresenta, tal com a aplicação que pretendemos criar, jogos didáticos e outras secções com actividades lúdicas; | ||
| + | |||
| + | [http://www.afcal.pt/clube/REC.php http://www.afcal.pt/clube/REC.php] - este web site contém informação expositiva sobre a reciclagem (bastante simplificada), assim como jogos educativos e sugestões para a realização de outras actividades na área do edutainment. A sua interface é mais séria que a do site anterior; | ||
| + | |||
| + | [http://www.recyclezone.org.uk/ http://www.recyclezone.org.uk/]- aqui podemos encontrar secções destinadas às crianças (por exemplo a fun zone) e também aos professores (teacher zone). Embora a interface seja muito cuidada, não deixa de ter uma grande carga gráfica; | ||
| + | |||
| + | [http://www.kidsrgreen.org/krg.htmlhttp://www.kidsrgreen.org/krg.html ] - neste website recheado de jogos e quizzes sobre a preservação do ambiente, é notório que os designers tentaram criar menus muito gráficos e explícitos (inclusive com animações) para, deste modo, facilitar a sua interpretação; | ||
| + | |||
| + | [http://www.meninomaluquinho.com.br/ http://www.meninomaluquinho.com.br/] , [http://www.bbc.co.uk/cbeebies/greenballoonclub/ http://www.bbc.co.uk/cbeebies/greenballoonclub/]- estes sites não têm qualquer relação com o tema que estamos a tratar. No entanto, consideramos que possuem características muito importantes que devem ser tidas em conta aquando da criação de um site infantil: uma forte componente gráfica e sonora que permitem que as crianças identifiquem facilmente a função de cada botão; | ||
| + | http://www.colegio-santiago.pt/index.php?option=com_content&view=article&id=97:a-recilagem-e-as-criancas&catid=24:meio-ambiente&Itemid=8- site informativo sobre o processo da reciclagem. | ||
| + | |||
| + | |||
| + | ---- | ||
| + | |||
| + | |||
| + | '''3. Desenho Funcional''' | ||
| + | |||
| + | '''a. Requisitos Funcionais''' | ||
| + | Tendo um conta os objectivos da aplicação e o seu público-alvo, toda ela é pensada para facilitar a utilização por parte das crianças. O seu primeiro ecrã será de apresentação, onde consta apenas o logótipo, a mascote, que os guiará ao longo da aplicação, e que, nesta fase, dá as boas vindas (utilização de texto e voz) e explica o que oferece a aplicação. É-lhes dada então a opção de “Entrar”, que inicia a aplicação ou “Sair”, que a fecha, opções também explicitadas pela mascote. | ||
| + | |||
| + | Quando seleccionada a opção “Entrar” é apresentado um novo ecrã: neste, consta um botão que permite sair da aplicação, controlo de som e outro que mostra informação sobre o projecto/criadores; Nesta página mantém-se o logótipo e surge o menu principal, que se mantém fixo durante toda a aplicação para facilitar a navegação do utilizador para qualquer parte da aplicação a partir de qualquer outro ecrã. Inicialmente a mascote incita a criança a explorar a aplicação explicando brevemente a interface. No menu apresentam-se os botões que permitem aceder aos ecrãs: “Como Reciclar”, “Jogos” “Trabalhos Manuais” e “Secção dos Pais” | ||
| + | |||
| + | Nos ecrãs “Como Reciclar” e “Secção dos Pais”, os botões Sair, Controlo de Som e Info mantêm-se, como em todos os outros ecrãs (excepto o primeiro) e na zona central surge uma janela com o texto e imagens elucidativas, podendo navegar nela através de scroll. | ||
| + | Relativamente ao clique nos botões “Jogos” e “Trabalhos Manuais”, são acompanhados pelas indicações da mascote. Deste modo, surgem no centro do ecrã as miniaturas dos jogos, para que o utilizador possa escolher o que pretende. Depois desta escolha o jogo é apresentado em full scren, surgindo um botão para o minimizar, voltando ao ecrã que contém o menu lateral. O mesmo fluxo acontece no tópico “Trabalhos Manuais”. | ||
| + | |||
| + | |||
| + | '''b. Estrutura Arborescente''' | ||
| + | |||
| + | |||
| + | [[File:coisanova.jpg]] | ||
| + | |||
| + | |||
| + | A partir do ecrã de boas-vindas o utilizador tem duas hipóteses de navegação, sair da aplicação, não permitindo qualquer tipo de navegação posterior, e entrar. Depois de seleccionar esta opção é permitido navegar entre os ecrãs “Como Reciclar”, “Escolher Jogos”, “Trabalhos Manuais” e “Para os Pais”. É também permitido o controlo de som e o acesso á informação sobre o projecto em si. Sendo uma estrutura arborescente não linear é possível navegar entre estes ecrãs sem ordem necessária e sem voltar ao ecrã inicial. A partir das secções “Jogos” é possível a escolha entre os dois jogos disponíveis, podendo retroceder ao ecrã de escolha. O mesmo acontece com “Trabalhos Manuais”, possibilitando a escolha de um dos vídeos e o retorno á fase de escolha. Desta forma, é permitido ao utilizador passar de um jogo para outro ou de um vídeo para outro. | ||
| + | |||
| + | |||
| + | |||
| + | '''c. Desenho de interacção e usabilidade | ||
| + | ''' | ||
| + | Na fase inicial do projecto foi necessário reflectir sobre o conceito de usabilidade e a sua aplicação no projecto, a sua facilidade de utilização tendo em conta os utilizadores, as crianças e o seu contexto de aprendizagem, os erros que podem ocorre e a capacidade de reconhecer as funções da aplicação. | ||
| + | |||
| + | A princípio, na fase de desenho funcional, foi definida a estrutura da aplicação e os percursos que o utilizador pode seguir assim como as formas e estilos de navegação/interacção, que definem o tipo de relação computador-utilizador. Desta forma considerou-se necessário a utilização de janelas, botões gráficos, menus e caixas de texto como formas de navegação da aplicação. | ||
| + | |||
| + | Como é necessário durante a realização de um projecto deste tipo, a promoção usabilidade foi um conceito e um objecto que acompanhou todo o desenvolvimento do conceito e do desenho de interacção, tendo portanto tentado seguir ao máximo os princípios desenvolvidos para a sua promoção. Inicialmente, foi necessário definir o utilizador e conhecê-lo: as crianças dos 6 aos 9 anos, cujo conhecimento é algo reduzido, a maior parte ainda não sabe ler e está em fase de aprendizagem, reconhecem mais facilmente imagens do que texto e o diálogo através de som elucida-os de forma mais clara. A aplicação tem como objectivo que as crianças aprendam a importância do processo de reciclagem assim como a forma mais correcta de o realizar, mas que o façam de forma lúdica, de forma cativante e apelativa. Desta forma, em casa ou em actividades de tempos livres, com orientação inicial de um educador, e como possível inicio da interacção com um computador, as crianças podem explorar este conceito. O princípio da estrutura e organização foi também reflectido de forma a criar uma organização lógica dos conteúdos, estando os conteúdos principais ao alcance fácil do utilizador. Desta forma, o menu principal estará sempre presente do lado esquerdo do ecrã, sendo possível navegar para qualquer zona da aplicação a qualquer altura. A zona em que o utilizador se encontra está sempre identificada pelo título na parte superior do ecrã, de forma a orientar o percurso. Os botões são todos metáforas gráficas, facilmente reconhecidos pelos utilizadores em questão. | ||
| + | |||
| + | O princípio da simplicidade foi também tido em conta, projectando uma estrutura simples e de fácil acesso em qualquer situação, mas ao mesmo tempo criar uma interface agradável e apelativa para as crianças, antecipando também os desejos do utilizador, como o fornecimento de informação por parte da mascote, a informação destinada aos pais, informação sobre o projecto assim como a secção destinada às crianças aprenderem as regras da reciclagem, disponível também para esclarecerem qualquer dúvida no contexto dos jogos ou do dia-a-dia. A visibilidade é promovida na medida em que a necessidade de memorização é reduzida pois todas as opções se mantêm visíveis no desenvolver da navegação, tanto o menu principal como os botões de informação, controlo de som e sair. A aplicação do princípio de feedback é aplicada na simplicidade da linguagem, perceptível para as crianças, para que as informações sejam facilmente adquiridas, dadas frequentemente e de forma clara e objectiva. Os botões reagem também ao clique com som e ao rollover com movimento. | ||
| + | |||
| + | |||
| + | '''4. Desenho Técnico''' | ||
| + | |||
| + | |||
| + | Antes do foco no desenho técnico, foi necessário reflectir acerca da resolução de ecrã que pretendíamos utilizar, desta forma. Seguimo-nos pela estatística a seguir apresentada de modo à aplicação se tonar 100% funcional para a maioria dos seus utilizadores. | ||
| + | |||
| + | |||
| + | [[File:res.jpg]] | ||
| + | |||
| + | |||
| + | Na fase de desenho técnico foram desenvolvidos os objectos a integrar na aplicação. Com recurso ao Adobe Illustrator CS3 foram criados, com recurso à ilustração, da imagem vectorial, os objectos para os jogos, como os contentores, o ambiente á sua volta, o layout principal, botões, janelas e uma parte do logótipo. A nível da manipulação de imagem bitmap, foi desenvolvido a parte tipográfica do logótipo assim como o tratamento das fotografias com recurso ao Adobe Photoshop CS3. | ||
| + | |||
| + | |||
| + | |||
| + | [[File:Ilustrator.jpg]] | ||
| + | |||
| + | |||
| + | [[File:photoshop.jpg]] | ||
| + | |||
| + | |||
| + | |||
| + | ---- | ||
| + | |||
| + | '''5. Produção do projecto''' | ||
| + | |||
| + | |||
| + | [[File:jogo.jpg]] | ||
| + | |||
| + | |||
| + | '''a. Estrutura e meios de navegação/Interacção''' | ||
| + | |||
| + | A natureza do diálogo ser-humano-computador, formas e estilos de navegação, é feita através de manipulação e navegação, sendo a interacção feita á base de janelas, ícones, menus e apontadores, sendo menos exigentes do ponto de vista mnemónico pois todas as opções estão visíveis, permitindo ao utilizador uma maior liberdade de escolha e de navegação. | ||
| + | |||
| + | Relativamente aos meios de navegação /interacção é possível focar a utilização de janelas, compartimentando conteúdos, ícones/botões gráficos e caixas de diálogo. | ||
| + | |||
| + | '''b. Integração e controlo de som''' | ||
| + | |||
| + | Tendo em conta que parte do som integrante da aplicação multimédia em questão é voz, previamente gravada em ambiente não profissional, foi necessário proceder ao tratamento e edição de som, nomeadamente, cortes, detecção e eliminação de ruídos, equalização e normalização. Para estes fins foi utilizado o Audacity 2.0 Beta. No som constante nos vídeos da secção “trabalhos manuais” o controlo de som foi feito com recurso às ferramentas do Adobe Premiere Pro CS3. | ||
| + | ''' | ||
| + | c. Animação''' | ||
| + | |||
| + | Relativamente á animação foram utilizadas várias cenas, layrers, labels e movieclips de modo a promover a organização da timeline principal. As técnicas utilizadas para animar as várias componentes foram: Motion Tween, animação frame a frame, manipulação de alfa, mask layers e guide lines. | ||
| + | |||
| + | '''d. Integração de vídeo''' | ||
| + | |||
| + | Na fase de integração de vídeos no flash, na secção de trabalhos manuais, os vídeos foram convertidos em formato .flv e utilizados como videos externos, que constam no CD, não necessitando de carregar e não demorando a reproduzir. | ||
| + | Foi utilizado o Adobe Media Encoder CS3 parta converter os vídeos para o formato aceite pelo flash (.flv). | ||
| + | |||
| + | |||
| + | |||
| + | [[File:premiere1.jpg]] | ||
| + | |||
| + | |||
| + | |||
| + | '''e. Soluções técnicas adoptadas para a resolução de problemas. | ||
| + | ''' | ||
| + | |||
| + | Relativamente aos problemas encontrados é possível referir as dificuldades de organização a nível de cenas/labels/movieclips, factor que foi melhorado ao longo da utilização do flash. O targeting deu algumas complicações, no entanto com o desenvolvimento da programação, fomos forçados a aprender a organizar melhor a timeline principal e as secundárias. | ||
| + | |||
| + | Para além das bases adquiridas a nível de programação durante as aulas, foi necessário tirar algumas dúvidas com recurso a motores de busca e tutoriais (observação e análise de códigos) e também com a ajuda de alunos mais velhos que nos ajudaram não só em métodos de pesquisa como a trabalhar com o código. | ||
| + | |||
| + | Particularmente consideramos necessário referir as maiores dificuldades na concretização da parte de programação do jogo da memória, visto que não temos formação suficiente para fazer, quando um par é errado, que virem ambas as cartas e só depois voltem a virar as duas ao contrário (sendo necessário fazer um timer). Também no scroll surgiram alguns problemas, visto que tínhamos como objectivo que este funcionasse através de rollover, o que não foi possível concluir com sucesso. | ||
| + | |||
| + | |||
| + | [[File:pesquisa.jpg]] | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | ---- | ||
| + | |||
| + | |||
| + | '''6. Conclusões | ||
| + | |||
| + | a. Reflexão Crítica''' | ||
| + | |||
| + | Após a finalização do projecto final, o grupo decidiu, todo junto, rever a aplicação multimédia concretizada e analisá-la criticamente, reflectindo relativamente a melhoramentos e outros factores que foram surgindo ao longo desta fase a que se chamou ‘juízo final’. | ||
| + | |||
| + | Desta forma, concluiu-se unanimemente que, apesar de ser o primeiro projecto final que realizamos em contexto académico o balanço é positivo. | ||
| + | |||
| + | Foi necessário adquirir capacidades não só a nível da utilização dos programas ao longo do semestre como também desenvolver um conceito, englobando pesquisa e análise do público-alvo, reconsiderando os mais diversos factores que influenciariam partes da aplicação. Depois de desenvolvido o conceito e a identidade visual da aplicação, a nível de programação foi necessário algum trabalho autónomo de reanálise de aulas e pesquisa. | ||
| + | |||
| + | É possível concluir que, embora tenham surgido várias dificuldades, este trabalho foi importante não só para adquirir bases para um futuro profissional, para o qual nos preparar a formação académica que frequentamos como também para desenvolver capacidades de pesquisa e de resolução de problemas que serão bastante úteis no contexto de formação e também profissional. | ||
| + | |||
| + | '''b. Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto''' | ||
| + | |||
| + | • Consideramos que um dos melhoramentos que seria necessário na aplicação multimédia interactiva desenvolvida seria a nível do jogo da memória. Tendo em conta que o jogo consiste em clicar em duas cartas, esperando que sejam um par, o problema ocorre quando se clica na segunda: se esta não corresponder á primeira clicada ambas as cartas ficam viradas ao contrário, mas, é impossível ver a imagem da segunda carta. Desta forma, para que os dois objectos ficassem os dois visíveis durante um instante e só depois voltassem a ficar escondidos, teria de ser usado um timer, algo que não nos foi possível aplicar. | ||
| + | |||
| + | • Outro contratempo encontrado foi a integração do player nos vídeos da secção de trabalhos manuais, considerámos duas possibilidades: a primeira utilizar botões criados e programados autonomamente para o controlo dos vídeos que mostra m com fazer diferentes trabalhos manuais com materiais aparentemente inutilizáveis e por outro lado utilizar um player automático do flash. Depois de algum tempo de ponderação, concluiu-se que, tendo em conta o público-alvo e o objectivo dos vídeos (que as crianças sigam cada passo demonstrado), reconsiderámos que era importante o controlo de som e principalmente o seeker, de modo a que seja controlado pelo utilizador o tempo dispendido em cada uma das partes do processo de concretização das actividades. Desta forma, pensou-se a nível de usabilidade e decidiu-se pela última opção exposta anteriormente. Portanto, consideramos que um dos melhoramentos a fazer posteriormente seri criar o nosso próprio player, integrado no contexto gráfico da aplicação. | ||
| + | |||
| + | • Outro melhoramento que gostaria de ter sido concretizado é a utilização de um cursor do rato diferente, mais adequado ao público infantil e integrado no contexto gráfico da aplicação. No entanto, e apesar de pesquisa relativamente á forma de o fazer ter sido efectuada com sucesso, ocorreu um problema relativo á calibragem da posição cursor novo – cursor real (pois o código fazia esconder o cursor original, fazendo aparecer outro, que não coincidia com a posição real): | ||
| + | |||
| + | • Um problema surgiu também, á ultima da hora, a nível de sonorização. Tendo som dentro de movieclips e na time line principal, foi difícil controlar o volume de ambos com recurso ao código setVolume. Através de pesquisa e reflexão em grupo, conseguiu solucionar o contratempo gerado. | ||
| + | |||
| + | c. Referências Web e bibliográficas | ||
| + | |||
| + | [http://pt.wikipedia.org/wiki/Reciclagem] | ||
| + | [http://web.educom.pt/pr1305/ambiente_reciclar.htm] | ||
| + | [http://www3.di.uminho.pt/~jcr/XML/CURSOS/LAD2003/tp1/Reciclagem/como_reciclar.htm] | ||
| + | [http://cantinhodosmiudos.blogs.sapo.pt/23334.html] | ||
| + | [http://www.escolaemaccao.com/?cod=porque_reciclar] | ||
Latest revision as of 22:50, 14 January 2011
Contents |
Bem vindos!
Esta página foi criada no âmbito de partilhar convosco o desenvolvimento do nosso projecto final de LabMM1 e ID-E. Nela apresentaremos o progresso da aplicação a nível da ilustração, da animação e da programação.
O Grupo
user:CarolinaSeabra user:DianaRibeiro user:Irfernandes user:Mundi131
O Nosso Projecto
A nossa aplicação multimédia terá como público alvo as crianças com idades compreendidas sensivelmente entre os 6 e os 10 anos. Será uma aplicação educativa relacionada com a problemática da reciclagem, na qual os meninos e meninas poderão aprender a sua importância através de jogos interactivos e de outras brincadeiras. Integraremos, igualmente, uma secção destinada aos pais com informação adicional e um separador sobre trabalhos manuais com materiais recicláveis. Relativamente à interface, optaremos por uma composição altamente gráfica e com componentes sonoros (para os mais novos que ainda não sabem ler).
Os objectivos concretos da nossa aplicação são:
. Desenvolver, nos mais novos, atitudes de respeito pela natureza
. Promover a higiene dos espaços colectivos
. Promover a recolha selectiva dos lixos
. Incrementar a realização de actividades com materiais reutilizáveis
. Desenvolver nas crianças o gosto e os cuidados a ter para evitar a destruição do nosso planeta
. Alertar os pais para a necessidade urgente de educar os filhos para a reciclagem
Diário de Bordo
13 - Jan - 2011
(Reunião)
• Integração de Videos e Jogos no .fla final;
• Integração da mascote;
• Revisão de relatório e ficheiros para entrega;
12 - Jan - 2011
(Reunião)
• Sonorização;
• Programação e Animação;
11 - Jan - 2011
(Reunião)
• Packaging;
• Programação e Animação;
10 - Jan - 2011
(Reunião)
• Animação da mascote com integração da voz;
• Programação de jogos;
• Continuação da programação de ecrãs e botões; Integração de movieclips;
09 - Jan - 2011
(Reunião)
• Revisão de textos;
• Programação do Scroll;
• Continuação da ilustração da mascote: vistas de lado, trás, acenar, explicar, posições da boca;
08 - Jan - 2011
(Reunião)
• Programação de Jogos;
• Animação e programação dos ecrãs e botões;
• Continuação da ilustração da mascote: vistas de lado, trás, acenar, explicar, posições da boca;
07 - Jan - 2011
(Reunião)
• Edição de Som;
• Animação e programação dos ecrãs e botões;
06 - Jan - 2011
(Reunião)
• Programação do leitor de video;
• Ajustes da resolução de imagens bitmap;
• Animação e programação dos ecrãs;
05 - Jan - 2011
(Reunião)
• Layout dos jogos;
• Continuação da animação e programação;
04 - Jan - 2011
(Reunião)
• Animação da cena inicial;
• Programação de botões;
• Gravação e Integração de Som;
• Finalização de videos de trabalhos manuais;
03 - Jan - 2011
(Reunião)
• Iniciação da Programação em Flash.
29 - Dez - 2010
(Reunião)
• Trabalhos Manuais: Filmagem e edição;
20 – Dez – 2010
• Calendarização do trabalho autónomo e de grupo;
• Botões; Ecrãs Tipo; Fotos; Videos; Melhoramento logótipo; Template da Mascote;
• Finalização dos textos informativos para as secções: “como reciclar” e “para os pais”
divisão de tarefas estabelecida:
Carolina Carvalho - Actualização da wiki; Relatório; Videos e Fotos; Objectos Jogos; Sons e música; Expressões mascote;
Diana Ribeiro - Layout (Páginas inicial e restantes); Template Mascote; Videos e Fotos;
Ivan Fernades - Botões; Acerto do Logotipo; Layout dos Jogos;
P.S. O grupo encontra-se com dificuldades em contactar com o Daniel
16 – Dez – 2010
• Reorganização do trabalho com base nas observações feitas pelos professores durante a apresentação;
• Conclusões sobre o layout principal e ecrãs tipo; Finalização;
• Continuação da ilustração da mascoste;
• Textos informativos e falas da personagem a incluir na aplicação;
13 – Dez – 2010
• Apresentação Final – IDE
11 – Dez -2010
• Preparação da apresentação de IDE: realização do ppt, organização, divisão e treino da apresentação oral;
9 – Dez – 2010
• Continuação da ilustração: Mascote; Elementos cénicos; Elementos dos jogos;
• Organização do conteúdo para apresentação final de IDE.
07 – Dez – 2010
• Continuação da Ilustração;
• Continuação do estudo relativa ao layout principal;
• Realização da estrutura arborescente da aplicação;
02 – Dez – 2010
• Ilustração: elementos para os jogos;
• Tentativa de consenso quanto do layout principal; Concretização de exemplos e experiências para escolha posterior em grupo;
30 – Nov – 2010 • Estudo da estrutura da aplicação: Criação da estrutura esquemática da mesma como forma de orientação;
• Desenvolvimento do tema visual: Logotipo, esquema de cores (com auxilio do kuler e informações sobre o impacto de cada cor no universo infantil) e tipografia.
• Lista de Requisitos Funcionais
27 – Novembro – 2010 • Discussão em grupo sobre a forma mais adequada da distribuição da aplicação;
• Investigação e análise de outras aplicações com os mesmo objectivos, com o mesmo público alvo e com características idênticas ás que pretendemos apresentar – state of art
25 – Nov – 2010
• Brainstorming
• Desenvolvimento do conceito do projecto; Nome e requisitos principais; Objectivos da aplicação;
• Criação da página da wiki e disponibilização das informações iniciais;
• Desenvolvimento e publicação da memória descritiva;
Nota: Esta informação ainda não estava disponivel nesta página pois estava ainda em manuscrito.
As Referências
Antes de planificarmos o projecto, achamos que era de grande importância realizar uma pesquisa sobre aplicações semelhantes para, desta forma, desenvolvemos um estilo adequado à temática e também ao leque de idades que escolhemos. Algumas das páginas que seleccionamos referem-se somente a informação expositiva sobre o tema, outras partilham o objectivo da nossa aplicação e algumas são apenas páginas destinadas ao público infantil, que nos ajudarão a preparar um site funcional para as crianças mais pequenas.
Smart Kids - é um website destinado inteiramente às crianças e a tópicos variados (nomeadamente a reciclagem). A sua interface é bastante gráfica, principalmente a nível dos botões. Apresenta, tal com a aplicação que pretendemos criar, jogos didáticos e outras secções com actividades lúdicas;
Clube das Embalagens - este web site contém informação expositiva sobre a reciclagem (bastante simplificada), assim como jogos educativos e sugestões para a realização de outras actividades na área do edutainment. A sua interface é mais séria que a do site anterior;
Recycle Zone - aqui podemos encontrar secções destinadas às crianças (por exemplo a fun zone) e também aos professores (teacher zone). Embora a interface seja muito cuidada, não deixa de ter uma grande carga gráfica;
Kids R Green - neste website recheado de jogos e quizzes sobre a preservação do ambiente, é notório que os designers tentaram criar menus muito gráficos e explicítos (inclusive com animações) para, deste modo, facilitar a sua interpretação;
Menino Maluqinho Brincar e aprender, como deve ser! e Green Baloon Club- estes três sites não têm qualquer relação com o tema que estamos a tratar. No entanto, consideramos que possuem características muito importantas que devem ser tidas em conta aquando da criação de um site infantil: uma forte componente gráfica e sonora que permitem que as crianças identifiquem facilmente a função de cada botão;
Colégio Santiago - site informativo sobre o processo da reciclagem.
Estudo para a estrutura da Aplicação
Em primeira análise, esta será a estrutura da nossa aplicação. Desta forma, utilizaremos os paradigmas de interacção ambiente (uma vez que os botões serão metáforas gráficas) e tutorial (em certas secções da aplicação).
Requisitos Funcionais
Estes serão os botões que permitirão a navegação na nossa aplicação.
No primeiro ecrâ:
. Botão Entrar
. Botão Sair
Comuns a todos os ecrâs (menos nos de cada jogos):
. Controladores de som (on/off)
. Botão Minimizar
. Botão Fechar
. Menu principal (Botões de Info sobre a Reciclagem, Jogos, Trabalhos Manuais e Secção dos Pais)
No ecrâ da informação (tanto para as crianças como para os pais):
.Scroll
No ecrâ jogos:
. Botão para jogo da memória
. Botão para jogo da reciclagem
No ecrâ de cada jogo:
. Botão Sair
. Botão Jogar
. Botão Instruções
No ecrâ dos vídeos:
. Botão para video 1
. Botão para vídeo 2
. Botão para vídeo 3
. Botão para vídeo 4
No ecrâ de cada vídeo:
. Botão Play
. Botão Pause
. Botão Stop
. Barra e slider para controlo do vídeo
Incluímos também neste esquema, as ligações existentes entre eles.
Identidade Gráfica da Aplicação
Considerando os dados que recolhemos sobre os efeitos da cor nas crianças (nas páginas Cromoterapia e Cosas de la Infancia) e utilizando, como referência, as cores dos contentores da reciclagem, recorremos ao Kuler e elegemos alguns tons que, em principio, serão a base da nossa aplicação:
Relativamente à tipografia, utilizaremos "Pooh" para os textos de destaque (títulos e botões). Para os blocos de texto utilizaremos Myriad Pro.
Estudo Relativo á Distribuição da Aplicação
Na sociedade actual é possível considerar a frequência e a importância do conceito de desenvolvimento sustentável e da sua implementação nas gerações mais novas, de modo a que consigam promovê-lo no futuro. Foi baseado nesta conclusão e na experiência de infância dos elementos do grupo que surgiu o ‘Recicl’Aki’ – aplicação multimédia interactiva, destinada a crianças dos 6 aos 8 anos com o objectivo de a incitar à protecção ambiental, compreendendo a essência da sua importância e captando as suas regras para poderem ser aplicadas no contexto prático da própria aplicação, assim como no contexto familiar, alertando os mais velhos e no seu futuro como cidadãos activos.
Desta forma, temos como objectivo a distribuição da aplicação em formato CD-ROM (plataforma off-line) para que possa ser adquirida pelos encarregados de educação ou auxiliares de infância e utilizada com acompanhamento dos mesmos. Foi tomada esta decisão devido à faixa etária para a qual se dirige a aplicação, visto que, muitos pais temem a utilização da internet por parte dos seus filhos mais novos e preferem adquirir um produto que podem conhecer inteiramente, visto que é disponibilizada informação especialmente direccionada aos educadores. Relativamente à utilização do produto nas instituições de actividades de tempos livres, consideramos também vantajoso a plataforma off-line, tendo em conta que o tempo de utilização dos computadores é controlado assim como as actividades realizadas, sendo por vezes restrito o acesso á internet, este produto será de mais fácil acesso por parte das crianças (não necessitando uma pesquisa), de mais fácil controlo por parte das auxiliares num contexto em que o conjunto de crianças é extenso e de maior confiança por parte dos pais, que pretendem proteger os seus filhos dos excessos e perigos aos quais as crianças estão sujeitas.
Arborescência
Relatório do Projecto Final
1. Apresentação do Projecto
O projecto de autoria multimédia, no âmbito das unidades curriculares Laboratório Multimédia I e Imagem Digital-Estática tem como principal objectivo o desenvolvimento de capacidades de autoria multimédia, integração e combinação de conteúdos e seu fluxo na construção de uma aplicação interactiva assim como da autoria dos seus conteúdos, captura e edição dos elementos a integrar. Desta forma, o trabalho será desenvolvido com o objectivo de criar uma aplicação multimédia interactiva funcional sendo aplicável a sua distribuição, baseada numa estrutura arborescente não linear, cumprindo os princípios básicos do desenho de interface e interacção. Como tal, foi feito um estudo das potencialidades do projecto e desenvolvido um conceito no qual este se baseará. O produto multimédia final será, portanto, uma aplicação interactiva baseada no tema da reciclagem, tendo o público infantil (dos 6 aos 9 anos) como alvo, de modo a que estes se familiarizem com o uso do computador com o acompanhamento de um educador e que possam aprender um dos conceitos básicos da vida em sociedades – a protecção ambiental - de uma forma acessível, interactiva e divertida.
2. Análise e Planeamento
Na sociedade actual é possível considerar a frequência e a importância do conceito de desenvolvimento sustentável e da sua implementação nas gerações mais novas de modo a que consigam promovê-lo no futuro. Foi baseado nesta conclusão e na experiência de infância dos elementos do grupo que surgiu o conceito em que se baseia este projecto – aplicação multimédia interactiva, destinada a crianças dos 6 aos 8 anos com o objectivo de a incitar à protecção ambiental, compreendendo a essência da sua importância e captando as suas regras para poderem ser aplicadas no contexto prático da própria aplicação, assim como no contexto familiar, alertando os mais velhos e no seu futuro como cidadãos activos.
Reciclar implica reaproveitar, reutilizar. A produção de materiais reciclados faz com que haja uma menor utilização dos recursos naturais da Terra, um menor consumo de energia, menos lixeiras e incineradoras e uma redução da poluição. É importante transmitir este ideal às crianças de hoje em dia, adultos de amanhã, de modo a que tenham conhecimento suficiente para que hoje e no futuro sejam capazes de contribuir para o Desenvolvimento Sustentável do planeta influenciando também aqueles que lhes são mais próximos a quem não foi transmitido esta ideia antes.
O projecto tem como público-alvo as crianças com idades compreendidas sensivelmente entre os 6 e os 9 anos. Será uma aplicação educativa relacionada com o conceito de reciclagem, na qual os meninos e meninas poderão aprender a sua importância através de jogos interactivos e vídeos que ensinam a aproveitar materiais que parecem inutilizáveis para determinadas actividades. Integra, igualmente, uma secção destinada aos pais com informação adicional, para que possam esclarecer dúvidas relativas ao tema e ao próprio projecto. Relativamente à interface, optaremos por uma composição gráfica e elucidativa ás suas funções e com componentes sonoros para aqueles que ainda não conseguem ler.
A distribuição da aplicação em formato CD-ROM (plataforma off-line) para que possa ser adquirida pelos encarregados de educação ou auxiliares de infância e utilizada com acompanhamento dos mesmos. Foi tomada esta decisão devido à faixa etária para a qual se dirige a aplicação, visto que, muitos pais temem a utilização da internet por parte dos seus filhos mais novos e preferem adquirir um produto que podem conhecer inteiramente, visto que é disponibilizada informação especialmente direccionada aos educadores. Relativamente à utilização do produto nas instituições de actividades de tempos livres, consideramos também vantajoso a plataforma off-line, tendo em conta que o tempo de utilização dos computadores é controlado assim como as actividades realizadas, sendo por vezes restrito o acesso á internet, este produto será de mais fácil acesso por parte das crianças (não necessitando uma pesquisa), de mais fácil controlo por parte das auxiliares num contexto em que o conjunto de crianças é extenso e de maior confiança por parte dos pais, que pretendem proteger os seus filhos dos excessos e perigos aos quais as crianças estão sujeitas.
Os objectivos concretos da nossa aplicação são:
• Desenvolver, nos mais novos, atitudes de respeito pela natureza
• Promover a higiene dos espaços colectivos
• Promover a recolha selectiva dos lixos
• Incrementar a realização de actividades com materiais reutilizáveis
• Desenvolver nas crianças o gosto e os cuidados a ter para evitar a destruição do nosso planeta
• Alertar os pais para a necessidade urgente de educar os filhos para a reciclagem
Para o aprofundamento de conhecimento relativo ao tema e ao tipo de aplicação que deveríamos desenvolver para a abordagem do tema foi necessário investigar e analisar algumas páginas de modo a serem traçados objectivos a nível gráfico, sonoro, cromático e tipográfico que fossem ideias para promover a usabilidade da aplicação.
Algumas das páginas que seleccionamos referem-se, portanto, somente a informação expositiva sobre o tema, outras partilham o objectivo da nossa aplicação e algumas são apenas páginas destinadas ao público infantil, que nos ajudarão a preparar um site funcional para as crianças mais pequenas.
http://www.smartkids.com.br/especiais/reciclagem/ - é um website destinado inteiramente às crianças e a tópicos variados (nomeadamente a reciclagem). A sua interface é bastante gráfica, principalmente a nível dos botões. Apresenta, tal com a aplicação que pretendemos criar, jogos didáticos e outras secções com actividades lúdicas;
http://www.afcal.pt/clube/REC.php - este web site contém informação expositiva sobre a reciclagem (bastante simplificada), assim como jogos educativos e sugestões para a realização de outras actividades na área do edutainment. A sua interface é mais séria que a do site anterior;
http://www.recyclezone.org.uk/- aqui podemos encontrar secções destinadas às crianças (por exemplo a fun zone) e também aos professores (teacher zone). Embora a interface seja muito cuidada, não deixa de ter uma grande carga gráfica;
[1] - neste website recheado de jogos e quizzes sobre a preservação do ambiente, é notório que os designers tentaram criar menus muito gráficos e explícitos (inclusive com animações) para, deste modo, facilitar a sua interpretação;
http://www.meninomaluquinho.com.br/ , http://www.bbc.co.uk/cbeebies/greenballoonclub/- estes sites não têm qualquer relação com o tema que estamos a tratar. No entanto, consideramos que possuem características muito importantes que devem ser tidas em conta aquando da criação de um site infantil: uma forte componente gráfica e sonora que permitem que as crianças identifiquem facilmente a função de cada botão; http://www.colegio-santiago.pt/index.php?option=com_content&view=article&id=97:a-recilagem-e-as-criancas&catid=24:meio-ambiente&Itemid=8- site informativo sobre o processo da reciclagem.
3. Desenho Funcional
a. Requisitos Funcionais Tendo um conta os objectivos da aplicação e o seu público-alvo, toda ela é pensada para facilitar a utilização por parte das crianças. O seu primeiro ecrã será de apresentação, onde consta apenas o logótipo, a mascote, que os guiará ao longo da aplicação, e que, nesta fase, dá as boas vindas (utilização de texto e voz) e explica o que oferece a aplicação. É-lhes dada então a opção de “Entrar”, que inicia a aplicação ou “Sair”, que a fecha, opções também explicitadas pela mascote.
Quando seleccionada a opção “Entrar” é apresentado um novo ecrã: neste, consta um botão que permite sair da aplicação, controlo de som e outro que mostra informação sobre o projecto/criadores; Nesta página mantém-se o logótipo e surge o menu principal, que se mantém fixo durante toda a aplicação para facilitar a navegação do utilizador para qualquer parte da aplicação a partir de qualquer outro ecrã. Inicialmente a mascote incita a criança a explorar a aplicação explicando brevemente a interface. No menu apresentam-se os botões que permitem aceder aos ecrãs: “Como Reciclar”, “Jogos” “Trabalhos Manuais” e “Secção dos Pais”
Nos ecrãs “Como Reciclar” e “Secção dos Pais”, os botões Sair, Controlo de Som e Info mantêm-se, como em todos os outros ecrãs (excepto o primeiro) e na zona central surge uma janela com o texto e imagens elucidativas, podendo navegar nela através de scroll. Relativamente ao clique nos botões “Jogos” e “Trabalhos Manuais”, são acompanhados pelas indicações da mascote. Deste modo, surgem no centro do ecrã as miniaturas dos jogos, para que o utilizador possa escolher o que pretende. Depois desta escolha o jogo é apresentado em full scren, surgindo um botão para o minimizar, voltando ao ecrã que contém o menu lateral. O mesmo fluxo acontece no tópico “Trabalhos Manuais”.
b. Estrutura Arborescente
A partir do ecrã de boas-vindas o utilizador tem duas hipóteses de navegação, sair da aplicação, não permitindo qualquer tipo de navegação posterior, e entrar. Depois de seleccionar esta opção é permitido navegar entre os ecrãs “Como Reciclar”, “Escolher Jogos”, “Trabalhos Manuais” e “Para os Pais”. É também permitido o controlo de som e o acesso á informação sobre o projecto em si. Sendo uma estrutura arborescente não linear é possível navegar entre estes ecrãs sem ordem necessária e sem voltar ao ecrã inicial. A partir das secções “Jogos” é possível a escolha entre os dois jogos disponíveis, podendo retroceder ao ecrã de escolha. O mesmo acontece com “Trabalhos Manuais”, possibilitando a escolha de um dos vídeos e o retorno á fase de escolha. Desta forma, é permitido ao utilizador passar de um jogo para outro ou de um vídeo para outro.
c. Desenho de interacção e usabilidade Na fase inicial do projecto foi necessário reflectir sobre o conceito de usabilidade e a sua aplicação no projecto, a sua facilidade de utilização tendo em conta os utilizadores, as crianças e o seu contexto de aprendizagem, os erros que podem ocorre e a capacidade de reconhecer as funções da aplicação.
A princípio, na fase de desenho funcional, foi definida a estrutura da aplicação e os percursos que o utilizador pode seguir assim como as formas e estilos de navegação/interacção, que definem o tipo de relação computador-utilizador. Desta forma considerou-se necessário a utilização de janelas, botões gráficos, menus e caixas de texto como formas de navegação da aplicação.
Como é necessário durante a realização de um projecto deste tipo, a promoção usabilidade foi um conceito e um objecto que acompanhou todo o desenvolvimento do conceito e do desenho de interacção, tendo portanto tentado seguir ao máximo os princípios desenvolvidos para a sua promoção. Inicialmente, foi necessário definir o utilizador e conhecê-lo: as crianças dos 6 aos 9 anos, cujo conhecimento é algo reduzido, a maior parte ainda não sabe ler e está em fase de aprendizagem, reconhecem mais facilmente imagens do que texto e o diálogo através de som elucida-os de forma mais clara. A aplicação tem como objectivo que as crianças aprendam a importância do processo de reciclagem assim como a forma mais correcta de o realizar, mas que o façam de forma lúdica, de forma cativante e apelativa. Desta forma, em casa ou em actividades de tempos livres, com orientação inicial de um educador, e como possível inicio da interacção com um computador, as crianças podem explorar este conceito. O princípio da estrutura e organização foi também reflectido de forma a criar uma organização lógica dos conteúdos, estando os conteúdos principais ao alcance fácil do utilizador. Desta forma, o menu principal estará sempre presente do lado esquerdo do ecrã, sendo possível navegar para qualquer zona da aplicação a qualquer altura. A zona em que o utilizador se encontra está sempre identificada pelo título na parte superior do ecrã, de forma a orientar o percurso. Os botões são todos metáforas gráficas, facilmente reconhecidos pelos utilizadores em questão.
O princípio da simplicidade foi também tido em conta, projectando uma estrutura simples e de fácil acesso em qualquer situação, mas ao mesmo tempo criar uma interface agradável e apelativa para as crianças, antecipando também os desejos do utilizador, como o fornecimento de informação por parte da mascote, a informação destinada aos pais, informação sobre o projecto assim como a secção destinada às crianças aprenderem as regras da reciclagem, disponível também para esclarecerem qualquer dúvida no contexto dos jogos ou do dia-a-dia. A visibilidade é promovida na medida em que a necessidade de memorização é reduzida pois todas as opções se mantêm visíveis no desenvolver da navegação, tanto o menu principal como os botões de informação, controlo de som e sair. A aplicação do princípio de feedback é aplicada na simplicidade da linguagem, perceptível para as crianças, para que as informações sejam facilmente adquiridas, dadas frequentemente e de forma clara e objectiva. Os botões reagem também ao clique com som e ao rollover com movimento.
4. Desenho Técnico
Antes do foco no desenho técnico, foi necessário reflectir acerca da resolução de ecrã que pretendíamos utilizar, desta forma. Seguimo-nos pela estatística a seguir apresentada de modo à aplicação se tonar 100% funcional para a maioria dos seus utilizadores.
Na fase de desenho técnico foram desenvolvidos os objectos a integrar na aplicação. Com recurso ao Adobe Illustrator CS3 foram criados, com recurso à ilustração, da imagem vectorial, os objectos para os jogos, como os contentores, o ambiente á sua volta, o layout principal, botões, janelas e uma parte do logótipo. A nível da manipulação de imagem bitmap, foi desenvolvido a parte tipográfica do logótipo assim como o tratamento das fotografias com recurso ao Adobe Photoshop CS3.
5. Produção do projecto
a. Estrutura e meios de navegação/Interacção
A natureza do diálogo ser-humano-computador, formas e estilos de navegação, é feita através de manipulação e navegação, sendo a interacção feita á base de janelas, ícones, menus e apontadores, sendo menos exigentes do ponto de vista mnemónico pois todas as opções estão visíveis, permitindo ao utilizador uma maior liberdade de escolha e de navegação.
Relativamente aos meios de navegação /interacção é possível focar a utilização de janelas, compartimentando conteúdos, ícones/botões gráficos e caixas de diálogo.
b. Integração e controlo de som
Tendo em conta que parte do som integrante da aplicação multimédia em questão é voz, previamente gravada em ambiente não profissional, foi necessário proceder ao tratamento e edição de som, nomeadamente, cortes, detecção e eliminação de ruídos, equalização e normalização. Para estes fins foi utilizado o Audacity 2.0 Beta. No som constante nos vídeos da secção “trabalhos manuais” o controlo de som foi feito com recurso às ferramentas do Adobe Premiere Pro CS3. c. Animação
Relativamente á animação foram utilizadas várias cenas, layrers, labels e movieclips de modo a promover a organização da timeline principal. As técnicas utilizadas para animar as várias componentes foram: Motion Tween, animação frame a frame, manipulação de alfa, mask layers e guide lines.
d. Integração de vídeo
Na fase de integração de vídeos no flash, na secção de trabalhos manuais, os vídeos foram convertidos em formato .flv e utilizados como videos externos, que constam no CD, não necessitando de carregar e não demorando a reproduzir. Foi utilizado o Adobe Media Encoder CS3 parta converter os vídeos para o formato aceite pelo flash (.flv).
e. Soluções técnicas adoptadas para a resolução de problemas.
Relativamente aos problemas encontrados é possível referir as dificuldades de organização a nível de cenas/labels/movieclips, factor que foi melhorado ao longo da utilização do flash. O targeting deu algumas complicações, no entanto com o desenvolvimento da programação, fomos forçados a aprender a organizar melhor a timeline principal e as secundárias.
Para além das bases adquiridas a nível de programação durante as aulas, foi necessário tirar algumas dúvidas com recurso a motores de busca e tutoriais (observação e análise de códigos) e também com a ajuda de alunos mais velhos que nos ajudaram não só em métodos de pesquisa como a trabalhar com o código.
Particularmente consideramos necessário referir as maiores dificuldades na concretização da parte de programação do jogo da memória, visto que não temos formação suficiente para fazer, quando um par é errado, que virem ambas as cartas e só depois voltem a virar as duas ao contrário (sendo necessário fazer um timer). Também no scroll surgiram alguns problemas, visto que tínhamos como objectivo que este funcionasse através de rollover, o que não foi possível concluir com sucesso.
6. Conclusões
a. Reflexão Crítica
Após a finalização do projecto final, o grupo decidiu, todo junto, rever a aplicação multimédia concretizada e analisá-la criticamente, reflectindo relativamente a melhoramentos e outros factores que foram surgindo ao longo desta fase a que se chamou ‘juízo final’.
Desta forma, concluiu-se unanimemente que, apesar de ser o primeiro projecto final que realizamos em contexto académico o balanço é positivo.
Foi necessário adquirir capacidades não só a nível da utilização dos programas ao longo do semestre como também desenvolver um conceito, englobando pesquisa e análise do público-alvo, reconsiderando os mais diversos factores que influenciariam partes da aplicação. Depois de desenvolvido o conceito e a identidade visual da aplicação, a nível de programação foi necessário algum trabalho autónomo de reanálise de aulas e pesquisa.
É possível concluir que, embora tenham surgido várias dificuldades, este trabalho foi importante não só para adquirir bases para um futuro profissional, para o qual nos preparar a formação académica que frequentamos como também para desenvolver capacidades de pesquisa e de resolução de problemas que serão bastante úteis no contexto de formação e também profissional.
b. Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto
• Consideramos que um dos melhoramentos que seria necessário na aplicação multimédia interactiva desenvolvida seria a nível do jogo da memória. Tendo em conta que o jogo consiste em clicar em duas cartas, esperando que sejam um par, o problema ocorre quando se clica na segunda: se esta não corresponder á primeira clicada ambas as cartas ficam viradas ao contrário, mas, é impossível ver a imagem da segunda carta. Desta forma, para que os dois objectos ficassem os dois visíveis durante um instante e só depois voltassem a ficar escondidos, teria de ser usado um timer, algo que não nos foi possível aplicar.
• Outro contratempo encontrado foi a integração do player nos vídeos da secção de trabalhos manuais, considerámos duas possibilidades: a primeira utilizar botões criados e programados autonomamente para o controlo dos vídeos que mostra m com fazer diferentes trabalhos manuais com materiais aparentemente inutilizáveis e por outro lado utilizar um player automático do flash. Depois de algum tempo de ponderação, concluiu-se que, tendo em conta o público-alvo e o objectivo dos vídeos (que as crianças sigam cada passo demonstrado), reconsiderámos que era importante o controlo de som e principalmente o seeker, de modo a que seja controlado pelo utilizador o tempo dispendido em cada uma das partes do processo de concretização das actividades. Desta forma, pensou-se a nível de usabilidade e decidiu-se pela última opção exposta anteriormente. Portanto, consideramos que um dos melhoramentos a fazer posteriormente seri criar o nosso próprio player, integrado no contexto gráfico da aplicação.
• Outro melhoramento que gostaria de ter sido concretizado é a utilização de um cursor do rato diferente, mais adequado ao público infantil e integrado no contexto gráfico da aplicação. No entanto, e apesar de pesquisa relativamente á forma de o fazer ter sido efectuada com sucesso, ocorreu um problema relativo á calibragem da posição cursor novo – cursor real (pois o código fazia esconder o cursor original, fazendo aparecer outro, que não coincidia com a posição real):
• Um problema surgiu também, á ultima da hora, a nível de sonorização. Tendo som dentro de movieclips e na time line principal, foi difícil controlar o volume de ambos com recurso ao código setVolume. Através de pesquisa e reflexão em grupo, conseguiu solucionar o contratempo gerado.
c. Referências Web e bibliográficas

















