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
| Identifer | oai:union.ndltd.org:DRESDEN/oai:qucosa:de:qucosa:32217 |
| Date | 19 November 2018 |
| Creators | Annanias, Yves |
| Contributors | Eisenecker, Ulrich, Kovacs, Pascal, Universität Leipzig |
| Source Sets | Hochschulschriftenserver (HSSS) der SLUB Dresden |
| Language | German |
| Detected Language | German |
| Type | info:eu-repo/semantics/acceptedVersion, doc-type:bachelorThesis, info:eu-repo/semantics/bachelorThesis, doc-type:Text |
| Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.0016 seconds