Constellation, le dépôt institutionnel de l'Université du Québec à Chicoutimi

Résumé

L’ingénierie logicielle est un vaste domaine. L’une de ses branches pertinentes est le test appliqué aux interfaces utilisateur (IU). L’IU se connecte à une série d’éléments web pour représenter la mise en page de la page web qui est affichée à l’utilisateur. Ces éléments web composent des caractéristiques qui aident les utilisateurs dans leur expérience lorsqu’ils naviguent sur les pages web, telles que les performances et la réactivité. Cependant, les pages web peuvent contenir des bogues de mise en page qui interfèrent avec l’expérience utilisateur. La qualité de la mise en page doit être maintenue tout au long du processus de codage. Les développeurs de logiciels peuvent rechercher visuellement et manuellement des bogues de mise en page, mais parfois ces bogues ne sont pas visibles à l’oeil nu. Une autre ressource consiste à utiliser des outils pour appliquer des tests, mais les développeurs doivent toujours écrire des tests de code. Les deux stratégies peuvent être très laborieuses. Ainsi, nous proposons le développement d’une approche utilisant le concept d’invariants pour simplifier les tâches des développeurs. Dans cette étude, nous avons développé un programme dans lequel nous avons mis en oeuvre le concept d’invariants pour extraire des conditions sur les pages web. Avec ces conditions, nous pouvons identifier les violations d’invariants, qui représentent en d’autres termes des bogues de mise en page. Nous avons appliqué cette approche à un ensemble de pages web générées en laboratoire et à un autre ensemble de pages web copiées depuis Internet. Les résultats montrent que notre programme a identifié des bogues de mise en page dans 100% des pages web générées en laboratoire et dans 60% des pages web copiées depuis Internet. Le temps nécessaire pour effectuer cette procédure d’extraction varie en fonction de la taille de la page web, mais il est raisonnable. Nous considérons que notre approche peut servir de base pour de futurs outils à commercialiser sur le marché. De plus, elle représente une contribution importante pour le monde académique, car elle ouvre des possibilités pour de futures expérimentations et améliorations en utilisant les concepts appliqués dans cette étude.

Software engineering is a wide theme. One of its relevant branches is testing applied on user interfaces (UI). The UI connects to a series of web elements to represent the web page layout that is displayed to the user. These web elements compose characteristics that help users in their experience while they navigate web pages such as performance and responsiveness. Nevertheless, web pages may contain layout bugs that interfere with the user’s experience.Layout quality has to be maintained throughout the coding process. Software developers can visually and manually search for layout bugs, but sometimes these bugs are not visible to the naked eye. Another resource is to use tools to apply tests, but developers still need to write code tests. Both strategies might be very laboring as well. Thus, we propose the development of an approach using the concept of invariants to simplify developers’ tasks. In this study, we developed a program where we implemented the concept of invariants to mine conditions on web pages. With these conditions, we can identify invariants violations, which in other words represent layout bugs. We applied this approach in a set of laboratory-generated web pages and another set of web pages copied from the Internet. The results show that our program identified layout bugs in 100% of laboratory-generated web pages and 60% of web pages copied from the Internet. The time taken to perform this mining procedure oscillates according to the web page size, but it is reasonable. We considered that our approach may serve as a base for future tools to be commercialized in the market. Also, it represents a relevant contribution to the academy, because it opened possibilities for future experiments and improvements using the concepts applied in this study.