Concept

L'édition visuelle a été faite afin de pouvoir créer de bout en bout une météo via l'interface.

Pour cela un formulaire sera disponible ( sur le volet latéral gauche de la vue ).


Le mode édition visuel permet de :

  • manipuler les widgets ( création, déplacement, redimensionnement, … ), offrant un contrôle précis sur la disposition et l'apparence des éléments sur l'interface.
  • D'autre actions seront possible dans de future développement.

Description

En mode édition visuel, un volet latéral ( à gauche ) vient compléter la zone de visualisation de la vue. 




Le mode édition visuel offre aux utilisateurs la possibilité d'accomplir plusieurs actions sur les widgets pour personnaliser la partie visuelle :

  • Sélection des widgets :
    • Sélection par clic : ( comportement par défaut ).
      Sélectionner un widget en cliquant directement dessus.
      Une fois sélectionné, le widget peut être déplacé, redimensionné ou supprimé
    • Sélection par zone : Un cadre de sélection pourra être utilisé pour faire des sélections ou désélection multiple.

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Mode sélection des widgets - Edition visuelle - Météo )

  • Ajout de widget :
    • Séparateur : Les séparateurs sont des éléments visuels utilisés pour diviser ou organiser le contenu sur une page. Les utilisateurs peuvent ajouter un séparateur en le faisant glisser et en le positionnant à l'endroit désiré sur la toile de conception.
    • Météo : Les utilisateurs peuvent ajouter un widget de type météo. 

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Mode ajout des widgets - Edition visuelle - Météo  )

  • Pousser les widgets :

Lorsque les utilisateurs ajoutent de nouveaux widgets ou déplacent des widgets existants, il peut être nécessaire de "pousser" les widgets adjacents pour créer de l'espace.

Les utilisateurs peuvent décaler les widgets en les faisant glisser vers de nouveaux emplacements sur la toile de conception.

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Mode déplacement des widgets (drag & drop)- Edition visuelle - Météo  )

  • Suppression des widgets: 

Les utilisateurs peuvent supprimer les widgets afin de personnaliser l'interface .

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Suppression des widgets - Edition visuelle - Météo  )

  • Redimensionnement des widgets :

Les utilisateurs peuvent redimensionner un widget en faisant glisser les poignées de redimensionnement situées sur les bords ou les coins du widget.

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Redimensionnement des widgets - Edition visuelle - Météo  )

  • Création d'espace/suppression d'espace :

Les utilisateurs peuvent créer de l'espace entre les widgets ou supprimer de l'espace 

( voir la page NEW_PAGE - 003.7 - SEF-10950 - Création / Suppression des espaces - Edition visuelle - Météo  )