Pagina inicial

Caro Amante E Estudioso da Arte Animada

Estamos no nosso 3o. ano de constante alimentação do nosso animado index, AdA, onde tivemos o apoio da Professora Dra. Índia Martins (UFF),...

Transições Animadas em Aplicações Web Baseadas em Modelos

Dissertação de Mestrado
(indexada pela 1ªvez em 30/11/2011)

Nome: André Tadeu Santos Fialho
Instituição: PUC-Rio
Programa: Departamento de Informática
Orientador: Daniel Schwabe
Ano: 2008
País: Brasil

Resumo
Apresentamos nesta dissertação uma abordagem para autoria  de transições  animadas em aplicações Web. As transições podem ser  definidas como uma mudança de estado navegacional que resulta na alteração dos  widgets e da interface. Tais alterações são, em sua maioria,  representadas de forma abrupta em interfaces não animadas. O uso de animações permite uma  representação gradual das transformações que ocorrem, caracterizando então,  transições suaves que revelam mais claramente ao usuário a operação de navegação  subjacente. A abordagem é dividida em duas etapas: Modelagem das  interfaces e modelagem das transições. Na primeira etapa definimos as interfaces  através da especificação de interfaces abstratas da metodologia SHDM/OOHDM. Para  modelagem de transições, identificamos as animações para cada  transformação e definimos através da retórica da animação: A estrutura retórica da  transição, que define a seqüência de execução, e os estilos retóricos, que definem  propriedades de efeitos e duração das animações. A abordagem foi implementada  estendendo o ambiente de autoria hipermídia, HyperDE, possibilitando então a  geração de protótipos de aplicações com transições suaves. Para execução das  animações elaborou-se também uma biblioteca de transições utilizando a tecnologia  Dynamic HTML. Uma avaliação preliminar com usuários demonstrou maior  satisfação no uso de transições suaves e maior facilidade na interpretação de  relações entre instâncias navegadas durante a interação.

Palavras-chave: animação, computação gráfica, world wide web, interfaces gráficas

Para o trabalho completo, clique aqui!