it-swarm.com.de

Wie zeige ich verbundene Boxen mit Ein- und Ausgängen in einem Smartphone an?

Stellen Sie sich das Konzept einer Black Box vor, die Ein- und Ausgänge haben kann.

Eine Box kann mit anderen Boxen verbunden werden. Wir haben so etwas:

enter image description here

Stellen Sie sich jetzt ein Smartphone vor. "Ok, dieser Typ ist verrückt." Sie dachten. Und du hast recht.

Ich habe mehrere Probleme, eine alternative Darstellung für diese Art von Strukturen in einem Smartphone zu finden.

Lassen Sie mich ein konkretes Beispiel geben: enter image description here

Wie Sie sehen können, haben wir zwei Felder desselben Typs, die jeweils eine Nummer enthalten. Diese beiden Zahlen werden in eine Box eingegeben, die die Summe summiert und ergibt. Diese Summe ist mit einem Feld verbunden, in dem die empfangene Nummer angezeigt wird.

Es gibt zwei wichtige Arten von Boxen: Informationsanbieter und Aktionen. Informationsanbieter starten diese Diagramme normalerweise und Aktionen beenden sie im Allgemeinen.

Es ist wichtig zu wissen, welcher Blocktyp verwendet wird und wie Blöcke miteinander verbunden sind. Eine weitere relevante Tatsache ist, dass neue Arten von Blöcken erstellt werden können. Daher ist diese Struktur flexibel und erweiterbar.

EDIT :

Obwohl ich noch keine Lösung gefunden habe, weiß ich eines ganz genau:

Ich brauche ein System, mit dem der Benutzer die Szene vereinfachen und Blöcke gruppieren kann. Trotzdem habe ich das Problem, wie ich das darstellen soll. Sind alle Informationen wichtig?

Bitte beachten Sie, dass ich glaube, dass der Benutzer das "vollständige Bild" sehen muss oder zumindest, worauf es bei diesem Bild ankommt. Das Minimum, das ich für wichtig halte, ist:

  • Wissen, was mit was verbunden ist
  • Was liefert Informationen und was ist das Endergebnis
  • Wie die Informationen zwischen den Feldern fließen.
5
Tiago

Was Sie beschreiben, klingt sehr nach der Funktionsweise von Quartz Composer:

Screenshot of a simple Quartz Composer patch  Screenshot von diese Seite von Anthony Mattox

Mit einem einfachen Diagramm wie diesem ist es ziemlich einfach zu verstehen, wie dies auf eine mobile Benutzeroberfläche übertragen werden kann (obwohl dies nicht ohne Verwirrung wäre).

Das Problem mit dieser Anwendung (von dem ich mir vorstellen kann, dass es auch für Ihre gilt) ist, dass es sich schnell darauf auswirken kann:

Screenshot of complex Quartz Composer patch  Screenshot von diese Seite von Ian Grant

Dies kann ein unmögliches Problem sein, das auf einem mobilen Gerät angemessen gelöst werden kann. Eine Möglichkeit könnte darin bestehen, die Idee von ein "Regal", wie in den alten NeXTSTEP-Tagen einzuführen, das ein Objekt vorübergehend enthält, während Sie separat auf der Benutzeroberfläche navigieren:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Auf diese Weise können Sie das linke Bedienfeld verschieben, ohne die Steckdose zu entfernen. Durch das Koppeln der Steckdosen des Regals verfügt jedes Paar über eine Eingangs- und Ausgangssteckdose. Die beiden angeschlossenen Boxen müssen nicht sichtbar nahe beieinander liegen.

Für das, was es wert ist, ist ein großer Teil dessen, was diese Systeme zum Funktionieren bringt, das räumliche Bewusstsein, in das es sich einhakt. Ich stelle mir vor, Sie würden davon profitieren, wenn Sie dem Benutzer eine zoom- und schwenkbare Oberfläche ermöglichen, mit der er das ganze Tier räumlich visualisieren kann.

1
Kit Grose

Ich arbeite an einer Struktur, in der es nur zwei Arten von Boxen gibt: eine bietet Verhalten/Aktion, die andere einen Container. Diese Struktur wird für das System Engineering verwendet.

Der erste Feldtyp wird als Systemmethode bezeichnet, das zweite Systemelement. Ein Systemelement kann Systemmethoden und Systemelemente enthalten. Genau wie Sie darauf hingewiesen haben, ist es sehr wichtig zu beschreiben, wie die enthaltenen Boxen im enthaltenden Systemelement verbunden sind.

Beide Arten von Feldern werden als Eingabearray, Ausgabearray und einige gängige Operationen wie berechne () abstrahiert. Das Systemelement ist interessanter, weil es Verbindungsinformationen enthält.

Diese Struktur ist definitiv flexibel und erweiterbar. Beide Diagramme können mit dieser Struktur dargestellt werden.

Ich habe diesen Beitrag gefunden, als ich nach einem formalen Namen des Diagramms gesucht habe, das diese Struktur darstellt.

0
user3179473

Wie wäre es mit so etwas? Dies scheint eine ziemlich klare und interessante Möglichkeit zu sein, mehrere Ein- und Ausgänge anzuzeigen, aber ohne Beispiele von Ihnen ist es schwer zu wissen, ob dies mit Ihren Datentypen funktioniert.

Wenn Sie einen breiten Baum gegen einen langen Baum haben, können Sie ihn jederzeit scrollbar machen, solange Sie klare Ränder um das Bild haben, damit der Benutzer weiß, wenn sich links oder rechts etwas befindet, das er gerade nicht sieht.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

0
Karen