ModelUIVIZ: uma proposta para o entendimento da interface do usuário utilizando técnicas de visualização de informação
Carregando...
Data
2017-07-10
Autores
Martins, Livia Cristina Gabos [UNESP]
Título da Revista
ISSN da Revista
Título de Volume
Editor
Universidade Estadual Paulista (Unesp)
Resumo
Contexto: Os modelos de interface são utilizados para representar suas características sob diferentes aspectos e, assim, facilitar a compreensão das informações da interface do usuário. Na literatura são utilizadas representações da Engenharia de Software, como a UML, e suas extensões para os modelos de interface. Motivação e Justificativa: As informações são dispersas em múltiplos modelos e níveis de abstração, o que motiva pesquisas para criar mecanismos que facilitem o entendimento da interface. Ter informação sobre a implementação da interface atualizada contribui para seu entendimento. Problema: A dispersão e os vários níveis de abstrações dos modelos são problemas para a atualização constante desses modelos, de modo a manter consistência entre eles. E consequentemente, gera o problema aqui tratado: a dificuldade da manutenção é maior por não existir artefatos confiáveis que a apoiem. Quanto às interfaces web o problema se agrava, não tendo sido observado trabalhos na literatura que permitam uma visão geral da implementação da interface. Objetivo: O objetivo deste trabalho é apoiar o entendimento da implementação de interfaces web usando técnicas de Visualização de Informação, facilitando a compreensão da sua estrutura e do processo de manutenção da interface. Metodologia: Para isso, é proposta a ModelUIVIZ, que consiste em modelos visuais para a representação das informações de uma interface web. A ModelUIVIZ é organizada em WebModelUI Data -- um plug-in para extração dos dados da interface -- e a ferramenta WebModelUI Tool -- que realiza a leitura dos dados gerados pelo plug-in, apresentando-os visualmente. Para avaliar a compreensão da representação visual criada foram realizados três experimentos controlados. Entre as avaliações, foram criadas três versões com melhorias e novas funcionalidades para a representação visual. Resultado: Como resultado, a última versão da ModelUIVIZ foi compreendida e aceita pelos participantes do experimento, e importantes lições aprendidas foram alcançadas.
Context: User Interface (UI) models are used to represent their characteristics under different aspects and, thus, facilitate the understanding of UI. In the literature, are used representations of Software Engineering, such as UML, and the extensions to UI models. Motivation and Justification: The information is scattered in multiple models and levels of abstraction, which motivates this research to create mechanisms that facilitate the understanding of user interface. Having updated information about UI implementation has contributed to understanding. Problem: The scattered information and the multiple levels of abstractions are problems to update models, in order to keep consistency among them. And consequently, it generates the problem treated here: the difficulty of maintenance is greater because there are no reliable artifacts to support it. Regarding to web interfaces the problem is aggravated, there is no observed works in literature that allow an overview of user interface implementation. Goal: The goal of this work is to support the understanding of web interface, using Information Visualization techniques, in order to facilitate the understanding of its structure and, consequently, the maintenance task. Methodology: We proposed the ModelUIV IZ, which consists of visual models to represent information from user interface. The ModelUIV IZ is organized into WebModelUI Data – a plug-in to extract the data from UI – and WebModelUI Tool – which reads the data generated by the plug-in, presenting them visually. To evaluate the comprehension of visual representation were conducted three controlled experiments. Among the evaluations, we were created three versions with improvements and new functionalities for visual representation. Result: The latest version of ModelUIV IZ were understood and accepted by participants of experiment, and important lessons learned were reached.
Context: User Interface (UI) models are used to represent their characteristics under different aspects and, thus, facilitate the understanding of UI. In the literature, are used representations of Software Engineering, such as UML, and the extensions to UI models. Motivation and Justification: The information is scattered in multiple models and levels of abstraction, which motivates this research to create mechanisms that facilitate the understanding of user interface. Having updated information about UI implementation has contributed to understanding. Problem: The scattered information and the multiple levels of abstractions are problems to update models, in order to keep consistency among them. And consequently, it generates the problem treated here: the difficulty of maintenance is greater because there are no reliable artifacts to support it. Regarding to web interfaces the problem is aggravated, there is no observed works in literature that allow an overview of user interface implementation. Goal: The goal of this work is to support the understanding of web interface, using Information Visualization techniques, in order to facilitate the understanding of its structure and, consequently, the maintenance task. Methodology: We proposed the ModelUIV IZ, which consists of visual models to represent information from user interface. The ModelUIV IZ is organized into WebModelUI Data – a plug-in to extract the data from UI – and WebModelUI Tool – which reads the data generated by the plug-in, presenting them visually. To evaluate the comprehension of visual representation were conducted three controlled experiments. Among the evaluations, we were created three versions with improvements and new functionalities for visual representation. Result: The latest version of ModelUIV IZ were understood and accepted by participants of experiment, and important lessons learned were reached.
Descrição
Palavras-chave
Compreensão da interface do usuário, Modelos de interface, Engenharia reversa, Visualização de Informação, Understanding user interfaces, User interface models, Reverse engineering, Information visualization