Preface Screenshots oder Movie vom Prototypen

Präsentation zum Thema: "Preface Screenshots oder Movie vom Prototypen"—  Präsentation transkript:

1 Preface Screenshots oder Movie vom Prototypen 22.03.2007
Matthias Keller

2 Verschachtelte Visualisierung von Modelle – Konzepte und Architektur
Diplomarbeit Matthias Keller

3 Agenda Einleitung Vorstellung Fazit Demo Schwerpunkte Weitere Aspekte
Matthias Keller

4 Informationszeitalter
Unübersichtlich Informationsverlust Paderborn - Luftfeuchtigkeit in % Matthias Keller

5 Modelle Platzverbrauch Grafische Aufbereitung, bessere Lesbarkeit
Matthias Keller

6 Weiterführende Modelle
Hierarchische Informationsräume Weiterführende Informationen Kontext-Informationen Architektur Klassen Anweisungen Kontext-Detail-Problem Matthias Keller

7 Kontext-Detail-Problematik[.]
Separate Ansicht für Kontext und Detail Vergleichsproblem Lokalitätsproblem Matthias Keller

8 Verschachtelte Modelle
Alternative zum Kontext-Detail-Problem Kein Lokalitätsverlust Beispiel für UML-Modelle Matthias Keller

9 Verschachtelte Modelle – Anforderungen
Modelle innerhalb von Modellen Separate Definition von Modellen Austausch von Modellen (zur Laufzeit) Weiter reichende Aufgabenstellung => flexiblere Architektur Matthias Keller

10 Verschachtelte Modelle – Konzepte
Granularität Grob: pro Modell Fein: pro Visuelles Muster Vereinfachung Austausch Relative Skalierung step Matthias Keller

11 Verschachtelte Modelle – Optimierung
Riesige Meta-Modelle Performance Lazy Evaluation[.] Szenegraph[.] & Clipping Semantic Zooming[.] Darstellung Dargestellte Matthias Keller

12 Semantic Zooming „Beim Semantic Zooming[.] ändert sich die Repräsentation eines Elements“ „Alter Hase“ Größenveränderungen Matthias Keller

13 Semantic Zooming - Konzepte
Größenveränderungen Semantische Positionen der Elemente Repräsentationsveränderungen Benutzerdefiniert Generiert Überblenden Mix Layout und Positionierung Matthias Keller

14 Aspekt I – Zoom-Interaktion
Schrittweise[.], einfach Stufenlos[.], kognitiv aufwendiger Kontrolliert Schrittweise von einer „wichtigen“Repräsentations-veränderung zur Nächsten Zoombar statt Scrollbar Intervallgrenzen Matthias Keller

15 Aspekt II – Degree of Interest[.]
Fisheye[.] Verzerrung der Arbeitsfläche (Bullauge) Überlappende Vergrößerung (Lupe) Allgemein: „Hervorhebung interessanter Elemente Häufige Benutzung, Suchergebniss, Arbeitsprozess Matthias Keller

16 Vorstellung Verschachtelte Modelle Semantic Zooming Level of Detail
Interaktion Matthias Keller

17 Was blieb unerwähnt? Architektur Konzepte Software - Struktur
Verschachtelte Modelle Semantic Zooming Konzepte Betrachterposition, „Bookmarks“ Widget vs. ZUI[.]-Framework Monolithic vs. Polylithic[.] Tastatursteuerung … Software - Struktur Matthias Keller

18 Weitere Forschungsansätze
Lazy Loading, Ephermeral Objects[.] Visuelle Muster[.] zur Laufzeit geladen Generator für Repräsentationsübergänge Continous Zooming[.] Hervorhebende Visuelle Muster (Degree of Interest[.]) Optimierung der Architektur für Spezialfälle (kontrolliertes Zoomen, etc.) Matthias Keller

19 Verringerung der Latenz
Fazit Zoomable User Interfaces Semantic Zooming Mensch-Maschine- Wechselwirkung Usability Verringerung der Mensch-Maschine-Grenze Inuitivität Generisch Einfachheit Visuelle Sprachen, Muster Modell- getriebene Architekturen Szenegraph Level of Detail Computer- grafik Kontext-Detail-Problem: Verschachtelte Modelle, Zoomable User Interfaces Optimierung: Semantic Zooming Visuelle Sprachen, Zoomable User Interfaces, SceneGraph, modellgetriebene Architekturen, domänspezifische Sprachen Prototyp Verringerung der Latenz Struktur Optimierung Matthias Keller

20 Niederschlags-Statistik
Organigramme Enzyklopädie Karte + Niederschlags-Statistik Einsatzgebiete Kontext-Detail-Darstellungen Informationsdarstellung Tiefe, komplexe Informationsräume Verschachtelte heterogene Ansichten Strukturübersichten Wissensrepräsentationen Matthias Keller

21 Danke Matthias Keller

22 Referenzen Degree of Interest Fairchild, K.M., Information Management Using Virtual Reality-Based Visualizations, 1993 Fisheye Sarkar, M.; Brown, M. H., Graphical Fisheye Views, 1993 Monolithic vs. Polylithic Bederson, B.; Grosjean J.; Meyer J.; Toolkit Design forInteractive Structured Graphics. University of Maryland, 2004 Visuelle Muster Schmidt C.; Generierung von Struktureditoren für anspruchsvolle visuelle Sprachen. Universität Paderborn, 2006 Continuous Zooming Perlin, K.; Fox D., Pad: an alternative approach to the computer interface, 1993 Matthias Keller

23 Referenzen Lazy Evaluation, Lazy Loading, Ephermeral Objects: Bederson, B.; Hollan J.D., Pad++: a zooming graphical interface for exploring alternate interface physics, 1994 Szenegraph Bar-Zeev A.; Scenegraph: Past, Present and Futur. Zugriff: Semantic Zooming, ZUI Perlin, K.; Fox D., Pad: an alternative approach to the computer interface, 1993 Schrittweises Zoomen Navigation in diversen Programmen von Office-Anwendungen bis hin zur Grafikbearbeitung Stufenloses Zoomen Standart-Navigation im Picollo-Framework Human-Computer Interaction Lab: Piccolo Main Page. , Zugriff: Matthias Keller

24 Demo Matthias Keller

25 Visuelle Sprache Strukturierte Beschreibung komplexer Modelle durch Visuelle Muster Matthias Keller