[en] ANIMATED TRANSITIONS FOR WEB APPLICATIONS BASED ON MODELS

[pt] TRANSIÇÕES ANIMADAS EM APLICAÇÕES WEB BASEADAS EM MODELOS

[pt] ANDRE TADEU SANTOS FIALHO

[pt] WEB SEMANTICA

[pt] AMBIENTE DE DESENVOLVIMENTO

[pt] INTERFACE

[pt] ANIMACAO

[pt] APLICACOES HIPERMIDIA

[en] SEMANTIC WEB

[en] DEVELOPMENT ENVIRONMENT

[en] INTERFACE

[en] ANIMATION

[en] KNOWLEDGE MODELING

[pt] 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.

[en] In this dissertation we introduce an approach for the authoring of animated transitions in Web applications. The transitions can be defined as navigational state changes that result in the alteration of the presented widgets and interface. These alterations are usually represented abruptly through non-animated interfaces. The use of animation allows a gradual representation of the transformations that occur, characterizing a smooth transition that reveals to the user the underlying navigation operation. The approach is divided in two steps: The interface modeling and the transition modeling. In the first step, we define the interfaces through a specification of abstract interfaces provided by the SHDM/OOHDM method. In the transition modeling, we identify the animations for each transformation and define through the animation rhetorics: The transition rhetorical structure, which defines the animation execution sequence, and the rhetoric styles, that defines the effects and duration proprieties of the animation. The approach was implemented by extending the hypermedia authoring environment, HyperDE, providing smooth transitions for the generated application prototypes. In order to allow the execution of the animations, we have also developed a transition library using Dynamic HTML technology. A preliminary evaluation with users showed greater satisfaction in the use of smooth transitions and a better interpretation of the relations between navigated instances during the interaction process.

DANIEL SCHWABE

BRUNO FEIJO

SIMONE DINIZ JUNQUEIRA BARBOSA

DANIEL SCHWABE

2008-10-08

2007-07-30

[pt] TEXTO

application/pdf

application/pdf

application/pdf

application/pdf

application/pdf

application/pdf

application/pdf

application/pdf

PORTUGUÊS

https://www.maxwell.vrac.puc-rio.br/colecao.php?strSecao=resultado&nrSeq=12317@1

https://www.maxwell.vrac.puc-rio.br/colecao.php?strSecao=resultado&nrSeq=12317@2

https://doi.org/10.17771/PUCRio.acad.12317