beste möglichkeit, historische informationen zu formularfeldern anzuzeigen?
<p>ich habe ein formular, in dem ich felder (15-30) verschiedener arten von textbox/radio/checkbox/select habe. jetzt muss ich die historischen informationen aller felder anzeigen. im moment behandle ich es, indem ich allen feldern ein symbol zur verfügung stelle und die benötigten informationen im modalen fenster anzeige. ich verstehe, dass dieser interaktionsstil wirklich nicht intuitiv ist.</p><p>es muss alle/einige wichtige felder anzeigen, die sich im letzten zeitraum geändert haben, und angeben, wann dieses projekt das letzte mal aktualisiert wurde (wer, wann und was). außerdem exportiert der client die daten zu berichtszwecken</p><p>anwendungsfälle:</p><p>a: hat jemand mein projekt aktualisiert ... wer, wann und was.</p><p>kann mir jemand einen guten ansatz vorschlagen oder wäre ein ähnliches designmuster hilfreich?</p><p><img src="https://i.stack.imgur.com/ruskt.png" alt="enter image description here"></p>
<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>dies kann eine paginierung sein oder auch nicht, aber hier ist, wie ich paginierung in meiner web-app mache:</p><pre><code>|&lt; first, &lt;&lt; previous, page [5] of 12, next &gt;&gt;, last &gt;| </code></pre><p>die äußeren vier optionen sind links, während die <code>page [5] of 12</code> ist ein formular mit dem [5] als eingabefeld. für benutzer mit aktiviertem javascript verstecke ich die schaltfläche "senden" und sende das formular beim ereignis "unfokus" oder drücke den tastendruck. der benutzer hat die option, wie viele zeilen er anzeigen möchte, die er aus einem dropdown-menü auswählen kann: 10, 20, 50, 100, alle. zusätzlich zur paginierung biete ich auch das sortieren und filtern der ergebnisse an, obwohl dies möglicherweise nicht in jeder situation sinnvoll ist.</p><p><strong>bearbeiten</strong>:</p><p>hier ist ein ausschnitt aus einem modell unserer web-app, um ihnen eine bessere vorstellung zu geben. in dieser version wurden die wörter in den schaltflächen weggelassen, werden jedoch nach einer leichten verzögerung als tooltip beim hover angezeigt. möglicherweise stellen sie jedoch fest, dass das beibehalten der wörter zu einer höheren benutzerfreundlichkeit führt.</p><p><img src="https://i.stack.imgur.com/vzbu0.png" alt="virtuosi media&#39;s pagination example"></p><p>ein paar andere dinge, auf die sie hinweisen sollten:</p><ul> <li>die schaltflächen "erste" und "vorherige" wurden deaktiviert, da es sich um die erste seite handelt.</li> <li>das blau zeigt aktive schaltflächen an (ich muss dieses spezielle thema durch eine farbprüfung ausführen, um sicherzustellen, dass farbenblinde benutzer einen unterschied feststellen können).</li> <li>die tasten bleiben immer erhalten, auch wenn sie deaktiviert sind. dies gibt der schnittstelle konsistenz.</li> <li>aufgrund der skalierung habe ich ein eingabefeld anstelle eines dropdown-auswahlfelds ausgewählt. wenn sie 3000 seiten haben, möchten sie nicht nach unten scrollen, um eine seite zu finden</li> <li>die paginierung ist in einer singulären visuellen komponente gruppiert, um ähnlichkeit im zweck anzuzeigen.</li> </ul> <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> sollte ein austausch zb privater daten notwendig sein, wird man für private nachrichten freigeschaltet.danke schön, das hilft mir weiter. <p>erwägen sie die verwendung eines <strong> mehrfachauswahl-designs mit token </strong>. die filter-as-you-type-funktion ist nett, aber nicht unbedingt erforderlich. diese funktionieren gut, wenn im allgemeinen anwendungsfall entweder einer oder nur wenige ausgewählt werden. die benutzerfreundlichkeit nimmt jedoch schnell ab, wenn sie viele auswählen müssen, da der benutzer das menü für jedes element erneut aufrufen muss.</p><p><img src="https://i.stack.imgur.com/fth7o.png" alt="multi-select with tokens, via harvesthq.github.com/chosen"></p><ul> <li> <a href="http://harvesthq.github.com/chosen/">http://harvesthq.github.com/chosen/</a> </li> <li> <a href="http://designingwebinterfaces.com/the-multi-select-solution">http://designingwebinterfaces.com/the-multi-select-solution</a> </li> <li> <a href="http://loopj.com/jquery-tokeninput/">http://loopj.com/jquery-tokeninput/</a> </li> </ul><p>sie haben die tokenisierte mehrfacheingabemethode bereits in ihren e-mail-clients gesehen. <img src="https://i.stack.imgur.com/h1aid.png" alt="multi-select-tokens in email"></p><p>wenn häufig mehrere ausgewählt werden, können sie ein kontrollkästchenmenü <strong> </strong> in betracht ziehen. der unterschied besteht darin, dass das dropdown-menü über alle klicks hinweg dauerhaft bleibt (und die mehrfachauswahl visuell kommuniziert). daher kann der benutzer mit klick-klick-klick schnell mehrere elemente auswählen. für unsere web-app möchten wir dieses design durch hinzufügen der token-funktionalität verbessern.</p><p><img src="https://i.stack.imgur.com/zqizh.png" alt="checkbox menu, via realestate.com.au"></p><ul> <li> <a href="http://www.realestate.com.au/">http://www.realestate.com.au/</a> </li> <li> <a href="http://blogfreakz.com/jquery/jquery-dropdown-check-list/">http://blogfreakz.com/jquery/jquery-dropdown-check-list/</a> </li> </ul> <p>wenn dies meine entwurfsentscheidung wäre, würde ich wahrscheinlich eher eine option c (modifizierte option a) wählen.</p><h3>erstens, warum nicht 'option b':</h3><p>zum einen gefällt mir die klarheit, dass jedes produkt seinen eigenen tisch hat. wenn es sich nur um eine große tabelle mit einem feld zur bestimmung des typs handelt, ist die beziehung nicht so klar.</p><p>zum anderen würde die indizierungsstrategie immer erfordern, dass dieses typfeld aufgelistet wird. da es sich nur um 4 typen handelt, ist die indexkardinalität extrem niedrig (<code>select * from product\_table where type='x'</code> führt im grunde sowieso einen vollständigen tabellenscan durch)</p><h3>option c.</h3><ul> <li>erstellen sie eine übergeordnete tabelle, die nur die spalten enthält, die alle typen gemeinsam nutzen</li> <li>erstellen sie jeden produkttyp als eigene tabelle mit ihren einzelnen spalten, mit einem zusätzlichen: ein link zur übergeordneten tabelle</li> <li>erstellen sie jede 'link'-tabelle: product\_option, model\_option usw. mit links zu den jeweiligen schlüsseln.</li> <li>für diejenigen mit wechselseitigen links (model\_option, option\_model) erstellen sie auch diese tabellen. dies erhöht die klarheit ihrer joins für alle, die sich das ansehen.</li> </ul><p>der nachteil ist die komplexität, sicherzustellen, dass waisen vermieden werden, wenn dinge aktualisiert/gelöscht werden, und zunächst die abfragen zu entwerfen, die diese tabellen verwenden.</p> @frank s.@hansfranz@morlekater@dukevi@kk82@marion voss@angelika steyer@trischa@arnf@yeeho.nathan@wolfi-2@katjab@drolrvonaf@beckan@zickenfan@merlen1@j\_v\_r@bibo ich habe gute neuigkeiten für euch mitgebracht. mit dem firefox-update auf die browserversion 91.0.2 sollten die probleme behoben sein. bitte testet dies doch einmal aus und gebt uns gerne eine rückmeldung, ob das update eine besserung der schwierigkeiten mit dem nicht verschwinden der zeitleiste gebracht hat. liebe grüße, florian blätter mal weiter nach hinten. das thema windel auslaufen kommt regelmäßig und es wurden bei den vergangenen beiträgen immer viele gute tipps gegeben. OK, geht.  

  

Formular aufrufen, dann speichern, dann kann dieser gespeicherte Eintrag in der absolut korrekten Formatierung gemailt werden. DANKE Zollsoft Sollte verfügbar sein:


<https://www.elster.de/eportal/attachments/bereitstellungstermine/Historie_Bereitstellungstermine.pdf>


Sowohl in ElsterFormular als auch in [www.meinelster.de](http://www.meinelster.de) In den 70ern war "kackbraun" hochmodern... meine Eltern hatten ein [Auto](https://www.amazon.de/gp/bestsellers/automotive/ref=as_li_ss_tl?ie=UTF8&linkCode=sl2&tag=fragmutti-bestseller-auto-21&linkId=f51b99c7bb20af163aab0eea26889ddb)  
  
Die Fliesen abklopfen, Wanne und Waschbecken austauschen geht bei einer Mietwohnung schlecht, also würde ich einfach nur so viel "hell" wie möglich reinbringen: cremefarbene Badematten, Handtücher und dergleichen. Wenn du Stellplatz dafür hast und das Bad ein Fenster hat, ein schöner Farn in einem hellen Übertopf...   
  
Alternativ kannst du's so richtig kultig Seventies machen: Prilblumen auf die Fliesen kleben, eine orangefarbene Glaskuppel-Leuchte anbringen, Handtücher in Müllwagenorange und quietschgrün, Badematten und Klodeckelbezug, dazu noch eine Barbiepuppe mit weitem gehäkeltem Volantkleid für die Klorolle...