visualisierungsideen für den fortschritt eines projekts mit tausenden von schritten?
<p>ich arbeite an einer schnittstelle, um eine sammlung handgeschriebener karteikarten zu transkribieren ... eine <em>menge</em> karteikarten, so etwas wie zehntausende von ihnen.</p><p>ich baue eine site auf, auf der mehrere personen eine bestimmte karte in beliebiger reihenfolge transkribieren können. ich möchte eine art visualisierung hinzufügen, wie viel getan wurde und wie viel noch getan werden muss. ein gedanke, der mir einfiel, war ein streudiagramm, bei dem ein pixel einer einzelnen karte entsprach. wenn ich ein solches diagramm beispielsweise in einem 100 x 100 &lt;canvas&gt; -tag erstellen würde, könnte ich 10.000 statuspunkte erfassen. der teil der leinwand, der farbig war, würde zumindest eine visuelle vorstellung davon geben, wie viel transkribiert worden war.</p><p>aber um ein solches &lt;canvas&gt; -tag zu rendern, müsste ich auch die daten senden, und das wären wahrscheinlich zu viele daten. (vielleicht könnte ich den plot regelmäßig auf dem server rendern und als bild senden.) oder würde es?</p><p>hat jemand irgendwelche vorschläge?</p>
<p>ein standard-fortschrittsbalken und eine anzahl von karten wären wahrscheinlich ausreichend. ich bin jedoch der meinung, dass dies etwas ist, bei dem sie ein bisschen kreativ sein könnten: der effekt eines streudiagramms könnte nizza sein, sie könnten auch die neuesten pixel am hellsten machen und die älteren verblassen lassen.</p><p>wenn sie das generierte pixelplot in bezug auf die leistung speichern, sodass es nicht jedes mal berechnet werden muss, wenn es angezeigt wird, sollte dies wirklich kein problem sein. ich denke, ich würde nicht das canvas-tag verwenden, sondern ein vom server generiertes image. die aktualisierungsaktion selbst sollte nicht zu kompliziert sein: sie müssen nur das bild abrufen, das sie bereits haben, und das letzte update (oder aktualisierungen seit dem letzten rendern des bildes) abrufen und genau diese pixel ändern. wenn sie sie nach zeit verblassen möchten, verblassen sie zuerst das bereits vorhandene bild und fügen sie dann den neuesten zeitstempel der überblendungsaktion hinzu, sodass sie dies nur einmal am tag oder einmal pro stunde oder was auch immer tun. (sie können es auch bei jedem schritt tun.)</p><p>jetzt ist es weitaus komplexer als nötig, um nur fortschrittsinformationen bereitzustellen. aber es könnte eine sehr nette funktion sein und interessant zu bauen sein! und ich denke, es ist sehr machbar, es so zu implementieren, dass es ihre ressourcen nicht belastet.</p>
Klicken Sie sich einfach mal hier durch und zählen Sie mit (einfach in die Grafik klicken; dazu muss aber auch gesagt werden, dass die Anzahl der Schritte von der Anwendungsreihenfolge der beiden möglichen Vereinfachungsregeln abhängt, wir haben in der Klausur deshalb damals auch 14 als richtige Lösung gelten lassen):  

  

@[ID-22789]@ <p>ich würde mich zur tabs-lösung beugen. im moment verwenden sie viel vertikalen raum, und wenn zwei listen übereinander liegen, ist die anzeige schwierig. stellen sie sich vor, sie haben diese beiden toolboxen aus ihrem beispiel übereinander.</p><p>der ansatz mit registerkarten spart platz und ermöglicht es ihnen, einige coole dinge zu erledigen, z. b. kleine hinweise im apple-stil auf der registerkarte, die die anzahl neuer oder wichtiger elemente in dieser registerkarte anzeigen. sie müssen nicht einmal per se "tabulatoren" sein - nur schaltflächen, die den status des bedienfelds unter ihnen umschalten.</p> <p>könnte nur ich sein, aber wenn ich einstellen würde, würde mich interessieren, wie sie zu ihren lösungen gekommen sind, nicht nur zu den lösungen selbst. ich möchte sehen, wie sie denken, warum sie bestimmte dinge getan haben und eine breite basis von materialien, die ihre fähigkeiten in ixd veranschaulichen - sei es drahtgitter, personas, mentale modelle, skizzieren, moderation usw.</p><p>jeder kann tools erlernen (z. b. omnigraffle, visio, indesign usw.), aber sie können auffallen, indem sie zeigen, wie sie ihre fähigkeiten zur lösung von problemen einsetzen.</p><p>ich würde vorschlagen, den artikel von whitney hess zu lesen. ich denke, er spricht gut an, wonach die leute in ixd-portfolios suchen:</p><p> <a href="http://www.uxmatters.com/mt/archives/2009/10/process-not-portfolio.php">http://www.uxmatters.com/mt/archives/2009/10/process-not-portfolio.php</a> </p> weiß nicht, obs klappt, Diagramme sind auch meine Stärke nicht, im Kopf schon gleich gar nicht, aber versuch doch mal, die x-Achse manuell fallend festzulegen, also nicht von zB min 0..max100, sondern von 100..0


Oder Du manipulierst die Werte: in A11: =max($A10:$E10)-A10, rüberziehen.  

(oder =100-A10). Wäre **alternativ** auch für y denkbar (nicht beides gleichzeitig!).
Auch -A10 könnte gehen, wenn Dich das negative Vorzeichen nicht stört. 


Dabei kannst Du vor E:E immer wieder eine Spalte einsetzen. das Diagramm übernimmt das aber nur vielleicht, wenn Du schreibst **"='Tabelle1'!$A$10:$E$10"** . Alle anderen Bezüge entsprechend. <p>schauen sie sich das <a href="http://openclipart.org/">openclipart-projekt an</a> - scheint ziemlich umfangreich zu sein.</p> Hallo,

 englisches Vokabular und Wendungen zur Analyse von Diagrammen findest du hier:

 <http://www.eslflow.com/describinggraphstables.html>

 2 weitere Links folgen im Kommentar zu meiner Antwort.

 :-) AstridDerPu Kein Problem. Wenn du die Filme bzw. die Kameras zum Entwickeln bringst gibt es auf den Auftragstüten z.B. bei DM-Drogerien die Möglichkeit "mit CD" anzukreuzen. Dann bekommst du mit den Fotos eine CD mit den Bildern. Die kannst du dann auf dem PC problemlos einlesen und kombinieren und neue CDs daraus erstellen. <p>37 signale zeigt eine liste der änderungen an, wenn sie sich durchklicken. sie könnten etwas ähnliches tun. hier ist mein drahtmodell als referenz.</p><p><img src="https://i.stack.imgur.com/ztoqf.png" alt="revision history wireframe"></p><p>ich verwende durchgestrichenen text, um den alten text anzuzeigen, aber sie können ihn genauso gut in grau oder pink hervorheben, während sie den neuen wert in gelb oder grün hervorheben.</p><p>sie können dies auch auf irgendeine alte weise arrangieren. ich möchte nur das konzept der darstellung eines changelogs veranschaulichen.</p> <p>nein - es ist ein alter und bekannter weg - nur relativ selten benutzt.</p><p> <a href="http://en.wikipedia.org/wiki/data\_uri\_scheme">http://en.wikipedia.org/wiki/data\_uri\_scheme</a> </p><p>das bild ist teil der seite selbst und wird bei jedem seitenaufruf übertragen und kann daher nicht vom browser zwischengespeichert werden, sodass sie mehr verkehr ausgeben. der vorteil gegenüber standalone-images besteht darin, dass weniger anforderungen an einen server gesendet werden.</p><p>suchen sie nach <a href="http://www.google.co.uk/search?q=data+uri+scheme">daten-uri-schema</a> und sie werden viele beispiele sehen, wie man es benutzt, wann man es benutzt und welche vor- und nachteile es hat.</p> <p>in stl gibt es einen entsprechenden typ, der <code>std::map</code> heißt.</p><p>es hat die gleiche grundfunktionalität wie ein .net dictionary, die implementierung ist jedoch sehr unterschiedlich. <code>std::map</code> basiert intern auf einer rot-schwarzen baumdatenstruktur, während <code>dictionary</code> intern eine hashtabelle verwendet.</p><p>wenn sie nur nach etwas suchen, das dasselbe verhalten aufweist, reicht <code>std::map</code> aus. wenn sie jedoch große datenmengen haben, müssen sie sich der unterschiedlichen leistungsmerkmale bewusst sein.</p>