Return to search

[en] ANIMATED TRANSITIONS FOR WEB APPLICATIONS BASED ON MODELS / [pt] TRANSIÇÕES ANIMADAS EM APLICAÇÕES WEB BASEADAS EM MODELOS

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

Identiferoai:union.ndltd.org:puc-rio.br/oai:MAXWELL.puc-rio.br:12317
Date08 October 2008
CreatorsANDRE TADEU SANTOS FIALHO
ContributorsDANIEL SCHWABE
PublisherMAXWELL
Source SetsPUC Rio
LanguagePortuguese
Detected LanguageEnglish
TypeTEXTO

Page generated in 0.0027 seconds