Recicl'aki

From LABMM1_IDE

You do not have permission to edit this page, for the following reason:

You can view and copy the source of this page:

== 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 == [[File:recicl'aki_grupo1.jpg|center|image on center]] [[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. [http://www.smartkids.com.br/especiais/reciclagem/ '''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; [http://www.afcal.pt/clube/REC.php '''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; [http://www.recyclezone.org.uk/ '''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; [http://www.kidsrgreen.org/krg.html''' 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; [http://www.meninomaluquinho.com.br/ '''Menino Maluqinho'''] [http://www.junior.te.pt/servlets/Home '''Brincar e aprender, como deve ser!'''] e [http://www.bbc.co.uk/cbeebies/greenballoonclub/ '''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; [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 '''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). [[File:entrada.jpg]] [[File:pagina_inicial.jpg]] [[File:info_rec.jpg]] [[File:mini_jogos.jpg]] [[File:jogos_full.jpg]] [[File:mini_videos.jpg]] [[File:full_videos.jpg]] [[File:seccao_dos_pais.jpg]] == 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. [[File:Supostos_req.jpg|center|image on center]] == Identidade Gráfica da 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:cores_copy.jpg]] 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 == [[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. ---- '''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. • 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): 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]

Return to Recicl'aki.