Skip to content
This repository has been archived by the owner on Jan 26, 2020. It is now read-only.

Maquettes

Thibaud Colas edited this page Feb 9, 2013 · 1 revision

Maquettes de l'interface

Interface principale

Maquette principale

Cette interface principale donne un aperçu des capacités du convertisseur.

Tous les champs affichés à l'écran sont obligatoires, mais ils sont aussi tous préremplis. Il est donc important de choisir de bonnes valeurs par défaut.

L'aide contextuelle disponible à droite de l'interface va changer d'état selon l'avancement de la personne.

Validation du formulaire

À l'action du bouton, une validation est effectuée côté client pour vérifier que les valeurs saisies sont d'abord syntaxiquement, ensuite sémantiquement correctes :

  • La source donnée existe forcément puisqu'elle est choisie avec un select / combobox.
  • Le nom de la source à créer est vérifié contre les noms de sources existantes.
  • L'URI du graphe associé est elle aussi vérifiée contre les URIs existantes.
  • La validité du pattern d'URI est testée.

Un léger temps d'attente (500 - 1000ms) permet à l'utilisateur de voir que sa saisie est validée (passage des champs en vert + checkmark), et une fenêtre modale apparaît pour confirmer le lancement de la conversion (on rappelle la durée du processus).

Si un champ est faux, on affiche directement le champ en question en rouge agrémenté d'une croix rouge (errormark).

Saisie des formats d'URI

La méthode de saisie des formats d'URI n'est pas encore entièrement définie mais on pourrait envisager :

  • L'usage de multiples input text comme pour un format de date.
  • Une coloration syntaxique pour séparer différents éléments
  • L'ajout d'autocomplétion pour proposer un éventail de valeurs partiellement prédéfinies.

Remise à zéro des champs

Une fenêtre modale apparaît pour confirmer la remise à zéro de tous les champs (ils ne deviennent pas vides mais reprennent leur valeur par défaut).

Interface à taille variable

Selon la taille de l'écran, l'aide contextuelle placée à gauche va disparaître pour être remplacée par des boutons d'aide accolés à chaque champ qui la feront s'afficher (toggle) sous le champ en question.