Porquê fazer a reflexão critica no dia seguinte?

Por um lado, à sexta-feira reunimo-nos com os orientadores para reflectir sobre o trabalho feito durante a semana, sendo os inícios das reuniões caracterizadas por um curto resumo da semana de trabalho. Assim sendo, a presente reflexão tem o intuito de reflectir acerca do processo de desenvolvimento das demos e, mais importante, fazer uma análise das dificuldades e desafios levantados durante a sua composição.

No que diz respeito ao documentário, produto base do projecto Eurágora, os grandes problemas que o grupo enfrentou estão relacionados com a resolução (em pixéis) dos vídeos. Ora, este problema surge, em parte, pela falta de experiência do grupo no que diz respeito à produção de conteúdo audiovisual. Ao desenvolver as animações no After Effects®, o grupo não teve em conta a resolução dos vídeos capturados nas sessões de focus group, o que dificultou a copulação entre os diferentes conteúdos.

No que diz respeito ao website de suporte ao documentário não se levantaram problemas relevantes, sendo que grande parte das aplicações que constituíam desafios foram resolvidas com a implementação de plugins e edição de HTML e CSS.

Quanto à demo funcional da plataforma foi utilizada uma versão trial, gratuita, para gravar o ambiente de trabalho (captação da montagem feita no Prezi para inserção de tooltips), o que dificultou o processo de exportação da mesma para o Youtube, devido à existência de uma marca de água que ocupa grande parte do ecrã. Assim sendo, decidiu-se editar o vídeo captado no Premier Pro® e com a utilização de uma mask layer tornar visível somente a área de interesse. 

Como resultado, a qualidade do vídeo diminuiu consideravelmente. Porém, o professor Jorge Ferraz aconselhou-nos a publicar o vídeo em qualidade HD com a marca de água, dando as duas opções de visualização.

Apesar dos problemas com a demo do documentário, o grupo está satisfeito com o desenrolar do projecto e motivado para o que falta, já que o objectivo sempre foi desenvolver novas capacidades técnicas, neste caso, optando por trabalhar com software com o qual não estão familiarizados.

Como resultado da reflexão o grupo publicou uma nova versão da demo técnica/funcional do vídeo que inclui uma breve descrição das animações e efeitos utilizados. Para visualizar a nova versão basta reproduzir o vídeo anteriormente embebido na entrega de ontem.

Demo funcional da plataforma (marca de água)

Uma vez que o nosso projecto tem duas vertentes bem definidas (o documentário e a plataforma de partilha),  foram criadas demos para cada um dos componentes. 

Para o documentário o grupo procurou implementar na demo funcional /técnica  todas as dimensões que irá necessitar no futuro para o documentário: tratamento e montagem de video real e de efeitos sonoros assim como o desenho e animação de infografias. 

Assim, foram incluídos no trailer que serve de demo funcional e técnica alguns excertos de vídeo dos focus group realizados internamente, com o devido tratamento (apesar da qualidade do vídeo estar comprometida pela exportação dos mesmos com grande compressão), assim como efeitos sonoros e infografias totalmente desenhadas e animadas pelo grupo no After Effects, demontrando assim o  domínio sobre as ferramentas estudadas aquando do exercício “requisitos funcionais e viabilidade técnica”.

Esta demo subdivide-se em áreas que se intercalam no decorrer do vídeo.

Principais trechos:

1. Créditos iniciais;

2. Montagem;

1. Créditos iniciais

Neste trecho de abertura do “trailer” foram implementadas animações de layers de texto que se pretendem implementar futuramente na realização de cada uma das 5 partes do documentário.

Foram utilizadas animações ao nivel da opacidade e escala.

Depois do aparecimento das primeiras duas sequências de texto surge outro bloco de texto, através da rotação da camera utilizada no programa.

Pertende-se que estas animações estejam presentes nos vídeos a realizar.

Note-se que em todos os trechos da demo foram utilizadas cameras existentes no programa utilizado (Adobe AfterEffects CS5), assim como luzes de forma a criar profundidade de campo, como efeito visual.

2. Montagem 1ª sequência

Este trecho refere-se à montagem de animações, gráficos e/ou texto, com pequenos trechos de vídeo seleccionados das reuniões de focus group interno realizadas.

2.1. Sequência com trecho de vídeo do focus group (1)

Animação inicial de texto com palavras-chave e sequência com vídeo do focus group

2.2. Gráfico animado

Nas diferentes partes do documentário pretende-se mostrar gráficos estatísticos animados que cativem os espectadores a olhar para os dados de outra forma.

Na sequência seguinte surge então um gráfico animado dinamicamente sem um contexto específico de utilização.

nota: Na produção desta sequência foram implementados alguns scripts utilizando a linguagem JavaScript.

2.3. Sequência com trecho de vídeo do focus group (2)

Tipos de animação semelhantes com palavras-chave diferentes.

2.4. Animação de texto

Animação do tipo Kinetic com algumas palavras e expressões referentes à temática da Europa e do que se irá desenvolver nas reuniões de focus group.

2.5. Símbolos representativos

Utilização de simbologia representativa das 5 temáticas que se pretendem abordar.

As animações presentes conjugam manipulação de texto com as animações de cada um dos símbolos gráficos, existindo efeitos de transição para cada um dos ecrãs.

De seguida os símbolos gráficos são “somados” e surge a palavra Europa.

O grupo teve a preocupação de criar animações que pudessem ser reutizadas, ou seja, que possam ser integradas no documentário final (como, por exemplo, as animações relativas a cada um dos temas). 

Através de um efeito de escala com o intuito de simular uma aproximação da câmara ao stage, para fazer a transição para o ecrã final com uma animação com o texto Eurágora e um efeito de desdobramento de papel.

 Aqui está a nossa demo funcional e técnica do documentário: 

Em relação à plataforma de partilha, construímos duas demos: a funcional e a técnica. 

Demo funcional

Como demo funcional e gráfica da plataforma, realizamos um mockup, que posteriormente integramos no Prezi para conseguir um efeito animado e dinâmico e gravamos com um software de captura de ecrã para melhor dar a entender o a interacção e o funcionamento da plataforma. 

Representamos no mockup cinco ecrãs, com uma estrutura comum: o menú, com a Home, os cinco temas do documentário que representarão áreas de discussão e o Making off, os botões de Ajuda, Contactos e Registo, a barra de pesquisa, o formulário de Login, uma descrição do projecto e uma nuvem de Tags. 

A Home tem uma estrutura se assemelha ao Making off: documentário em destaque, seguido pelo sistema de rating, pelos botões de partilha em redes sociais e pelos comentários).

A Ajuda, com o mapa do Mapa do site, algumas indicações de como utilizar a plataforma, e algumas perguntas frequentes. 

A página de resultados de pesquisa,  que resulta de uma pesquisa na barra preprarada para o efeito, ou pelas Tags presentes em todas as páginas. Surge uma introdução dos resultados com a palavra pesquisada, destacada, e a possibilidade de ver o restante post. 

O formulário de registo com os dados a ser introduzidos pelos novos utilizadores (que será seguido de um email de confirmação. Em vez disso, o utilizador pode fazer login directo com a conta do Facebook. 

Depois de registado, o utilizador tem um perfil com as informações introduzidas no registo. 

Na página de cada tema, encontram-se todas as publicações feitas pelos utilizadores sobre esse tema, com comentários e a possibilidade de partilhar. 

Os utilizadores registados podem adicionar mais conteúdos. 

As publicações têm um título, podem ter texto, e existe ainda a possibilidade de inserir imagens, ficheiros ou vídeo. 

Para adicionar vídeo, há duas opções:

Upload directamente dos ficheiros do utilizador, 

ou publicação de um URL de um vídeo do Youtube. 

Segue uma apresentação em vídeo com as mockups, que mostra como funciona a nossa plataforma. 

Demo técnica

Assim como na demo técnica do documentário, o objectivo da demo técnica da plataforma era perceber se o grupo consegue manusear o CMS escolhido, Wordpress, modificar o necessário no template para aplicar o grafismo que será especificado na próxima fase e instalar os plugins necessários à implementação das funcionalidades que necessitamos. 

O grupo tomou como base o template de origem do Wordpress, pois não tem quaisquer restrições quanto a aplicações a implementar, factor que constatamos que acontecia em alguns templates. Alteramos o template a nível de HTML e CSS de forma a dar um aspecto gráfico mais característico, mas ainda longe do final, uma vez que ainda não fizemos especificação gráfica. 

Implementamos também algumas das funcionalidades que precisamos.

Em primeiro lugar, instalamos um plugin de rating, o Rating-Widget Plugin, que permite classificar uma publicação (no caso, o trailer) de um a cinco e permite também classificar os comentários pelo sistema de gosto/ não gosto.  Este plugin permite estas 2 opções de rating tanto para os posts como para os comentários.

Instalamos também o plugin WP-FB-AutoConnect que permite, por um lado, fazer o login por uma conta já existente no Wordpress (posteriormente implementaremos um sistema de registo) e fazer login através da conta Facebook. Através deste sistema, o plugin cria automaticamente um registo no Wordpress associado a esta conta quando é efectuado o login pela primeira vez. Neste plugin foi necessário o registo do nosso site na área de developers do Facebook para obtenção de um código para autenticar a nossa aplicação.

Por fim, implementamos um sistema que permite o upload de ficheiros nos comentários: Easy Comment Uploads.

Este plugin permite o upload de vários tipos de ficheiros ( imagens, vídeos, pdf, etc ) para a plataforma. 

No futuro iremos aprimorar esta funcionalidade inserindo um leitor de vídeos para que o vídeo fique imediatamente disponível para visualização na plataforma, e não seja necessário o download. 

O nosso projecto subdivide-se em duas áreas principais: o documentário e a plataforma web de suporte ao primeiro.

Tarefas-chave:

- Créditos iniciais (logos, datas, locais e intervenientes);

- Montagem (sequência de imagens);

- Oráculos (legendas e tooltips de explicação dos elementos visuais).

Os objectivos delineados para a demo técnica são:

- Implementação de som no vídeo;

- Análise dos codecs e formatos utilizados (ligação com a demo técnica da plataforma de partilha).

Pretende-se que a linha gráfica siga a tipologia de um trailer, exemplificando aquilo em que consiste o projecto.

Demo técnica da plataforma de partilha

A demo técnica da plataforma web do projecto Euragora será feita no Content Management System - Wordpress, especificado na viabilidade técnica e visa cumprir os objectivos abaixo enumerados. 

Demonstrar algumas das funcionalidades a implementar na plataforma final.

- Implementar alguns plugins que executem funções necessárias como:

·   inserção de vídeos nos comentários;

·   rating das publicações;

·   login com o utilizador único do Facebook;

Comprovar as capacidades do grupo no que toca a manusear a plataforma Wordpress:

·   Instalar e editar plugins;

·   Instalar e editar temas;

·   Editar o código das páginas base do CMS;

·   Implementar uma BD na plataforma.