Domain specific languages are sometimes useful to make it easier to express solutions to problems in a specific domain compared to general purpose programming languages. There are a number of tools available to create such languages, either as separate languages or by extending an existing language. One large problem with creating languages or language extensions is that existing tools are unaware of the new language, and therefore unable to properly assist the programmer unless all such tools are extended to support the new language. Extending all tools to support the new language is often a large enough task to be infeasible, especially for small languages. In this thesis, we propose using the compiler of the extensible language Storm to provide the information required for a text editor to provide syntax highlighting and code formatting. By using the Storm compiler to provide the required information, it is possible to use the Storm language definitions for syntax highlighting and code formatting in addition to compiling the language. This means that syntax highlighting and code formatting can be provided without requiring the language author to maintain multiple implementations of the language. The solution is evaluated by comparing the correctness and the responsiveness of the syntax highlighting to Emacs.

Die Einarbeitung in ein bestehendes Softwareprojekt ist mit einigen Schwierigkeiten behaftet. Um das Verständnis über Aufbau und Funktionsweise von Software zu fördern, werden die zugrundeliegenden, meist abstrakten Daten oft mithilfe einer Metapher in eine verständlichere visuelle Form übertragen. Ein entscheidender Bereich, der sich dieser Aufgabe annimmt, ist die Softwarevisualisierung. Mithilfe der Visualisierung bietet sich ein Überblick auf ein gesamtes Softwareprojekt. Zur Verbesserung des Verständnisses ist es auch notwendig, einen direkten Bezug vom abstrakten Quellcode zu den Bestandteilen der Visualisierung zu ziehen. Dadurch können erkannte Auffälligkeiten sofort am Quellcode untersucht werden. Ziel dieser Arbeit war es, den Quellcode in die Visualisierung zu integrieren und damit diesen Bezug herzustellen. Zusätzlich wurde die Darstellung des Quellcodes durch das Einbinden des Frameworks Prism mit einem Syntax-Highlighting versehen. Das Syntax-Highlighting erhöht dessen Lesbarkeit und bietet dem Benutzer damit eine bessere Orientierung. Der Bezug wurde gleichzeitig dadurch gestärkt, dass der Benutzer mit dem Quellcode auf die gleiche Weise interagieren kann, wie mit den Elementen innerhalb der Visualisierung.:Gliederung Abbildungsverzeichnis Quellcode-Listing Tabellenverzeichnis Abkürzungsverzeichnis 1 Einleitung 1.1 Motivation 1.2 Zielstellung 1.3 Aufbau der Arbeit 2 Stand der Forschung 2.1 Softwarevisualisierung 2.2 Der Generator 2.3 Extensible 3D und X3DOM 2.4 Die Oberfläche 3 Theoretische Grundlagen 3.1 Anzeigen des Quellcodes 3.2 Der HTML-Standard 3.3 JavaScript 3.4 Reguläre Ausdrücke 4 Syntax-Highlighter 4.1 Syntax-Highlighting 4.2 Evaluation eines Syntax-Highlighters 4.3 Prism 5 Erweiterung des Prototyps 5.1 Funktionsweise 5.2 Implementierung 5.2.1 Architektur der Oberfläche 5.2.2 Laden und Anzeigen des Quellcodes 5.2.3 Hervorheben des selektierten Elements 5.2.4 Interaktion mit dem Quellcode 5.2.5 Darstellung im Extra-Fenster 6 Fazit und Ausblick Literaturverzeichnis