#entrega05pre

alexandra-fernandes — Wed, 18 Apr 2012 13:51:18 GMT

No âmbito do projeto em desenvolvimento e de acordo com a próxima meta de trabalho referente ao “Protótipo de Alta Fidelidade” - testar as principais funcionalidades da interface, bem como o uso das aplicações - o grupo propõe-se a realizar um protótipo com o caminho referente ao login do utilizador, criação da história e exportação do ficheiro externo.

A imagem abaixo representa o caminho que o grupo se compromete a desenvolver, no entanto caso exista possibilidade, pretende-se desenvolver outras áreas.

Fig. 1 – Mapa de Navegação

Interação natural e interação em ambientes 3D

paulamargarida — Sat, 14 Jan 2012 16:41:54 GMT

Os paradigmas de interação evoluíram juntamente com a tecnologia, desde a linha de comandos, posteriormente a interfaces gráficas e o paradigma mais recente a interação natural. A ideia principal subjacente à evolução dos paradigmas de interação é a de desenvolver sistemas mais fáceis de utilizar pelo utilizador, que sejam mais intuitivos e naturais de utilizar.

Atualmente assiste-se a um desenvolvimento no que diz respeito às interfaces, e está surgir uma nova evolução, as interfaces naturais (Natural User interface). É expectável que a utilização de interfaces naturais permitam uma diminuição da curva de aprendizagem por parte dos utilizadores e utilizem o sistema de uma forma mais natural possível.

Dentro da categoria das interfaces, existem as Interface 3D (user interface 3D) que envolvem a interação humano-computador na qual as ações dos utilizadores ocorrem num ambiente 3D com dispositivos de entrada 3D ou com dispositivos de entrada 2D, mas posteriormente mapeados para 3D. Controlam esses interfaces dispositivos de entrada e paradigmas (técnicas) de interação que permitem manipular elementos 3D gerados por computador.

A interação em ambientes 3D permite aos utilizadores terem uma sensação de presença, nesse ambiente virtual. A interação em ambientes 3D é mais direta e pode permitir diminuir a distância cognitiva, pois os utilizadores realizam tarefas mais naturais, reduzindo assim o tempo de resposta entre a ação do utilizador e o feedback do sistema.

Existem resumidamente quatro paradigmas de interação nas aplicações 3D (Bowman et al., 2005): navegação; seleção; manipulação; e controlo do sistema. Existem ainda outras formas que podem ser consideradas, mas apenas são utilizadas em aplicações com contextos muito específicos.

Até depois!

navegação vs conteúdo por Luke

carlaleite — Thu, 29 Dec 2011 16:35:22 GMT

download mp4 [87,4MB]

Work in progress - Mapa de navegação

domingos-martins — Wed, 13 Apr 2011 14:32:43 GMT

Mapa de navegação provisório.

versão pdf

Requisitos funcionais e viabilidade técnica

sergio-campos — Fri, 18 Mar 2011 00:16:07 GMT

Requisitos Funcionais da Plataforma Eurágora

Chegado à plataforma Eurágora qualquer utilizador vê, na Home, o nosso Documentário final nas 2 versões: a versão completa (infografias mais excertos de focus group) e a versão linear, sem excertos.

Pode também ver os comentários adicionados pelos utilizadores registados aos dois vídeos.

Numa barra lateral, terá um botão de registo que o redirecciona para um formulário onde terá de introduzir informações como um username (único na plataforma), o e-mail, uma password, nome, idade, nacionalidade, local de residência e uma fotografia.

Após efectuar o registo, o utilizador recebe um e-mail com um link que deve seguir para confirmar o registo. Depois disso, já pode fazer login na plataforma.

Logo abaixo do botão de registo terá também um formulário de login, com o username ou email e a password. Para facilitar o registo de utilizadores, estes podem também fazer login com a sua conta do facebook, para assim não ter de criar um novo user.

Na home, assim como em todas as outras páginas da plataforma, é possível ao utilizador ver uma secção de ajuda, com um formulário de pesquisa para facilitar numa dúvida mais direccionada que surja, e também algumas FAQ (frequently asked questions) que explicam resumidamente como utilizar a plataforma.

Presente em todas as páginas da plataforma está igualmente um menu com seis partes distintas: cinco delas dedicadas às cinco áreas temáticas do documentário e uma para o making off, caracterização da equipa de produção e agradecimentos.

Cada uma das cinco partes é constituída por diversas publicações, feitas pelo grupo e por todos os utilizadores registados na plataforma, e que podem ser constituídas por texto, vídeo, imagens e podem conter anexos (como documentos pertinentes sobre o tema).

Cada uma dessas publicações pode ser classificada num ranking de 1 a 5 por qualquer utilizador. Os users registados podem também adicionar comentários às publicações e responder a comentários de outros utilizadores.

Cada utilizador registado tem acesso a um perfil com as suas informações pessoais introduzidas no momento de registo (ou aquelas que estiverem presentes na conta do facebook com que o user fez login) que pode editar a qualquer momento. Pode também consultar os perfis dos outros utilizadores registados.

O administrador da plataforma é o tipo de utilizador com mais poder e permissões. Para além de todas as funcionalidades abertas aos outros utilizadores, o administrador pode eliminar publicações, vídeos ou comentários que não considere apropriados e moderar os utilizadores, expulsando aqueles que demonstrem comportamentos negativos.

Viabilidade Técnica para a produção da plataforma

Software

A primeira fase de produção da plataforma é a construção do layout. Para isso, vamos utilizar Adobe Photoshop e eventualmente Adobe Illustrator por já serem, como já foi referido, os softwares que o grupo já domina, e pela grande compatibilidade dentro dos programas da família Adobe.

Para construção técnica da plataforma tínhamos dois opções: construir de raiz ou construir com base num CMS (Content Manager System).

O grupo optou por esta segunda hipótese, uma vez que era necessário muito tempo para construir uma plataforma de raiz. No entanto, tinha a vantagem de termos mais controlo sobre as funções a implementar. No caso da escolha do CMS, estamos mais restritos aos plugins existentes e às funções passíveis de serem implementadas.

Depois de optar por utilizar um CMS, tínhamos três opções a considerar: Drupal, Joomla e Worpdpress.

O grupo acabou por optar por utilizar o Wordpress, por ser mais user friendly, possui um elevado número de plugins disponíveis, e uma grande comunidade online que nos pode ajudar na implementação dos mesmos.

Quanto à criação da Base de dados, consideramos apenas duas opções para a modelação da mesma: a utilização do Workbench ou o PHPMyAdmin.

Optamos pelo Workbench por ser mais intuitivo, por permitir a criação da base de dados de forma gráfica, e por já ter sido um software abordado nas aulas.

Em termos de linguagens de programação, começamos por perceber quais são usadas na plataforma.

Vamos utilizar HTML como linguagem base de estrutura da plataforma, uma vez que o HTML5 é ainda uma linguagem inacabada e ainda não suportada por todos os browsers.

Para formatação, utilizaremos CSS por não existir uma alternativa directa, e permite uma grande flexibilidade e simplicidade na construção do grafismo da página.

Para comunicar com o servidor, o grupo vai utilizar PHP por ser a linguagem usada no Wordpress, é conhecida pelo grupo, e é open, disponde de uma grande comunidade online que desenvolve inúmeras aplicações.

Para comunicar e interagir com a Base de Dados, usaremos SQL, uma linguagem já conhecida pelo grupo.

Hardware

Em termos de Hardware, para desenvolvimento da plataforma é apenas necessário um computador passível de correr os softwares de edição necessários.

Requisitos funcionais para a contrução do documentário

A construção do documentário passa por três fases distintas, com diferentes requisitos funcionais.

A primeira fase é a construção das infografias demonstrativas dos dados estatísticos recolhidos pelo grupo. Para isso, o grupo terá de as construir, recorrendo a um software de edição de imagem ou de modelação e, posteriormente, animá-las.

Depois, terá também que fazer uma pesquisa por bibliotecas de áudio de forma a encontrar os sons desejados para completar as infografias.

O segundo passo (não necessariamente posterior numa ordem cronológica) é a captação de vídeo, quer nas sessões de focus group, quer em outros momentos.

Para uma captação eficaz, é necessário ter em atenção a qualidade do equipamento e das condições como a luminosidade, utilizando recursos de iluminação artificial sempre que necessário.

A captação do som é também de grande importância pelo que o uso de material adequado e um ambiente sem ruído são fundamentais para o sucesso desta etapa.

Depois de captar o vídeo, é necessário fazer a sua conversão de analógico para digital, com o mínimo de perdas possíveis, tendo em atenção o uso de um software eficiente e de todos os codecs necessários.

De todos os vídeos captados o grupo terá depois de seleccionar quais os excertos a integrar no documentário. Proceder-se-á depois a um tratamento desses excertos a nível de cor, luminosidade, etc., num software indicado para esse efeito.

O som será também tratado de forma equilibrar o volume e tratar o registo áudio recorrendo a filtros de supressão de ruído e balanceadores de frequência.

Depois dessa selecção e tratamento dos conteúdos a incluir, o grupo fará a junção das infografias criadas anteriormente com os excertos de vídeo do focus group, outros conteúdos captados, e com o som já devidamente tratado.

Nessa montagem o grupo fará também a inserção de legendas em inglês de todo o documentário, para que a língua não seja uma barreira à visualização deste documentário.

O documentário será montado de duas formas distintas: uma versão linear sem excertos de focus group, só com a apresentação dos dados, e a versão completa.

Há também a intenção de montar um making off.

Depois de todo o vídeo montado, o passo seguinte será o alojamento e divulgação do vídeo (nas suas três versões) na plataforma de partilha.

Viabilidade Técnica para a produção do documentário

Software

Após definir as tarefas a realizar para que cada fase do nosso projecto esteja concluída, é importante perceber a viabilidade técnica para a realização das mesmas.

No que concerne ao documentário começamos por determinar as soluções técnicas para animar as infografias. Para as desenhar vamos optar pelo Illustrator e pelo Photoshop, por serem softwares já conhecidos pelo grupo e mostram-se eficazes para o efeito pretendido.

O passo seguinte é a animação, que vai ser feita em After Effects. No caso pensamos ser mais adequado uma vez que vamos trabalhar com vídeo real em paralelo, e como o grupo nunca trabalhou com este software, apesar da interface Adobe já nos ser muito familiar, pode ser um desafio interessante.

Para tratar o som, o grupo optou pelo Nuendo uma vez que é um software com uma capacidade de tratamento profissional e o grupo já o domina por ter estudado na UC de Sonorização.

Depois de captar o vídeo, para fazer o seu tratamento vamos também usar o After Effects por ser fácil de aprender as técnicas de tratamento de vídeo. Por fim, para juntar com as infografias e montar todo o documentário vamos utilizar o Adobe Premiére. É um software que já dominamos e que por ser da família Adobe tem compatibilidade com o After Effects.

Hardware

Em termos de hardware temos algumas limitações, uma vez que apenas temos disponível o equipamento disponível no departamento e uma câmera pertencente a um dos elementos do grupo.

Não é, no entanto, uma condição negativa uma vez que o equipamento disponível tem grande qualidade. Assim, com a restrição de precisarmos de requisitar com antecedência o material, optamos por utilizar o que nos disponibilizam no departamento.

Para captar as reuniões de focus group necessitamos de duas câmeras HD que posicionamos em diferentes ângulos, assim como tripés para as colocar e focos caso seja necessário iluminação artificial.

Para captação de som, optamos por utilizar os microfones internos das câmeras pois, nos testes que temos realizado, têm-se mostrado com uma captação eficaz do som em todas as direcções.

Para conversão e montagem do vídeo, é necessário um computador com boa capacidade de processamento.

ANEXO: Documento ilustrativo dos requisitos funcionais a implementar: Requisitos_funcionais.pdf

navegação

#entrega05pre

Interação natural e interação em ambientes 3D

navegação vs conteúdo por Luke

Estudos de caso | Óscar Lopes

Work in progress - Mapa de navegação

Requisitos funcionais e viabilidade técnica