> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.scorp-io.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Synoptiques

## Aller sur IHM > Contenus > Synoptiques

​Cliquer sur Synoptiques pour accéder à la section permettant de créer un synoptique.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085d9b0a38ee800/a8af7425-0d81-4eb0-810a-50bf60_16lat3r.png)

## Ajouter un nouveau synoptique

![](https://storage.crisp.chat/users/helpdesk/website/-/8/b/3/6/8b36396ee88ad000/558fbbac-e868-4c1e-9238-cfbbe0_e7hp2z.png)

Clique sur ajouter

![](https://storage.crisp.chat/users/helpdesk/website/-/1/d/a/8/1da84bc3c4f71e00/d5128abb-0eab-40d8-bf18-1013a1_2oadc4.png)

Nommer le synoptique

Ajouter un synoptique permettra de créer un design unique pour un équipement ou encore un bâtiment.

## Paramétrer le synoptique

![](https://storage.crisp.chat/users/helpdesk/website/-/6/9/7/3/697367e77d8c5000/7c3ca575-02ab-4de6-b170-1fdea2_ufvsce.jpg)

Accueil du développement de graphique

Une fois sélectionné, vous serez dirigé directement sur la page d'accueil. Les 3 fonctions mises en évidence sont les fonctions principales :

* (1) Rouge : il s'agit de la sélection des figures géométriques
* (2) Vert : il s'agit de la sélection des figures à formes libres
* (3) Bleu : il s'agit de la sélection de textes

## Options de développement

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/8/cf1838d072f7e000/d449b254-e77f-4c3f-ab53-c2e9ee_1i6qgws.png)

Options de formes libres

![](https://storage.crisp.chat/users/helpdesk/website/-/b/c/1/1/bc11daea5b09d000/0c80be9f-6f0f-48eb-9581-471982_1imcv0l.png)

Options de formes géométriques

![](https://storage.crisp.chat/users/helpdesk/website/-/2/9/9/8/2998b1bed585a200/9d6cf1f2-73b8-456e-a4db-ab9350_16h61o.png)

Option du texte

Dans les options de développement nous retrouvons :

* Formes libres :

* Outil plume : Permet de dessiner une forme délimité avec plusieurs points que l'on ajoute avec la souris
* Outil Main Levé : permet de de dessiner une forme en maintenant le clique de la souris
* Formes géométriques :

* Modèle d'objet ;
* Cercle, permet de dessiner un cercle
* Elipse, permet de dessiner une ellipse;
* Polygone, permet de dessiner un polygone
* Rectangle, permet de dessiner un rectangle ou un carré;
* Ligne, permet de dessiner une ligne
* Texte : texte, permet d'entrer un texte

Ces formes seront paramétrables grâce aux paramètres objets que l'on abordera dans la partie suivante.

## Paramètres objets

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FvfvDc7UUFNRG4brzg8Ds%252Fsbg-edit-right.jpg%3Falt%3Dmedia%26token%3D67070c3e-8200-45e3-90cf-7f9fff589409&width=768&dpr=3&quality=100&sign=9cca107e&sv=2)

Paramètre animations

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FJsdoDOaOcFAybxiCU4eV%252Fsbg-edit-anim.jpg%3Falt%3Dmedia%26token%3D9cd74190-1df1-4690-a47d-13c8fcdb98de&width=768&dpr=3&quality=100&sign=4d6cc2a7&sv=2)

Paramètre interactions

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FyJouNceKoIkXLdEdm7pu%252Fsbg-edit-interaction.jpg%3Falt%3Dmedia%26token%3D74f65c55-2b8e-4355-9c15-30068ce4fb7f&width=768&dpr=3&quality=100&sign=ff75638a&sv=2)

Paramètre propriétés

Dans les paramètres objets nous retrouvons :

* Propriétés : il s'agit des paramètres de l'objet créé, on y retrouve les coordonnées X Y, la longueur, la largeur, le remplissage en couleur interne et externe, l'orientation, l'angle, l'épaisseur des bordures, le type de bordure, les jonctions et extrémités
* Animations : il s'agit de fonctions réagissant à l'état des variables que l'on affecte à ces dernières pour modifier les propriétés des objets, on y retrouve 9 options tel que le clignotement de l'objet, le remplissage des contours et interne, la visibilité, le remplissage horizontal, le déplacement horizontal, la rotation, le texte, le remplissage vertical, le déplacement vertical.

## Animations

* Sélectionnez par un clic l'élément graphique sur lequel vous souhaitez ajouter une animation, rendez vous à droite dans la catégorie _Animation,_ enfin, créez une nouvelle animation en cliquant sur le bouton "+" Une fois le bouton cliqué : 14 animations s'offrent à vous, choisissez celle qui vous convient.

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FYwQk0NdmgKmCAiNJy4Uj%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252012-38-14.png%3Falt%3Dmedia%26token%3D15f85273-9801-47dc-bec2-4735d24f69a3&width=768&dpr=3&quality=100&sign=27001731&sv=2)

Choisir l'animation de l'objet

* Une fois le type d'animation sélectionné, la fenêtre d'édition s'ouvrira devant vous. Sur celle-ci, vous pourrez modifier 3 informations :

1. Le nom de l'animation. _(Conseil : Nommez là en fonction de l'information quelle transmet)_
2. Les conditions d'activation de l'animation, Encore une fois, vous retrouverez des explications détaillées pour créer une formule sur cette page : [Ajouter lien vers édition de formules]
3. Les paramètres visuels de l'animation (_vitesse de rotation, couleur, durée, ..)_

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FRlhih53zSEQTVQ5deNVY%252Fsvg-edit-formule.jpg%3Falt%3Dmedia%26token%3D50054d77-2538-487d-87ac-25f43d6bf596&width=768&dpr=3&quality=100&sign=da9bc5f4&sv=2)

* Sauvegarder l'animation : il s'agit d'enregistrer l'animation précédemment remplie
* Animation créée : il s'agit du résultat que l'on obtient après la configuration de l'animation

## Enregistrer le graphique

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FpUUS4xiX4DRM2j3nbJt7%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252015-55-02.png%3Falt%3Dmedia%26token%3Dbba0e545-a87f-49fe-9eb9-43e228a6943e&width=768&dpr=3&quality=100&sign=e411118a&sv=2)

Cliquer sur enregistrer

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252F4ohtuBbYGDNBq2DBMH8d%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252015-56-05.png%3Falt%3Dmedia%26token%3D14e82d5b-9b1e-49dc-aaac-58655fc9c8c6&width=768&dpr=3&quality=100&sign=fd4d0ee1&sv=2)

Cliquer sur confirmer

Pour enregistrer l'édition, il faut cliquer sur "Enregistrer" et confirmer la modification. Activer l'option "Ajuster automatiquement à la taille du contenu" permet d'éviter d'avoir de trop gros graphiques avec peu d'éléments dedans.

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Ffu9YrK7y6gDomWOJ606b%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252016-01-19.png%3Falt%3Dmedia%26token%3Dea5a182d-cac4-4d7b-8c09-1914793ba018&width=768&dpr=3&quality=100&sign=e239e110&sv=2)

Avant sauvegarde

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FHbVghHdvEn15FpQY3GVN%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252016-00-49.png%3Falt%3Dmedia%26token%3D59be350a-14f0-4acb-aab9-5751105d7a09&width=768&dpr=3&quality=100&sign=3ee0e90d&sv=2)

Après sauvegarde