Guided Research: Antrittsvortrag - Layouting Enterprise Information Visualizations employing hybrid constraint satisfaction algorithms Sascha ...

Fakultät für Informatik
Technische Universität München

Guided Research: Antrittsvortrag
Layouting Enterprise Information Visualizations employing hybrid constraint
satisfaction algorithms

Sascha Roth, Michael Schaub
Software Engineering betrieblicher Informationssysteme (sebis)

wwwmatthes.in.tum.de
110627-Schaub-GR_Antrittsvortrag                                              © sebis   1

Agenda
  Motivation

  Vorgehen

  Technologieauswahl

            Evaluierte Technologien

            Morphologischer Kasten

  Technologiedemonstrationen

  Weitere Schritte

110627-Schaub-GR_Antrittsvortrag       © sebis   2

Motivation (1/2)
 Aktuell werden EA Visualisierungen durch das SyCaTool (Software and System
  Cartography Tool) generiert, das seine Informationen aus dem Hybrid Wiki
  bezieht

 Die erstellten Visualisierungen sind im SVG – Format und erlauben bisher
  lediglich wenig Interaktion (Bewegung, Zoomen)

 Es ist kein direktes Editieren der Visualisierungen
  möglich, sondern es muss immer ins Hybrid Wiki
  „gesprungen“ werden um Änderungen vorzunehmen

 Besonders problematisch am SVG – Format ist die
  fehlende Unterstützung im Internet Explorer
  (erst ab Version 9 vorhanden; vorher VML)

                                                             Abbildung: Cluster Map

110627-Schaub-GR_Antrittsvortrag                                                © sebis   3

Motivation (2/2)
 Durch die Interaktion der Benutzer können sich semantische „Konflikte“ in
  einer Visualisierung ergeben, beispielsweise durch verschieben eines Kastens
  (Business Application) in einer Cluster Map.

        Mögliche Lösung: Constraint Satisfaction (CS) Algorithmen

 Vom Benutzer vorgenommene Änderungen müssen geprüft, an das Hybrid Wiki
  zurück propagiert werden und die Visualisierung neu aufgebaut werden,
  wodurch ein unter Umständen langer Round Trip entsteht

        Mögliche Lösung: Verlagerung der Überprüfung (CS Algorithmen) in den
         Client

Aufgabe: Technologieevaluation und exemplarische Implementierung einer Lösung
         die eine erweiterte Benutzerinteraktionen ermöglicht.

110627-Schaub-GR_Antrittsvortrag                                          © sebis   4

Agenda
  Motivation

  Vorgehen

  Technologieauswahl

            Evaluierte Technologien

            Morphologischer Kasten

  Technologiedemonstrationen

  Weitere Schritte

110627-Schaub-GR_Antrittsvortrag       © sebis   5

Vorgehen

1. Suchen geeigneter Technologien

2. Erarbeitung eines Bewertungsrahmens (Morphologischer Kasten)

3. Gewichtung der Parameter des Morphologischen Kastens

4. Auswahl der am besten geeignetsten Technologie

5. Exemplarische Implementierung einer Cluster Map anhand der
   gewählten Technologie

             Weitgehende Benutzerinteraktion, sowie

             Implementierung von Constraint Satisfaction Algorithmen im Client

110627-Schaub-GR_Antrittsvortrag                                                  © sebis   6

Agenda
  Motivation

  Vorgehen

  Technologieauswahl

            Evaluierte Technologien

            Morphologischer Kasten

  Technologiedemonstrationen

  Weitere Schritte

110627-Schaub-GR_Antrittsvortrag       © sebis   7

Technologieauswahl (1/3)
Es können grob drei Arten von Technologien unterschieden werden:

1. Multimedia Plug-Ins
             Adobe Flash
             Microsoft Silverlight

2. JavaScript Frameworks
             Ample SDK
             Google Chart Tools
             jQuery SVG
             Raphaël
             svgweb

3. Java
    Applets
    WebStart

110627-Schaub-GR_Antrittsvortrag                                   © sebis   8

Technologieauswahl (2/3)
Zur Bewertung der alternativen Technologien wurde ein Morphologischer Kasten
entwickelt:

Eine Gewichtung der einzelnen Parameter wurde noch nicht vorgenommen und
soll in der folgenden Diskussion erarbeitet werden.

110627-Schaub-GR_Antrittsvortrag                                         © sebis   9

Technologieauswahl (3/3)
 Die Einordnung der Alternativen in den Morphologischen Kasten hat folgendes
 Ergebnis ergeben:

     Parameter               Flash            Silverlight       Ample SDK            Google CT          jQuery SVQ         Raphaël              svgweb                Java
Rendering                Server/Client          Client             Server               Server             Server           Server              Sevrer           Server/Client
Plug-In                        Ja                 Ja                Nein                Nein               Nein              Nein                Nein                  Ja
Lizenz                    Proprietär          Proprietär         GNU / MIT            Proprietär           GNU                MIT               Apache                GNU
Browser                IE / C / FF / S / O   IE / C / FF/ S   IE / C / FF / S / O IE / C / FF / S / O    FF / S / O    IE / C / FF / S / O IE / C / FF / S / O IE / C / FF / S / O
Animationen                    Ja                 Ja                  Ja                 Nein                Ja                Ja                  Ja                  ja
PDF Export                   direkt             direkt            indirekt             indirekt           indirekt         indirekt             indirekt             direkt
Drucken                      direkt             direkt            indirekt            indirekt            indirekt         indirekt             indirekt             direkt
Szenegraphische API            Ja                 Ja                  Ja                Nein                 Ja                Ja                  Ja                 Nein
Dokumentation                 gut              sehr gut         ausreichend           Sehr gut              gut               gut            ausreichend            sehr gut
Distributor                Konzern             Konzern         Unternehmen             Konzern          Einzelperson        Insitut        Einzelpersonen           Konzern

                             Multimedia                                                             JavaScript                                                     Java
                              Plug-Ins                                                             Frameworks

 110627-Schaub-GR_Antrittsvortrag                                                                                                                                   © sebis    10

Agenda
  Motivation

  Vorgehen

  Technologieauswahl

            Evaluierte Technologien

            Morphologischer Kasten

  Technologiedemonstrationen

  Weitere Schritte

110627-Schaub-GR_Antrittsvortrag       © sebis   11

Technologiedemonstration

110627-Schaub-GR_Antrittsvortrag   © sebis   12

Agenda
  Motivation

  Vorgehen

  Technologieauswahl

            Evaluierte Technologien

            Morphologischer Kasten

  Technologiedemonstrationen

  Weitere Schritte

110627-Schaub-GR_Antrittsvortrag       © sebis   13

Weitere Schritte
1. Suchen geeigneter Technologien

2. Erarbeitung eines Bewertungsrahmens (Morphologischer Kasten)

3. Gewichtung der Parameter des Morphologischen Kastens

4. Auswahl der am besten geeignetsten Technologie

5. Exemplarische Implementierung einer Cluster Map anhand der
   gewählten Technologie

             Weitgehende Benutzerinteraktion, sowie

             Implementierung von Constraint Satisfaction Algorithmen im Client

110627-Schaub-GR_Antrittsvortrag                                                  © sebis   14

Vielen Dank für Ihre Aufmerksamkeit!

                                   Fragen?

110627-Schaub-GR_Antrittsvortrag             © sebis   15