Dans cette thèse, nous présentons une approche basée sur les modèles pour la conception des éditeurs graphiques de diagrammes. Dans un premier temps, nous voulons pouvoir spécifier, à l'aide de modèles, des éditeurs de diagrammes avec une fidélité et une expressivité graphique exemplaire sans besoin d'intervenir manuellement dans cette tâche. En effet, de nombreux environnements de modélisation ont encore besoin d'une quantité considérable de programmation manuelle pour construire leurs éditeurs graphiques de diagrammes. Cette faiblesse devient problématique pour les développeurs, qui doivent fournir une quantité importante de temps pour terminer des tâches considérées comme secondaires par rapport à l'objectif principal : le développement et l'intégration du langage de modélisation. Le second axe est consacré au besoin de réutiliser, d'étendre et de spécialiser cette spécification (sous forme de modèles) dans d'autres contextes utilisations. En effet, la conception de l'outil UML Papyrus fait apparaître un besoin important en termes de réutilisabilité dans la définition des diagrammes. La redondance au niveau de la spécification, pose une problématique d'incohérence lors de l'évolution ou la modification de cette spécification. L'objectif est de pouvoir décrire une bibliothèque de syntaxe concrète indépendante de la sémantique, de réutiliser si nécessaire cette description dans différents diagrammes et de pouvoir factoriser les points communs de la syntaxe concrète dans des définitions communes et les variantes dans des définitions spécifiques basées, elles aussi, sur les définitions communes. / Model-Driven Engineering (MDE) encourages the use of graphical modeling tools, which facilitate the development process from modeling to coding. Such tools can be designed using the MDE approach into meta-modeling environments called metaCASE tools. It turned out that current metaCASE tools still require, in most cases, manual programming to build full tool support for the modeling language. First of all, we want to specify, using models, diagrams editors with a high graphical expressiveness without any need for manual intervention to perform this task. The second axis is dedicated to this specification reuse in other contexts of use. The design of Papyrus revealed an important need in terms of reusability of diagrams specification. The redundancy of diagrams editors’ specification raises the problem of inconsistency during the evolution or the update of this specification. The objective is to describe a library of graphical concrete syntax, reuse this description in different diagrams and create derivative elements (graphical variations) based on the common definitions. In this context, we propose MID, a set of meta-models supporting the easy specification of modeling editors by means of reusable components.

En ingénierie dirigée par les modèles, les langages spécifiques au domaine (DSL) offrent des notations adaptées à un domaine précis pour représenter ses différents concepts. De nombreux outils permettent la définition de DSLs en explicitant les relations entre un concept et ses représentations. En fonction de la sémantique du domaine, l’ingénieur du langage peut choisir entre des notations textuelles ou graphiques. Les langages de modélisation graphique nécessitent une gestion de la position, la taille et la disposition des éléments visuels afin de maximiser leur expressivité visuelle. La plupart des éditeurs de modélisation manquent de support automatique pour gérer ces propriétés de la syntaxe concrète. Les éditeurs projectionnels permettent aux utilisateurs de se concentrer sur la conception de leur modèle en limitant les modifications de la syntaxe concrète. Cependant, bien qu’ils offrent de multiples notations, ces éditeurs ne permettent pas la création de langage graphique. Dans ce mémoire, nous proposons une nouvelle approche pour concevoir des éditeurs graphiques et projectionnels. Nous avons créé une extension d’un éditeur projectionnel orienté vers le web, Gentleman, qui nous a permis d’extraire différentes exigences. Au cours du mémoire, nous décrivons leurs impacts sur les projections et proposons des lignes directrices ainsi que des exemples d’implémentation. Comme l’édition projectionnelle demande une gestion spécifique de l’interaction, nous présentons différentes approches pour interagir avec les représentations graphiques utilisant les nouvelles informations disponibles dans les projections. Étant donné que la plupart des exigences se concentrent sur la disposition des projections, nous avons défini plusieurs algorithmes simples de disposition qui couvrent une large gamme de structures pouvant être retrouvées dans un éditeur graphique. Enfin, afin d’évaluer cette approche, nous avons exploré la génération de trois éditeurs graphiques et projectionnels pour différents domaines: les machines d’états, les diagrammes de séquences et les partitions de musique. / In model-driven engineering, domain specific-languages (DSL) provide tailored notations towards a specific problem domain to represent its different concepts. Multiple tools allow the definition of DSL by specifying the relations between a concept and its representations. Depending on the semantics of the domain, the language engineer can choose between textual or graphical notations. Graphical modeling languages require proper management of position, size, and layout to maximize their visual expressiveness. Most modeling editors lack automated support to manage these graphical concrete syntax properties. It is a time-consuming effort that affects the understandability of the model. Projectional editors prevent end-users from modifying the concrete syntax so they can focus on the modeling task. However, while they offer multiple notations, these editors lack support for graphical languages. During this thesis, we propose a new approach to design graphical and projectional editors. We created an extension of a web-oriented projectional editor, Gentleman, that allowed us to extract different requirements. During the thesis, we describe their impact on the projections and propose guidelines and examples of implementation. Because projectional editing requires specific management of the interaction, we present multiple approaches to interact with the graphical representations, using the new information available in the graphics. Since most of the requirements were focusing on the disposition of the projection, we define multiple simple layout algorithms that cover a large range of structures that can be found in a graphical editor. Finally, we explore the generation of three graphical and projectional editors for different domains: statecharts, sequence diagrams, and music sheet.