[pt] Todo projetista realiza, ao projetar algum artefato, uma seqüência de raciocínio e de tomadas de decisão de projeto que resultam neste artefato. A captura do raciocínio utilizado pelo projetista durante a modelagem de uma aplicação raramente é realizada. Tal raciocínio é denominado na literatura como Design Rationale, e a dificuldade de sua captura e uso é atribuída em grande parte à falta de ferramentas adequadas a este fim. Tais ferramentas devem ser integradas ao processo de design, interrompendo minimamente o raciocínio do projetista/desenvolvedor que está construindo a aplicação. Estas ferramentas devem também permitir o reuso de soluções, auxiliando o projetista/desenvolvedor a melhorar a qualidade de design de seus artefatos. O objetivo do trabalho realizado é integrar a captura e uso de design rationale a um ambiente de prototipação de aplicações hipermídia, além de permitir o reuso de designs registrados. Como resultado, é apresentado o ambiente integrado HyperDE+DR, baseado no ambiente HyperDE para prototipação de aplicações hipermídia e na abordagem Kuaba para representação e uso de design rationale. O ambiente integrado HyperDE+DR desenvolvido e implementado gera e registra automaticamente decisões de design tomadas durante a construção dos artefatos pelo projetista/desenvolvedor. Questões e idéias são geradas e respondidas também automaticamente pelo ambiente, de acordo com os métodos de design usados pelo ambiente - OOHDM e SHDM -, o que facilita o processo de captura do design rationale. Adicionalmente, o ambiente possibilita o reuso de design rationales, permitindo a integração ou reutilização de designs para a construção de novas aplicações, podendo torná-las mais completas, consistentes e reduzir o esforço de desenvolvimento. / [en] Every designer follows some line of reasoning, and makes several decisions when designing an artifact, which is the final result of this decision process. This design reasoning and decision structure, commonly called Design Rationale, is rarely captured and recorded. The reasons for this seem to be due to the lack of appropriate tools, which should capture the Design Rationale in an unobtrusive way, allowing the designer to focus on the design itself. Such tools should also allow reusing previous design solutions, helping the designer/developer to improve the quality of the solution. The goal of this dissertation is to provide means to capture, record and use Design rationale within a prototyping environment for hypermedia applications. As result, we present the HyperDE+DR environment, which combines the HyperDE environment with the Kuaba approach for recording Design Rationale. The HyperDE+DR environment automatically generates and records design decisions made by the designer during the development process. Questions and ideas are automatically generated and tentatively answered, to be reviewed later by the designer by following the OOHDM and SHDM design methods that underlie the original HyperDE environment. In addition, HyperDE+DR supports Design Rationale use, by allowing integration of previous design rationales into a design being developed. This allows improving the completeness and consistency of the resulting design, also lowering development costs.

[pt] A crescente disponibilização de dados e ontologias segundo os padrões da Web Semântica tem levado à necessidade de criação de métodos e ferramentas de desenvolvimento de aplicações que considerem a utilização e disponibilização dos dados distribuídos na rede segundo estes padrões. O objetivo desta dissertação é apresentar um método, incluindo processos e modelos, e um ambiente para o desenvolvimento de aplicações na Web Semântica. Mais especificamente, este trabalho apresenta a evolução do método SHDM (Semantic Hypermedia Design Method), que é um método para o desenvolvimento de aplicações hipermídia na Web Semântica e o Synth, que é um ambiente de desenvolvimento de aplicações projetadas segundo o método SHDM. / [en] The growing availability of data and ontologies according to the Semantic Web standards has led to the need of methods and tools for applications development that take account the use and availability of the data distributed according to these standards. The goal of this dissertation is to present a method, including processes and models, and an environment for the Semantic Web applications development. More specifically, this work shows the evolution of the SHDM (Semantic Hypermedia Design Method), which is a method for the Semantic Web hypermedia application development and the Synth, which is an environment to build applications designed according to the SHDM.

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

[pt] O HyperDE, apresentado nesta dissertação, é a combinação de um framework no padrão Model-View-Controller e um ambiente de desenvolvimento visual para a construção de protótipos de aplicações hipermídia, modeladas através dos métodos OOHDM ou SHDM. Como framework MVC, o HyperDE fornece componentes reutilizáveis e extensíveis para as camadas de modelo, visão e controle, especificados como ontologias em RDFS. Como ambiente de desenvolvimento visual, o HyperDE fornece, através de sua interface gráfica e ferramentas auxiliares, uma forma interativa e dinâmica de construir e prototipar uma aplicação hipermídia, com a possibilidade de visualizar imediatamente o resultado de cada passo do processo de desenvolvimento. A arquitetura de desenvolvimento promovida pelo ambiente é orientada a modelos, onde a definição dos modelos navegacionais efetivamente gera a implementação da aplicação. Utilizando um modelo de dados baseado em RDF e RDFS, os modelos navegacionais produzidos no HyperDE podem ser utilizados como ontologias, fazendo-se uso de tecnologias e linguagens da Web Semântica. Além disso, a utilização de uma linguagem de programação dinâmica permite que o HyperDE construa dinamicamente linguagens específicas de domínio para cada aplicação desenvolvida, o que resulta em um modelo de programação mais conciso e natural. / [en] HyperDE, presented in this dissertation, is a combination of a Model-View- Controller framework and a visual development environment for building prototype applications modeled through the OOHDM and SHDM methods. As a MVC framework, HyperDE provides the reusable and extensible components for the model, vision and control layers, specified as ontologies in RDFS. As a visual development environment, HyperDE provides, through its graphical interface and support tools, an interactive and dynamic way for building and prototyping a hypermedia application, making it possible to visualize the results on each step of the development process. The development architecture promoted by the environment is model-driven, in which the definition of the navigational models effectively generate the application implementation. Using data models based on RDF and RDFS, the navigational models produced in HyperDE can be used as ontologies, through semantic web languages and technologies. Also, the use of a dynamic programming language makes it possible for HyperDE to dynamically generate domain-specific languages for each application built, which results in a programming model much more concise and natural.