# L'Espace Personnel

Les Espaces Personnels sont les interfaces graphiques permettant aux Utilisateurs de créer et de visualiser les enregistrements. Chaque Persona dispose de son propre Espace Personnel donc de sa propre interface.

Il se présente sous forme de Pages et Sous-pages qui apparaitront sous forme d'onglets.

{% hint style="info" %}
Vous pouvez choisir d'afficher les onglets verticalement sur la partie gauche ou horizontalement en haut à droite en cliquant sur l'engrenage en bas à gauche de votre écran.
{% endhint %}

## 🔐 CONNEXION

Quelque soit la page de connexion, l’utilisateur qui se connecte sera toujours emmené sur son Espace Personnel.

## 👤 CONFIGURATION DE L'ESPACE PERSONNEL

### 👁‍ Composition&#x20;

L'Espace Personnel est composé de Page primaires et éventuellement de Sous-pages qui apparaissent sous forme d'onglets dans la barre de navigation.

{% hint style="info" %}
La barre de navigation fonctionne par index. Cela signifie que, dans une redirection, l'ordre des pages dans la barre de navigation prévaut sur la page en tant que telle.
{% endhint %}

Vous allez composer ces Pages et sous-pages en ajoutant :&#x20;

* des [**éléments de contenus basiques**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/elements-contenus-basiques) pour ajouter des titres, des espaces vides, des médias... et notamment des boutons qui mèneront vers les Workflows créés pour que l'Utilisateur puisse y créer des enregistrements
* des [**éléments de données**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/elements-donnees) pour afficher notamment des Listes, des Cartes... et notamment des Tableaux pour faire pointer un enregistrement vers un Suivi ou encore une Fiche
* des [**éléments champs**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/les-champs) : (⚠️ cela laisse la possibilité à l'Utilisateur de modifier les informations)\
  \- Utilisateur \
  \- Champs de la table pour collecter une donnée. Une fois ce champ rempli par l'Utilisateur, ce champ devient un Champ Utilisateur.

Par exemple : je créé une Page intitulée "Mes informations" en y ajoutant des éléments Champs Utilisateur et j'ajoute un champ Date pour demander la date de naissance de mon Utilisateur.&#x20;

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRVF6IXQQHcUqvEkGAs%2F-MRVY30cmZmDhhvz2JAy%2FEspace%20Perso%20Mes%20informations.png?alt=media\&token=dbbab7a7-c1c2-4d06-8d25-c40de6800065)

* des [**Variables**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/les-variables) : pour afficher des informations non modifiables par l'Utilisateur&#x20;

### ⚙️ Paramètres&#x20;

Les Paramètres de la Page d'un Espace Personnel vous permettent de : \
\- Masquer la Page (si celle-ci est en construction par exemple) \
\- Définir un icône qui s'affichera au début du titre de la Page (l'icône se colorera avec la couleur de l'App quand l'Utilisateur sera sur l'onglet en question)&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F9ozqLYEBwjs68ZjPROx3%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2011.43.30%20(2).png?alt=media&#x26;token=2790823f-feb4-4645-ba94-90e9e1f25fdf" alt=""><figcaption></figcaption></figure>

### ☝🏼Les conditions dans l'Espace Personnel

#### ▪️ Sur les Pages des Espaces Personnels&#x20;

Vous pouvez conditionner l'affichage d'une Page d'un Espace Personnel afin d'en laisser l'accès à un Utilisateur ou un Groupe d'Utilisateurs en particulier. \
\
Pour cela, survolez la Page que vous souhaitez conditionner et cliquez sur les trois petits points à droite de cette dernière. Sélectionnez "Conditions" et définissez la Condition souhaitée. \
\
Vous pouvez conditionner l'affichage en fonction d'une réponse à : \\

1️⃣ **Un** [**champ utilisateur**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/les-champs#les-categories-de-champ)\
Par exemple : Si le champ Utilisateur Prénom contient Jean alors les Utilisateurs qui dont le Prénom contient "Jean" pourront avoir accès à cette Page de l'Espace Personnel. Les autres n'y auront pas accès.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FxiUz8Ocwxt81OJC2pKDr%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2012.05.30.png?alt=media&#x26;token=d3d4536b-3327-445d-9df7-091cc6044d2c" alt=""><figcaption><p>Condition de la Page d'un Espace Personnel sur le champ Utilisateur Prénom</p></figcaption></figure>

2️⃣  **Un utilisateur particulier** \
Cela signifie que vous pouvez conditionner l'affichage en fonction d'un Utilisateur spécifique. Par exemple : je veux uniquement que tel Utilisateur ait accès à cette Page. Les autres Utilisateurs n'y auront pas accès.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FOUjGCi2XWaY5qwVlu4eL%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2012.26.52.png?alt=media&#x26;token=0ad39128-32a2-43ed-83f2-4bd04d063f80" alt=""><figcaption><p>Conditionner l'affichage d'une Page d'un espace personnel sur un Utilisateur en Particulier </p></figcaption></figure>

**3️⃣ Un groupe**\
Cela signifie que vous pouvez conditionner l'affichage en fonction d'un Groupe d'Utilisateurs préalablement créé dans l'onglet [**Utilisateurs > Groupes**](https://ksaar.gitbook.io/ksaar-documentation/utilisateurs/groupes). \
\
Par exemple : Je veux que cette page s'affiche pour : \
\- les Personas faisant partie de l'Espace Personnel que je suis en train de paramétrer \
**ET**\
\- les Utilisateurs qui font partie du groupe Manager Régions&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FWCT3aTYUUo9iPOA35we8%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2013.11.40.png?alt=media&#x26;token=b60c14db-f1d2-4575-967c-247c5be600bf" alt=""><figcaption><p>Conditionner l'affichage d'une Page d'un Espace Personnel sur un Groupe</p></figcaption></figure>

####

#### **▪️ Dans les Pages de l'Espace Personnel**&#x20;

**Conditionner l'affichage d'une colonne en particulier**

\
\- Au survol de la ligne, cliquez sur l'option "Paramètre des colonnes"\
\- Une fenêtre popup s'affiche avec un onglet par colonne (en fonction du nombre de colonnes que vous avez ajoutées sur votre ligne)\
\- Cliquez sur "Affichage Conditionnel" au niveau de la colonne dont vous souhaitez conditionner l'affichage\
\- Créer la Condition souhaitée\
\
Par exemple ; je veux que mon Persona ait accès à la Page "Mes Estimations" de l'Espace Personnel mais je veux que deux personnes en particulier ait la possibilité d'ajouter une nouvelle Estimation. \
\
1️⃣ Je sélectionne la ligne/colonne que je veux conditionner en cliquant sur l'engrenage ⚙️, onglet Paramètres puis Affichage Conditionnel.&#x20;

\
2️⃣ Je programme ma condition tel que si mon nom est Dupont OU Gaillard alors le bouton "Nouvelle Estimation" s'affichera.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FCN1IfEeHWlsSlzH3ShCm%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2013.18.11.png?alt=media&#x26;token=9f5a7007-632d-4f5d-b080-aad9479bf2ff" alt=""><figcaption></figcaption></figure>

**Conditionner l'affichage d'une ligne**

\
\- Au survol de la ligne, cliquez sur l'option "Paramètre de la ligne"\
\- Une fenêtre popup s'affiche, cliquez sur l'onglet "Paramètres" puis "Affichage Conditionnel"\
\- Créer la Condition souhaitée\
\
👉🏼Par exemple, je souhaite que telle Ligne s'affiche uniquement pour un Utilisateur.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FgHXPmoUCKRBMADi6gb9W%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-24%20a%CC%80%2013.19.41.png?alt=media&#x26;token=b46da1da-82f5-421a-9908-30847ae2f893" alt=""><figcaption><p>Affichage Conditionnel d'une Ligne en fonction de l'Utilisateur connecté</p></figcaption></figure>

{% hint style="info" %}
Lorsque vous souhaitez conditionner sur une "Valeur personnalisée", veillez à reproduire exactement le texte (accent, majuscule, espace, caractère spécial).  &#x20;
{% endhint %}

## 💬 CONFIGURER LE CHAT

Il est possible de configurer un chat qui apparaîtra dans l’espace personnel de l'Utilisateurs.

1️⃣ Il faut tout d'abord configurer un Groupe, c'est à dire, une ou plusieurs personnes qui seront le(s) destinataire(s) des messages envoyés. Pour cela, rendez-vous dans l'**onglet \[UTILISATEURS ET GROUPES]**.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FAuktj4hW7w9OEaFV96t3%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-26%20a%CC%80%2014.21.32.png?alt=media&#x26;token=20fd71e3-d64d-40f4-9955-97e46aa90c97" alt=""><figcaption></figcaption></figure>

Par exemple, dans le cadre d'un utilisateur "Client", vous pouvez décider que les messages envoyés soient gérés par le "Support Client" (constitué d'une ou plusieurs personnes).

2️⃣ Ensuite, dans les paramètres du Persona, activez le Chat et définissez ses paramètres : sélectionnez l'équipe de traitement des messages que vous venez de créer, définissez l'intitulé de la fenêtre de chat, le message à l'ouverture de la fenêtre ainsi que la photo du Chat

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FH7kI4l11ilcpRx5hHMly%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-26%20a%CC%80%2014.25.24.png?alt=media&#x26;token=54d9c63e-ed9e-4872-a986-b0280aaa824f" alt=""><figcaption><p>Activer le Chat dans les paramètres du Persona</p></figcaption></figure>

3️⃣ Pour que le chat soit visible pour le Groupe (= le(s) destinataire(s) des messages), il faudra se rendre dans l'Espace Personnel du ou des Personae concernés et insérer le Champ "Liste des Chats". Lors de leur connexion, les Utilisateurs en gestion du chat pourront répondre aux messages reçus.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FpJ1g35h28TYbHG6LMTmo%2Fimage.png?alt=media&#x26;token=715e0d21-8e8a-4d34-a106-451fa9ff365e" alt="" width="311"><figcaption><p>Affichage "Liste des Chats"</p></figcaption></figure>

![Aperçu du chat côté USER destinataire des messages](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MT0Iky2z2GxIfhjx9QL%2F-MT0JiaP9nzs0b4pgHYx%2FAperc%CC%A7u%20du%20chat%20co%CC%82te%CC%81%20USER.png?alt=media\&token=50d70966-6f74-40f1-96fe-e17da433e39d)

Le ou les Utilisateurs destinataires des messages Chat peuvent activer l'option "Notification sur votre ordinateur". Cela signifie que lorsque l'application est ouverte, les Utilisateurs sont notifiés par le navigateur en cours d'utilisation.&#x20;
