it-swarm.com.de

Visualisierung und Navigation von Projektabhängigkeiten

Ich muss Softwareprojektabhängigkeiten visualisieren und eine Möglichkeit bieten, durch die Abhängigkeiten zu navigieren. Ich möchte die Abhängigkeiten des aktuell ausgewählten Projekts sowie der davon abhängigen Projekte kombinieren. Es gibt also grundsätzlich zwei gerichtete Bäume, die mit einem Diagramm verbunden sind, um sie anzuzeigen.

Nach einigem Suchen im Internet entwickelte ich meine Idee einer Lösung, die ich als Antwort poste. Ich freue mich auf alternative Lösungen und/oder Kommentare.

1
paztulio

Ich kann mir mindestens zwei Ansätze aus dem klassischen Projektmanagement vorstellen, die hier helfen könnten. Ich habe vor langer Zeit UX-Design für Microsoft Project gemacht, deshalb bin ich voreingenommen, einige dieser seit langem etablierten Stile zu betrachten.

Bevor ich mich jedoch mit den Einzelheiten des Layouts und des Zeichnens befasse, möchte ich Sie bitten, den Junk von Diagrammen zu begrenzen - überflüssige Linien und Kanten, die keine Informationen übermitteln. Ich weiß, dass Ihre ASCII Kunst nur illustrativ ist, also versuche ich nicht, sie zu kritisieren. Es ist jedoch leicht, viele, viele Kästchen so zu zeichnen, dass die Kanten der Kästchen ( Dies sind normalerweise Informationslichter.) Nehmen am Ende viel mehr mentalen Raum ein als die Inhalte (die normalerweise informationsdicht sind). Stellen Sie sicher, dass alles, was eine Linie oder Kante ist, wirklich eine nützliche Information ist, und überlegen Sie, wie Schattierungen, Leerzeichen und andere Techniken können ebenfalls Informationen kommunizieren.

Eine besteht darin, ein Diagramm im PERT-Stil (wirklich ein Diagramm) zu verwenden. Dies zeigt jedes Projekt oder jede Aufgabe als Box an und ordnet sie so an, dass sich die Vorgängeraufgaben links und die Nachfolgeraufgaben rechts befinden, und verknüpft sie mit Pfeilen. Sie können den Stil des Felds ändern, um verschiedene Eigenschaften von Aufgaben anzuzeigen - z. B. mithilfe von Farbe, Form, Symbolen oder anderen Dekorationen, um Projekt, Komplexität, Dauer, Anzahl der Ressourcen usw. anzuzeigen.

Ich würde Ihnen ein Beispiel zeichnen, aber ein Google/Bing für "Pert-Diagramm" zeigt Ihnen viele verschiedene Variationen, und es klingt so, als würden Sie versuchen, Ihr Netz zu erweitern, anstatt an dieser Stelle bestimmte Anwendungen zu sehen.

Eine andere Idee, die sich etwas mehr auf die Dauer der Aufgabe konzentriert, besteht darin, ein Gantt-Diagramm zu zeichnen und Pfeile zwischen den Balken anzuzeigen, die die Abhängigkeiten widerspiegeln. Auch hier gibt es viele gute Beispiele für eine Websuche nach "Gantt-Diagramm", daher werde ich hier nicht versuchen, etwas zu zeichnen.

Sie können auch einen hybriden Ansatz ausprobieren, bei dem die Breite Ihrer Boxen durch die Dauer oder die Arbeitszeit oder der linke Rand der Boxen durch ein ungefähres Startdatum oder einen Meilenstein bestimmt wird.

Sie haben Tooltips erwähnt, mit denen Sie auch weitere Informationen anzeigen können. Es gibt wahrscheinlich einige tiefere Daten, die zum Verständnis des Projekts beitragen können, aber die Gesamtanzeige verschmutzen würden. Wenn Sie schweben und mehr sehen oder klicken und ein Popup mit Eigenschaften abrufen können, können Sie die Tiefe der Informationen mit der Einfachheit der Anzeige in Einklang bringen.

1
Pettiross

Mein Konzept besteht darin, zwei Eiszapfenbaum-Visualisierungen zu kombinieren (Beispiel: http://thejit.org/static/v20/Jit/Examples/Icicle/example2.html ), wobei eine nach oben und die andere nach unten wächst . Unten sehen Sie eine kleine Abbildung des Konzepts. Stellen Sie sich vor, wenn Sie auf TikiWiki klicken, wird es zum aktuellen Projekt und alle Abhängigkeiten werden angezeigt.

 + ------------------- + ----------------- + 
 | TikiPlugin A | TikiPlugin B | 
 + ------------------------------- + --------- ---------- + ----------------- + 
 | MediaWiki 1.0 | TikiWiki 2.1 | 
 + ------------------------------- + --------- ---------------------------- + 
 | ########################## php 5.0 ######################### ########## | 
 + -------------- + ------------------ + ----------------- + ----------------- + 
 | sqlite 2.8 | libdmcrypt 2.5 | c-client-2007 | Apache 2.2 | 
 + -------------- + ------------------ + ------- ---------- + -------- + -------- | 
 | ... | | ... | ... | 
 + -------------- + + -------- + -------- + 
 | ... | | ... | 
 + -------------- + + -------- + 

Pro: Guter Überblick über die Gesamtzahl und Tiefe der Abhängigkeiten.
Con: Zu wenig für tief verschachtelte Projektbezeichnungen. Kann mit Tooltips angesprochen werden.

0
paztulio
  1. zu paztulio - sieht gut aus!
  2. ich denke, eine Übersicht würde bei der Orientierung helfen (um zu sehen, wo Sie sind) http://designinginterfaces.com/firstedition/Overview_Plus_Detail
  3. ich würde einen "aktiven" Stil hinzufügen, um ihn von anderen Elementen zu unterscheiden.
0
user4321