Comment afficher un boitier connecté avec entrées et sorties dans un smartphone?
Imaginez le concept d'une boîte noire, qui peut avoir des entrées et des sorties.
Une boîte peut se connecter à d'autres boîtes. Nous avons quelque chose comme ça:
Imaginez maintenant un smartphone. "Ok, ce gars est fou." Tu pensais. Et tu as raison.
J'ai plusieurs problèmes à concevoir une représentation alternative pour ce type de structures dans un smartphone.
Permettez-moi de donner un exemple concret: 
Comme vous pouvez le voir, nous avons deux cases du même type qui fournissent à chacune un numéro. Ces 2 nombres entrent dans une boîte qui additionne et produit la somme. Cette somme est connectée à une boîte qui affiche le numéro reçu.
Il existe deux types importants de boîtes: les fournisseurs d'informations et les actions. Les fournisseurs d'informations commencent généralement ces diagrammes et les actions les terminent généralement.
Il est important de savoir quel type de bloc est utilisé et comment les blocs se connectent les uns aux autres. Un autre fait pertinent est que de nouveaux types de blocs peuvent être créés. Par conséquent, cette structure est flexible et extensible.
MODIFIER:
Bien que je ne sois pas encore parvenu à une solution, je suis sûr d'une chose:
J'ai besoin d'un système qui permet à l'utilisateur de simplifier la scène, de regrouper les blocs. J'ai toujours le problème sur la façon de représenter cela. Toutes les informations sont-elles importantes?
Veuillez noter que je pense que l'utilisateur a besoin de voir "l'image complète" ou du moins ce qui compte pour cette image. Le minimum que je crois qui est important est:
- Savoir ce qui est connecté à quoi
- Ce qui fournit des informations et quel est le résultat final
- Comment l'information circule entre les cases.
Ce que vous décrivez ressemble beaucoup à la façon dont Quartz Composer fonctionne:
Capture d'écran tirée de cette page par Anthony Mattox
Avec un graphique simple comme celui-ci, il est assez facile de comprendre comment cela pourrait être transposé à une interface utilisateur mobile (bien que cela ne soit pas sans confusion).
Le problème avec cette application (qui, j'imagine, s'appliquerait également à la vôtre) est qu'elle peut rapidement se résumer à ceci:
Capture d'écran tirée de cette page par Ian Grant
Cela peut être un problème impossible à résoudre de manière adéquate sur un appareil mobile. Une option pourrait être d'introduire l'idée de ne "étagère", comme dans les anciens jours NeXTSTEP , qui contient un objet temporairement pendant que vous naviguez dans l'interface utilisateur séparément:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Cela vous permet de faire défiler le panneau de gauche sans faire défiler la prise aussi. En jumelant les prises de l'étagère, chaque paire a une entrée et une sortie, les deux boîtiers connectés n'ont pas besoin d'être visiblement proches l'un de l'autre.
Pour ce que ça vaut, une grande partie de ce qui fait fonctionner ces systèmes est la conscience spatiale à laquelle ils se connectent. Vous bénéficieriez, j'imagine, en permettant à l'utilisateur une interface zoom et panoramique pour permettre à l'utilisateur de visualiser la bête entière dans l'espace.
Je travaille sur une structure où il n'y a que deux types de boîtes: l'une fournit le comportement/l'action, l'autre un conteneur. Cette structure est utilisée pour l'ingénierie système.
Le premier type de boîtes est appelé méthode système, le deuxième élément système. Un élément système peut contenir des méthodes système et des éléments système. Tout comme vous l'avez souligné, il est très important de décrire comment les boîtes contenues sont connectées dans l'élément système conteneur.
Les deux types de boîtes sont résumés sous la forme d'un tableau d'entrée, d'un tableau de sortie et de certaines opérations courantes telles que Calculate (). L'élément système est plus intéressant car il contient des informations de connexion.
Cette structure est définitivement flexible et extensible. Vos deux graphiques peuvent être représentés avec cette structure.
J'ai trouvé ce message lorsque je recherche un nom formel du diagramme représentant cette structure.
Que diriez-vous quelque chose comme ça? Cela semble être un moyen assez clair et intéressant de montrer plusieurs entrées et sorties mais sans exemples de votre part, il est difficile de savoir si cela fonctionnera avec vos types de données.
Si vous avez un arbre large par rapport à un arbre long, vous pouvez toujours le faire défiler tant que vous avez des bordures claires autour de l'image afin que l'utilisateur sache quand il y a quelque chose à gauche ou à droite qu'il ne voit pas actuellement.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
