Sistemas

de Informao Multimdia
Trabalho prtico RELATRIO FINAL
Diogo Saavedra (20091671) Mrio Cabano (20097219) Nuno Antnio (20094035) Ricardo Cabrita (20090292)

Instituto Superior Manuel Teixeira Gomes

Curso de Engenharia Informtica
Ano letivo 2011/2012 Prof. Dr. Tiago Candeias 26 de Janeiro de 2012 Documento redigido ao abrigo do novo acordo ortogrfico.

ndice
Introduo ............................................................................................................................................................ 1 Objeto ................................................................................................................................................................. 1 mbito ............................................................................................................................................................... 1 Alteraes ao projeto ....................................................................................................................................... 1 Requisitos ......................................................................................................................................................... 1 Interface visual e interao ...................................................................................................................... 2
Back-Office ..................................................................................................................................................................................... 2 Front-Office ................................................................................................................................................................................... 4

Concluso .............................................................................................................................................................. 5 Anexos .................................................................................................................................................................... 6 Anexo A - Diagrama de Entidade-Relacionamento ........................................................................ 6

Sistemas de Informao Multimdia

ii

Introduo
Objeto
Este documento um relatrio final do projeto desenvolvido no mbito da disciplina de Sistemas de Informao Multimdia e Interao Homem-Mquina. Neste documento so demonstradas as alteraes e diferenas entre o plano de projeto apresentado a 2 de Novembro de 2011 e o trabalho final, tal como apresentado em aula no dia 25 de Janeiro de 2012. As alteraes realizadas no decorrer do projeto deveram-se no s a situaes de ordem tcnica, mas tambm a situaes relacionadas com a usabilidade e o input dos clientes. So tambm apresentadas neste documento as concluses finais do projeto.

mbito
Este documento abrange ambos os mdulos do projeto (Front e Back-Office), bem com a sua base de dados.

Alteraes ao projeto
Requisitos
Ao nvel dos requisitos apenas foi implementada uma nica alterao. referente ao requisito funcional de Back-Office n11, onde os limites de dados multimdia foram alterados para no mximo permitir a indicao por local de mergulho de: 5 cones descritivos; 20 ficheiros multimdia por local de mergulho; 1 modelo 3D por local de mergulho.

Sistemas de Informao Multimdia

Interface visual e interao

Foram ligeiras as alteraes efetuadas a nvel do interface visual e do interface. Na sua maioria, as alteraes foram pequenos ajustes devido passagem dos elementos visuais (imagens) para elementos programticos, especialmente para CSS. Alguns desses ajustes foram tambm realizados para se garantir um maior grau de usabilidade. Back-Office Neste mdulo as alteraes efetuadas deveram-se sobretudo a critrios de legibilidade, mas tambm ao cumprimento integral das regras de Interao Homem-Mquina e ainda de terem que ser acomodados as alteraes realizadas ao DEA, nomeadamente, a definio de mais textos a serem traduzidos no ficheiro de idiomas.

Imagem 1 - Ficheiro de idiomas

Estas alteraes traduziram-se sobretudo em: Alteraes dos campos a editar em funo das alteraes base de dados; Labels dos campos passaram a ficar esquerda dos mesmos e no por cima, pois deste modo a fonte das mesmas pode ser maior, sem obrigar a uma maior altura das janelas; Os botes foram alinhados horizontalmente em vez de verticalmente conforme o definido no prottipo pois em termos de IHM isso mais expectvel pelos utilizadores.

Sistemas de Informao Multimdia

O interface visual dos ficheiros de locais de mergulho sofreu ainda uma alterao substancial em relao ao prottipo pois durante as apresentaes ao cliente PORTISUB foi visto que o ideal era que tudo estivesse vista e no fosse preciso fazer scroll para se visualizar todos os dados. Assim, foram introduzidos separadores de dados para evitar ter uma janela muito comprida e simultaneamente esconder a complexidade do ficheiro.

Imagem 2 - Ficheiro de locais de mergulho

A pedido do Prof. Melo Pereira, foi ainda introduzido um cran de login. Neste caso, dado que tal situao era apenas para exemplificar a necessidade de existncia de algum nvel de segurana, o mesmo est apenas definido programaticamente com os dados de:
Sistemas de Informao Multimdia

Nome de utilizador: admin Palavra-chave: admin

Imagem 3 - Login

Front-Office Ao nvel deste mdulo foram realizadas apenas duas modificaes: Os cones dos tipos de local de mergulho foram redesenhados para serem de mais fcil compreenso para em termos de cores respeitarem melhor as regras de IHM.

Imagem 4 - Front-Office

A navegao no modelo 3D foi substancialmente modificada, devido a problemas encontrados na sua implementao tcnica, face ao tempo disponvel. Por esse motivo, foram alterados os controlos mostrados nessa rea para: o Vista controlo que permite selecionar o tipo de vista: topo, lateral, diagonal ou inferior; o Mais prximo controlo para aproximar cmara do objeto; o Reset controlo para retornar posio de cmara posio inicial; o Menos prximo controlo para afastar cmara do objeto; o Rotao controlo para ligar/desligar rotao automtica do objeto.

Sistemas de Informao Multimdia


Imagem 5 - rea de 3D

Concluso
Este foi um trabalho considerado unanimemente por todos os membros do grupo de trabalho, como um dos melhores trabalhos at agora realizados. No s pela qualidade do resultado final, como amplamente reconhecido pelos restantes colegas, mas tambm pelo que nos permitiu aprender e implementar os conceitos das disciplinas de SIM e IHM. A nvel tcnico, foi um trabalho extremamente exigente, sendo que foram utilizadas tecnologias que eram desconhecidas de todos ns h apenas trs meses atrs (HTML5, Javascript, PHP, MySQL, Jquery, Ajax, SVG, WebGL, entre outras). No entanto, apraz tal fato, a satisfao de se terem alcanado (e em algumas partes ainda se ultrapassado) os objetivos propostos motivo de orgulho para todos os membros do grupo.

Sistemas de Informao Multimdia

Anexos
Anexo A - Diagrama de Entidade-Relacionamento

Face s alteraes anteriormente enumeradas, foram efetuadas algumas alteraes estrutura da base de dados, conforme descrito no diagrama anterior.

Sistemas de Informao Multimdia