it-swarm-eu.dev

Visualizzazione e navigazione delle dipendenze del progetto

Devo visualizzare le dipendenze dei progetti software e fornire un modo per navigare tra le dipendenze. Voglio combinare mostrando le dipendenze del progetto attualmente selezionato, nonché i progetti che dipendono da esso. Quindi ci sono fondamentalmente due alberi diretti collegati a un grafico da mostrare.

Dopo alcune ricerche sul web, ho sviluppato la mia idea di una soluzione, che inserisco come risposta. Non vedo l'ora di trovare soluzioni e/o commenti alternativi.

1
paztulio

Mi vengono in mente almeno due approcci dal classico project management che potrebbero aiutare qui. Ero abituato a progettare UX per Microsoft Project (molto tempo fa), quindi è per questo che sono di parte nel guardare alcuni di quegli stili consolidati.

Prima di entrare nei dettagli del layout e del disegno, tuttavia, ti imploro di limitare la spazzatura del grafico: linee e bordi estranei che non comunicano alcuna informazione. So che la tua ASCII l'arte è solo illustrativa, quindi non sto provando a criticarla. Tuttavia, è facile cadere nel disegnare un sacco di scatole in modo che i bordi delle scatole ( che di solito sono informazioni leggere) finiscono per occupare molto più spazio mentale rispetto ai contenuti (che di solito sono densi di informazioni). Qualunque approccio segua, assicurati che tutto ciò che è una linea o Edge sia davvero un utile pezzo di informazione e considera come anche l'ombreggiatura, gli spazi bianchi e altre tecniche possono comunicare informazioni.

Uno è usare un grafico in stile PERT (in realtà un grafico). Questo mostra ogni progetto o attività come una scatola e li espone in modo che i compiti precedenti siano a sinistra, i compiti successivi siano a destra e li colleghi con le frecce. È possibile modificare lo stile della casella per mostrare diverse proprietà delle attività, come l'utilizzo di colore, forma, icone o altre decorazioni per mostrare il progetto, la complessità, la durata, il numero di risorse e così via.

Vorrei fare un esempio, ma un Google/Bing per "pert chart" ti mostrerà molte varianti diverse, e sembra che tu stia cercando di estendere la tua rete, piuttosto che vedere applicazioni specifiche a questo punto.

Un'altra idea, che è un po 'più focalizzata sulla durata dell'attività, è disegnare un diagramma di Gantt e mostrare le frecce tra le barre, riflettendo le dipendenze. Ancora una volta, ci sono molti ottimi esempi con una ricerca web per "diagramma di Gantt", quindi non proverò a disegnare nulla qui.

Puoi anche provare un approccio ibrido, in cui la larghezza delle tue caselle è determinata da qualcosa come la durata o le ore di lavoro, oppure il bordo sinistro delle caselle è determinato da una data di inizio approssimativa o pietra miliare.

Hai citato suggerimenti, e questi sono anche un ottimo modo per mostrare più informazioni. Ci sono probabilmente alcuni dati più profondi che possono aiutare a informare la comprensione del progetto, ma che inquinerebbero la visualizzazione generale. Essere in grado di passare il mouse e vedere di più, oppure fare clic e ottenere un popup di proprietà, potrebbe aiutarti a bilanciare la profondità delle informazioni con la semplicità della visualizzazione.

1
Pettiross

Il mio concetto è quello di combinare due visualizzazioni dell'albero dei ghiaccioli (esempio: http://thejit.org/static/v20/Jit/Examples/Icicle/example2.html ), uno che cresce verso l'alto e l'altro verso il basso . Di seguito puoi vedere una piccola illustrazione del concetto. Immagina se fai clic su TikiWiki, diventerebbe il progetto attuale e verranno mostrate tutte le sue dipendenze.

 + ------------------- + ----------------- + 
 | 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: buona panoramica del numero totale e della profondità delle dipendenze.
Con: Troppo meno per le etichette di progetto profondamente annidate. Può essere indirizzato con tooltip.

0
paztulio
  1. a paztulio - sembra fantastico!
  2. penso che una panoramica aiuterebbe per l'orientamento (per vedere dove sei) http://designinginterfaces.com/firstedition/Overview_Plus_Detail
  3. aggiungerei uno stile "attivo" per distinguerlo da altri elementi.
0
user4321