PocketUA

Revisão das 00h43min de 14 de Janeiro de 2013

Elementos do grupo

Filipe Costa - 69348

João Batista - 68632

João Leal Vaz - 69314

Luís Fardilha - 68855

Sara Eusébio - 65048

Projecto

Descrição da aplicação

No âmbito do projeto final da disciplina de Labmm1, iremos desenvolver um web site com a demonstração de uma possível aplicação para multi-plataforma. Esta aplicação tem como tema a Universidade de Aveiro, e pretende compilar as diferentes ferramentas web existentes ja na UA ( paco; moodle; email; etc. ). Esta aplicação destina-se a todos os utilizadores universais da UA. A Aplicação funciona também como rede social, criando uma nova plataforma onde a grande interface mostra a localização dos utilizadores no campus da UA.

O web site que iremos desenvolver irá servir como forma de divulgação e informação do projeto, incluindo a demonstração do mesmo em forma de animação interactiva. Ainda será disponibilizada uma versão mobile de um protótipo da aplicação da pretendida ( esta versão apenas ira conter as ligações para as diferentes ferramentas da UA).

Conceptualização visual

Queremos adoptar um estilo simples, intuitivo e acessível a todos os utilizadores. Utilizámos portanto imagem vectorial e traços simples para que os utilizadores tenham uma fácil interpretação da aplicação.

Estado de Arte

Quando efectuamos as nossas pesquisas, concluímos que são raras as aplicações aplicações semelhantes há que ideializá-mos. Esta aplicação está direccionada para os docentes e alunos da UA, a nossa pesquisa incidiu sobre aplicações multimédia compiladoras e agregadores.

Identidade visual

Palete de cores

No nosso projecto decidimos utilizar cores que estivessem ligadas à Universidade de Aveiro, como por exemplo as cores utilizadas no site da UA, moodle, mail, etc. Decidimo-nos basear nessas cores, não só por estarem relacionadas com o nosso projecto, mas também por serem cores limpas e combinarem todas entre si.

Tipografia utilizada

Como tipo de letra, decidimos que era necessário utilizar um tipo de letra que fosse simples, sem muitos pormenores e que fosse fácil de ler e perceber. Como tal, após uma breve pesquisa, optámos pelo tipo de letra Helvetica.

Distribuição de tarefas

Filipe Costa:

elaboração de logotipos, layouts e design geral (ID-E);

desenvolvimento do texto da voz off;

realização da animação da aplicação;

produção do site;

relatório do projeto

João Batista:

elaboração de logotipos, layouts e design geral (ID-E);

responsável pela wiki;

realização da animação da aplicação;

produção do site;

relatório do projeto;

João Leal Vaz:

elaboração de logotipos, layouts e design geral (ID-E);

desenvolvimento do texto da voz off;

realização da animação da aplicação;

produção do site;

relatório do projeto;

Luís Fardilha:

elaboração de logotipos, layouts e design geral (ID-E);

desenvolvimento do texto da voz off;

realização da animação da aplicação;

produção do site;

relatório do projeto;

Sara Eusébio:

incorporação da voz off;

responsável pela wiki;

realização da animação da aplicação;

produção do site;

relatório do projeto;

Arborescência

A nossa estrutura arborescente é não-linear e foi construída para podermos navegar entre vários nós e links sem qualquer restrição. O utilizador tem liberdade total para navegar na aplicação. Foi desenhada a pensar numa estrutura simplificada e sempre com o objectivo de não ser confusa, para que o utilizador não se perca e navegue facilmente por onde quer. A página principal e a demonstração da aplicação correspondem aos nós e os diferentes menus são os links, possuindo ainda pequenas definições dentro de cada um destes links para serem alteradas como o utilizador preferir.

Arborescência do site:

Arborescência da aplicação:

Ecrãs modelo

Ecrã de Login:

Ecrã de Definições:

Ecrã Mapa:

Ecrã Mail:

Ecrã Paco:

Ecrã Arca

Ecrã Moodle

Diário de bordo

Relatório