web-dev-qa-db-fra.com

Comment définir visuellement une cartographie plusieurs à plusieurs (enseignant - élève)?

Disons que nous avons une relation enseignant-élève. D'un côté, nous avons une liste d'enseignants et de l'autre, nous avons une liste d'étudiants. Quelle est la meilleure façon (visuellement attrayante également) d'informer l'utilisateur sur les élèves enseignés par un enseignant particulier et les enseignants auxquels un élève particulier s'est inscrit. Le survol n'est pas une option, car ces informations doivent être présentées dès qu'un utilisateur atterrit sur cette page. L'hypothèse que l'on peut faire est qu'il y aura un maximum de 30 enseignants et environ 40 élèves. Les sujets n'ont pas d'importance dans ce scénario. Je veux seulement que la relation plusieurs à plusieurs entre un élève et les enseignants soit cartographiée.

2
parjun

Vous pouvez utiliser des onglets pour l'enseignant et les étudiants, puis afficher le sujet/enseignant dans une vue de liste avec les étudiants inscrits à ce sujet - quelque chose comme ceci:

enter image description here

1
DPS

En utilisant un format tabulaire vous pourriez avoir les étudiants d'un côté et les enseignants en haut (ou vice versa, une option de commutateur de vue?)

Les élèves peuvent trouver leur nom en bas à gauche, parcourir pour voir leurs sujets et les parcourir pour voir leur professeur. Les cellules peuvent également être divisées en plusieurs matières si un enseignant enseigne plusieurs matières. (voir l'enseignant A, étudiant 3, relation ci-dessous).

Le tableau peut être filtré pour afficher des lignes d'élèves ou des colonnes d'enseignants spécifiques, par ex. si un enseignant veut seulement voir les élèves qu'il enseigne, il peut filtrer les rangées selon ces critères.

enter image description here

Ajout:

Suite à version d'André Kleinschmidt a amélioré la version plus minimale de ma matrice, vous pouvez la faire pivoter de 45 degrés afin que les étiquettes des deux axes puissent être lues horizontalement. Pourrait être une autre option utilisateur pour changer la vue si vous le souhaitez.

Exemple: enter image description here

3
Dave Haigh

suggestion

Vous pouvez essayer une matrice de cooccurrence avec les enseignants et les élèves comme dimensions. Si les sujets n'ont pas d'importance, une croix/un point affichera décemment la connexion et économise de l'espace d'affichage .

exemple

Il y a un bel exemple de visualisation d'une matrice de co-occurrence, qui montre les co-occurrences de caractères dans Les Misérables de Victor Hugo . (Voir l'image ci-dessous si la page n'est plus disponible)

co-occurrence Les Miserables

L'exemple a été produit avec la bibliothèque JavaScript D.js qui pourrait être un outil précieux pour vous si vous devez le placer sur un site Web.

Contrairement à l'exemple, vous ne feriez pas correspondre les personnes avec elles-mêmes et vous vous retrouvez évidemment avec une matrice rectangulaire.

options additionelles

De plus, vous pouvez fournir un tri par enseignant ou étudiant en fonction du nombre de connexions (cellules remplies par ligne/colonne). Avec la numérotation des cols/lignes, on pourrait facilement compter combien d'élèves un enseignant est en charge ou vice versa avec combien d'enseignants différents un seul élève doit traiter .

Au lieu d'un simple marqueur (point, croix, etc.), vous pouvez remplir les cellules avec le nombre de classes qu'un enseignant dirige vers un étudiant correspondant. La somme de ces compteurs rend visible la charge d'enseignement par ligne/colonne.

2

Que dis-tu de ça?

enter image description here

Les filtres seront-ils utiles? Est-il censé montrer les détails de l'élève ou simplement le nom est correct lors de la cartographie avec l'enseignant?

Partage tes pensées.

1
arthours