From LABMM1_IDE

Revision as of 03:31, 15 January 2011

Projecto Final

Projecto elaborado no âmbito das disciplinas de: Laboratório Multimédia 1 e Imagem Digital Estática.

Elementos do Grupo

Andreia Couto 51539

Daniela Lapa 60625

Dimitar Kokov 42641

Ricardo Marques 44417

Memória Descritiva

O nosso Projecto de Autoria Multimédia tem por objectivo geral o desenvolvimento de uma aplicação multimédia interactiva, On-line, "O Guia do Caloiro".

Optamos por criar um “Guia do Caloiro”. O objectivo deste projecto é facilitar a todos os novos estudantes da Universidade de Aveiro, o acesso a informação essencial para a sua integração no ambiente universitário. Informação como os horários de atendimento na Reitoria, horários dos transportes, locais onde comer, locais onde dormir, onde fazer compras e, claro, onde sair à noite. Para tal, pretendemos apresentar a aplicação com uma divisão inicial Dia/Noite. Graficamente, a ideia era a de aproveitar um mapa de Aveiro, vectorizar de forma simples, e nos lugares marcados criar gráficos que identifiquem o local em questão. Este Projecto tem como objectivo principal facilitar a integração dos estudantes na Universidade de Aveiro, uma vez que nós caloiros, quando chegamos pela primeira vez à Universidade sentimos alguma dificuldade em nos localizar, sendo necessário, em casa, pesquisar sítios na Internet com informação do Campus Universitário.

Diário de Bordo

25.Novembro.2010

Demos início ao nosso Projecto Final!

Foram escolhidos os elementos que constituem o grupo e ficou decidido qual o tema do Projecto a desenvolver. Começamos por escrever a nossa Memória Descritiva, de acordo com o trabalho a ser realizado.

26.Novembro.2010

Conclusão da Memória Descritiva e elaboração da Página da Wiki do Projecto Final.

29.Novembro.2010

Hoje começamos por definir as cores que vamos usar na aplicação: Cinza Claro; Azul Claro; Azul Escuro e Cinza Escuro.

Demos início à construção do logotipo.

Cores

30.Novembro.2010

Pesquisa de algumas Aplicações Multimédia com objectivos e funcionalidades semelhates ao nosso Projecto. Conseguimos encontrar três Aplicações Multimédia com objectivos semelhantes, no entanto ainda estamos a pesquisar aplicações com funcionalidades semelhantes às que tencionamos utilizar, porque até agora não encontramos nada do género.

Estado de Arte Aplicações Multimédia com objectivos semelhantes ao nosso Projecto:

[1]

[2]

[3]

Aplicações Multimédia com funcionalidades semelhantes ao nosso Projecto:

Ainda em pesquisa.

1.Dezembro.2010

Continuação da elaboração do Logotipo.

Primeira Fase do Logotipo

2.Dezembro.2010

Definição da informação que estará disponível na nossa aplicação multimédia e definição da estrutura visual da mesma.

6.Dezembro.2010

Ínicio da vectorização de algumas imagens que vão ser necessárias para o nosso Projecto. Criação de novos logotipos, porque desistimos da ideia do nosso primeiro logotipo.

Vectorização UA

8.Dezembro.2010

Vectorização do Mapa da Universidade de Aveiro e de uma pequena parte do Mapa da Cidade de Aveiro. Recolha de mais informção sobre o nosso projecto.

Mapa UA

Mapa Aveiro

9.Dezembro.2010

Criação da Arborescência do Projecto.

Continuação do desenvolvimento da identidade visual da aplicação.

Media:Arborescencia_guiacaloiro.pdf

Com o desenvolvimento do projecto foi necessário alterar a arborescência.

Media:Arborescencia copy 2.pdf

10.Dezembro.2010

Continuação do desenvolvimento da identidade visual da aplicação.

Estudo de Layout.

Finalização do logótipo.

Criação da página inicial "Loading"

Logótipo

Loading

11.Dezembro.2010

Continuação do desenvolvimento da identidade visual da aplicação.

Estudo de Layout. Criação de botões.

Ecrã tipo 1

Botões

12.Dezembro.2010

Continuação do desenvolvimento da identidade visual da aplicação.

Estudo de cores.

Ecrã tipo 2

Ecrã tipo 3

13.Dezembro.2010

Apresentação do Projecto na disciplina de Imagem Digital Estática.

Início da concretização em Flash do Projecto.

Algumas modificações no ecrã-tipo.

16.Dezembro.2010

Pequenas alterações no Logótipo.

Conclusão em Flash da página de entrada da nossa aplicação multimédia (Loading).

Logótipo

17.Dezembro.2010

Continuação da elaboração dos Ecrãs Tipo.

23.Dezembro.2010

Conclusão da elaboração dos Ecrãs Tipo

26.Dezembro.2010 a 9.Janeiro.2011

Concretização do Projecto em Flash.

12.Janeiro.2011

Entrega do Projecto Final a Imagem Digital Estática.

13.Janeiro.2011

Realização do Relatório Final do Projecto (a publicar na wiki dia 14.Janeiro.2011), da Unidade Curricular Laboratório Multimédia 1.

14.Janeiro.2011

Entrega na Wiki do Relatório Final do Projecto. Entrega do Projecto Final para Laboratório Multimédia 1.

Relatório Final

1. Apresentação do Projecto

No âmbito da cadeira de Laboratório Multimédia I, foi-nos proposto desenvolver uma aplicação multimédia interactiva. O nosso grupo optou pela elaboração de uma aplicação multimédia interactiva, On-Line, “Guia do Caloiro”. Para a execução desta aplicação tiveram-se em conta factores como público-alvo ao qual se destinava e qual o contributo que esta aplicação podia dar ao mesmo.

O Projecto “Guia do Caloiro” foi criado para facilitar a todos os novos estudantes da Universidade de Aveiro o acesso a informação essencial para a sua integração no ambiente universitário e para que os mesmos possam encontrar com maior facilidade os departamentos e saber onde os mesmos se situam, os horários dos refeitórios, saber como usar os transportes públicos de Aveiro e onde ficam os locais com mais interesse na Cidade. Esta aplicação apresenta dois mapas, um de Aveiro e um da Universidade de Aveiro, nos quais se encontram destacados os espaços referidos complementados com a informação de horários, cursos leccionados, ementas, preços, websites, contactos e imagens para uma melhor identificação desses espaços. Este Projecto tem como objectivo principal facilitar a integração dos estudantes na Universidade de Aveiro, uma vez que nós caloiros, quando chegamos pela primeira vez à Universidade sentimos alguma dificuldade em nos localizar, sendo necessário, em casa, pesquisar sítios na Internet com informação do Campus Universitário e da Cidade.

2. Análise e Planeamento

Para o desenvolvimento da mesma, procederam-se a algumas etapas projectuais, tais como, uma sessão de brainstorming da qual resultou uma posterior análise e discussão inter-grupal. Desta surgiram duas ideias cruciais, sendo estas, uma aplicação multimédia interactiva com ênfase no ramo da música (baseada na já existente MTV) e um Guia de orientação para futuros alunos da Universidade de Aveiro. A proposta final realça a segunda ideia anteriormente apresentada. Esta ideia foi escolhida derivado ao facto de “nós” membros do grupo, termos sentido algumas dificuldades de integração e adaptação ao meio universitário. Com esta aplicação, pretende-se facilitar a todos novos alunos que ingressem futuramente no Campus de Santiago, o acesso a informações consideradas de extrema importância para a sua mobilidade dentro da Universidade e da Cidade de Aveiro. Relativamente, à Universidade existirão informações referentes aos Departamentos; Reitoria; Refeitórios; Casa do Estudante e Transportes. Em relação à Cidade em si, apresentamos informação como: Fórum de Aveiro; Praça do Peixe; Teatro Aveirense e Transportes.

3. Desenho funcional

3.1 Requisitos Funcionais

A navegação pela aplicação será feita através de botões de navegação. Estes foram desenvolvidos com o intuito de serem simples, ergonómicos e funcionais. Toda a execução dos layout’s teve em conta requisitos de funcionalidade e simplicidade, uma vez que, a aplicação pode vir a ser utilizada por pessoas com pouco literacia informática e/ou poucos conhecidos de navegação pela Web

3.2 Estrutura Arborescente

A nossa Aplicação Multimédia Interactiva, consiste num paradigma de interacção Índex, onde os botões estão organizados em Menus e Sub-menus. A aplicação assenta na tipologia de Estrutura Arborescente Hierárquica não linear, ou seja, o utilizador pode navegar entre os níveis de estrutura e entre itens do mesmo nível da estrutura, sem restrições, onde os Menus e Sub-menus estão sempre presentes. O utilizador tem total liberdade de selecção de percursos.

No caso da nossa arborescência podemos verificar que existe um Loading inicial, que depois de carregado vai ao encontro de uma página inicial, onde podemos seleccionar entre dois menus, o menu da Universidade de Aveiro e o menu da Cidade de Aveiro. No primeiro menu, podemos encontrar os seguintes botões: Universidade de Aveiro; Fórum Aveiro; Praça do Peixe; Teatro Aveirense e Tranpostes. No segundo menu, podemos encontrar os seguintes botões: Aveiro; Departamentos; Reitoria; Refeitórios; Casa do Estudante e Transportes. No entanto, nos botões Departamentos; Refeitórios, encontramos sub-menus, onde aparece um botão para cada departamento e dois botões no sub-menu dos refeitórios. O utilizador ao carregar em cada um destes botões, encontrará informação relativa a cada um dos temas. Nesta aplicação são também apresentados dois mapas, um da Universidade de Aveiro e outro da Cidade de Aveiro, estes alteram consoante o menu que o utilizador escolher, ou Universidade de Aveiro ou Aveiro.

3.3 Desenho de interacção e usabilidade

O desenho da aplicação foi executado tendo em conta, uma pesquisa essencial desenvolvida pelos membro do grupo. Esta pesquisa prendeu-se sobretudo com as “Heurística de Usabilidade”, esta está assente em dez princípios, tais como: 1. Feedback 2. Falar a linguagem do usuário. 3. Saídas claramente demarcadas, isto é, o usuário controla o sistema, ele pode, a qualquer momento, abortar uma tarefa, ou desfazer uma operação e retornar ao estado anterior. 4. Consistência, ou seja, a mesma operação é apresentada na mesma localização e é formatada/apresentada da mesma maneira para facilitar o reconhecimento. 5. Prevenir erros, conhecer as situações que mais provocam erros e modificar a interface para que estes erros não ocorram. 6. Minimizar a sobrecarga de memória do usuário, ou seja o sistema mostra os elementos de diálogo e permiti que o usuário faça as suas escolhas, sem a necessidade de lembrar um comando específico. 7. Atalhos, para que os usuários mais experientes executarem as operações mais rapidamente. 8. Diálogos simples e naturais, isto é, apresentar a informação que o usuário precisa no momento, nem a mais nem a menos. 9. Boas mensagens de erro, onde a linguagem deve ser clara e sem códigos. 10. Ajuda e documentação. O ideal é que um software seja tão fácil de usar (intuitivo) que não necessite de ajuda.