Made available in DSpace on 2016-06-02T19:05:50Z (GMT). No. of bitstreams: 1 3725.pdf: 10739075 bytes, checksum: 66873da98206d03f71730ae408582888 (MD5) Previous issue date: 2011-05-30 / Financiadora de Estudos e Projetos / Web 2.0 allowed users more interactivity with Web applications. The so-called Rich Internet Applications (RIAs) have transposed the boundaries of simple interfaces built only in Hypertext Markup Language (HTML). Through the adoption of technologies that enable the creation of more advanced interfaces, RIAs resemble the appearance and behavior of desktop applications. On the other hand, the demand for software in Ubiquitous Computing, in which access to applications occurs anywhere, at any time and from different devices, has raised new challenges for Software Engineering. One of these challenges is related to the adaptation of the contents of an application to the numerous devices that can access it in distinct contexts. Given the diversity of devices, access networks, environments and possible contexts, providing applications that meet the peculiarities of each access device, while keeping a consistent appearance and behavior in view of the changes occurring in the surrounding environment, has become a difficult task for software engineers. In applications that use rich interfaces in Web 2.0 for improving the interactivity, this task becomes even more complex due to the need of preserving the interaction aspects that afford users a richer experience with the application. This task can be facilitated using a software process that guides developers in building a ubiquitous application, considering the different contexts involved in its execution. Faced with these challenges, this work proposes a software process, named Model Driven RichUbi, aiming at supporting the development of rich interfaces for ubiquitous applications that adapt themselves when viewed on different types of devices. Based on the Model Driven Development and Domain-Specific Modeling conceptions, in the process are defined activities and artifacts that help in modeling and partial code generation of rich interfaces for different platforms. Besides, dynamic content adapters that refine the produced interface versions are also employed in the process, so that the developed interfaces can adapt to the peculiarities of the access device identified from the interaction context at runtime. The computational support focused on the Rich Interfaces Domain employed in the process is advantageous since it can be reused to simplify the development of adaptive rich interfaces for ubiquitous applications of several fields, which contributes to effort reduction and productivity increasing. / A Web 2.0 permitiu aos usuários maior interatividade com as aplicações Web. As chamadas Aplicações de Internet Ricas (RIAs Rich Internet Applications) transpuseram os limites das interfaces simples construídas apenas em Hypertext Markup Language (HTML). Através da adoção de tecnologias que permitem a criação de interfaces mais avançadas, as RIAs assemelham-se à aparência e comportamento das aplicações desktop. Por outro lado, a demanda por software na Computação Ubíqua, onde o acesso às aplicações ocorre de qualquer lugar, a qualquer hora e a partir de diferentes dispositivos, fez surgir novos desafios para a Engenharia de Software. Um desses desafios está relacionado com a adaptação das aplicações acessadas por diferentes dispositivos em contextos distintos. Dada a diversidade de dispositivos, redes de acesso, ambientes e contextos possíveis, prover aplicações que satisfaçam as peculiaridades de cada dispositivo de acesso, ao mesmo tempo em que mantêm um comportamento e aparência coerentes face às mudanças que ocorrem no ambiente ao redor, tornou-se uma difícil tarefa para os engenheiros de software. Nas aplicações que utilizam de interfaces ricas na Web 2.0, para melhorar a interatividade, essa tarefa torna-se mais complexa devido à necessidade de preservar os aspectos de interação que proporcionam aos usuários uma rica experiência com a aplicação. Tal tarefa pode ser facilitada usando um processo de software que oriente o desenvolvedor na construção de uma aplicação ubíqua, considerando os diferentes contextos em que se executa a aplicação. Diante desses desafios e visando a dar suporte ao desenvolvimento de interfaces ricas de aplicações ubíquas que se adaptam quando visualizadas em diferentes dispositivos, neste trabalho é proposto o processo denominado Model Driven RichUbi. Com base nas concepções de Desenvolvimento Dirigido a Modelos e Modelagem Específica de Domínio, são definidos atividades e artefatos que orientam a modelagem e geração parcial de código das interfaces ricas para diferentes contextos. No Model Driven RichUbi, também são utilizados adaptadores dinâmicos de conteúdo que refinam as versões produzidas das interfaces para se adequarem às peculiaridades do dispositivo de acesso identificadas do contexto da interação em tempo de execução. O apoio computacional no Domínio de Interfaces Ricas empregado no processo tem a vantagem de poder ser reutilizado no desenvolvimento de interfaces ricas adaptativas em aplicações ubíquas de diferentes domínios, colaborando para a redução de esforços e aumento da produtividade.

O design de interação é uma disciplina de design relativamente nova que pode ser compreendida como o design dos aspectos subjetivos e qualitativos de tudo o que é digital e também interativo. Já o esboço é uma prática muito comum nas disciplinas de design e consiste em um tipo de desenho feito à mão no papel para testar alternativas e comunicá-las para outros profissionais. O design de interação traz novos desafios para a prática de esboços, pois além das telas é necessário representar as ações do usuário e as modificações do sistema ao longo do tempo. Um levantamento da situação atual mostra que as técnicas que existem apresentam limitações importantes e que o assunto ainda é pouco explorado. Portanto o objetivo deste trabalho foi procurar aprimorar os esboços no design de interação, com quatro linhas de ação: analisar as especificidades da prática de esboços no design de interação para compreender as oportunidades de melhoria; desenvolver uma técnica, a ActionSketch, para buscar aproveitar estas oportunidades; verificar se a ActionSketch auxilia no processo de fazer esboços no design de interação; analisar o uso da técnica para procurar compreender como auxilia ou não o processo. Para atingir estes objetivos, adotamos o plano de ação descrito a seguir. Realizamos uma extensa revisão da literatura. Desenvolvemos propostas de técnicas e as refinamos através de iterações de exercícios e de entrevistas com profissionais. Apresentamos a ActionSketch em oficinas para grupos de profissionais da área, onde coletamos resultados do uso da técnica para em seguida analisá-los. A versão da técnica utilizada neste trabalho (v0.8) é composta por quatro partes: quadros, cores, símbolos e regras. Os quadros são uma forma para lidar com a questão temporal, as cores buscam separar as ações do usuário e do sistema, os símbolos são notações para deixar o desenho mais ágil e as regras são boas práticas para orientar o uso da técnica. Esta versão foi apresentada para 24 profissionais em quatro oficinas, seguidas de um período de uso continuado de 18 dias em média e fechado com entrevistas individuais para coletar comentários. Para atingir nosso objetivos a análise dos dados foi feita em dois níveis: um nível mais pragmático, para avaliar a adequação da técnica na sua aplicação prática, e um outro nível mais conceitual, onde pudemos investigar os aspectos mais gerais da prática de esboços, com foco no design de interação. De maneira sucinta os resultados obtidos indicam que a ActionSketch: auxilia o processo cognitivo; facilita a comunicação quando ao menos um designer conhece a técnica; pode ser modificada ou aplicada parcialmente; tem um aprendizado inicial rápido, que pode evoluir de maneira modular; é particularmente adequada para detalhes da interação. Em termos práticos a técnica se mostrou suficientemente adequada para uso e apontou possíveis melhorias. Já no aspecto teórico pudemos verificar a importância da representação da interação nos esboços, que trouxe diversos benefícios para o processo. O trabalho também aponta algumas direções futuras, como uma nova versão da ActionSketch e sua divulgação online de maneira modular e colaborativa. / Interaction design is a relatively new discipline which can be understood as the design of the subjective and qualitative aspects of everything that is both digital and interactive. Sketching is a common practice in design and consists of freehand drawings made on paper to test alternatives and communicate them to other professionals. Interaction design brings new challenges to the practice of sketches, because of the need to represent the interaction as well as the visual layout of the interface. A survey of current practices shows significant limitations and that the subject is still little explored. Therefore the aim of this work was to improve sketching in interaction design, with four lines of action: to analyze the specifics of practice in interaction design sketches to understand the opportunities for improvement; to develop a technique, called ActionSketch, to try to take advantage of these opportunities; to verify if ActionSketch improves the process of sketching in interaction design; to analyze the use of the technique to try to identify how it helps or hinders the process. To achieve these objectives, we adopted the following plan of action. We conducted an extensive literature review. We developed proposals of the technique and refined them through iterations of exercises and interviews with professionals. We then presented ActionSketch in workshops for groups of professionals, from where we collected the results. The version of the technique used in this work (v0.8) consists of four parts: frames, colors, symbols and rules. Frames are a way to deal with the question of representing time, the colors try to evidence the user and system actions, symbols are notations to improve the speed of drawing and rules are good practices that guide the use of the technique. This version was presented to 24 professionals in four workshops, followed by a period of continuous use of 18 days on average and closed with individual interviews to gather feedback. To achieve our objective data analysis was done on two levels: a more pragmatic level, to assess the adequacy of the technique in practical application, and another more conceptual level, where we investigate the more general aspects of the practice of sketches, with focus on interaction design. Briefly the results obtained indicate that ActionSketch: assists the cognitive process; facilitates communication when at least one designer knows the technique; may be modified or partially applied; has a smooth learning curve, which can evolve in a modular way; is particularly adequate for details of the interaction. In practical terms the technique seemed adequate enough for use and indicated some points for improvement. In the theoretical aspect we could verify the importance of representing the interaction in sketches, which brought many benefits to the process. The study also points to some interesting future directions, such as a new version of ActionSketch and the creation of a collaborative site for it\'s publication.