Captures d’écrans du projet sylabe
Les dernières captures :
La page de bienvenue à la première connexion sur le serveur.
Le menu principal avec les applications disponibles. Il est toujours accessible via l’icône en haut à gauche.
La page de choix de la langue si celle détectée n’est pas bonne.
La page de connexion, c’est à dire de déverrouillage d’une entité. Tous les voyants sont au vert, tout va bien, la connexion est possible.
La page de déconnexion, c’est à dire de verrouillage de l’entité. Le bouton rond blanc en haut à droite est équivalent au bouton verrouiller au milieu. Les lignes rouges sont caractéristiques de la bonne connexion.
La page de visualisation d’un objet, ici un texte. Le menu de gauche est permanent et s’adapte au contexte.
La page de visualisation des liens pour l’objet précédemment affiché. Il faut qu’une entité soit déverrouillée pour pouvoir afficher les liens, non qu’il ne soient pas lisibles mais plutôt parce que cette page est longue à charger et peut poser problème au serveur web. C’est une vue plutôt technique qui n’a pas de raison d’être montré systématiquement à un utilisateur.
La page de visualisation des arborescences disponibles.
La page de visualisation d’une arborescence.
La page d’ajout d’un objet sélectionné dans l’arborescence en cours d’utilisation.
La page de gestion des modules. Pour l’instant, c’est uniquement de la visualisation.
L’interface et ses capacités d’adaptation à la taille de l’écran :
Version haute définition.
Version moyenne définition
Version basse définition.
Version très basse définition.
Le bootstrap :
Anciennes captures
Une page de sylabe, entité verrouillée :
.
Une page de sylabe, entité déverrouillée (connectée) :
Le bootstrap en cours d’installation :
