ProDon:Back-office 5.0.3 : Différence entre versions

De Logilys
Aller à : navigation, rechercher
Ligne 3 : Ligne 3 :
 
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;: Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.'''</span>  
 
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;: Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.'''</span>  
  
<br><span style="color: rgb(255, 0, 0);">'''ATTENTION :'''</span> Cette fonctionnalité est disponible seulement à partir de la '''version 5.0.3''' de '''ProDon''' .
+
<br><span style="color: rgb(255, 0, 0);">'''ATTENTION :'''</span> Cette fonctionnalité est disponible seulement à partir de la '''version 5.0.3''' de '''ProDon'''.  
  
  
Ligne 110 : Ligne 110 :
  
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 008.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 006.png]]<br>
 
|-
 
|-
 
| '''NOTE:''' À partir du bas de cette fenêtre, il est possible de créer une clé de cryptage. Il n'est pas nécessaire d'en avoir une.
 
| '''NOTE:''' À partir du bas de cette fenêtre, il est possible de créer une clé de cryptage. Il n'est pas nécessaire d'en avoir une.
Ligne 122 : Ligne 122 :
  
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 009.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 007.png]]<br>
 
|-
 
|-
 
|<span style="color: rgb(255, 0, 0);">'''A'''</span>: Dans cette case, il faut entrer le courriel qui est utilisé dans la LogiZone.
 
|<span style="color: rgb(255, 0, 0);">'''A'''</span>: Dans cette case, il faut entrer le courriel qui est utilisé dans la LogiZone.
Ligne 133 : Ligne 133 :
 
|<span style="color: rgb(255, 0, 0);">'''F'''</span>: Il faut écrire le mot de passe de l'utilisateur dans cette case.  
 
|<span style="color: rgb(255, 0, 0);">'''F'''</span>: Il faut écrire le mot de passe de l'utilisateur dans cette case.  
  
 +
|}
 +
 +
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|-
 +
| colspan="2" |
 +
Le courriel affecté au compte LogiZone apparaîtra ici.
 +
 +
|-
 +
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 008.png]]<br>
 +
|-
 
|}
 
|}
  
 
== Créer des thèmes dans le back-office ==
 
== Créer des thèmes dans le back-office ==
  
Ensuite, refaire les étapes de la création de LogiZone, mais au lieu d'en créer une nouvelle, il faut se connecter sur sa session.  
+
Ensuite, refaire les étapes de la création de LogiZone, mais au lieu d'en créer une nouvelle, il faut se connecter sur la session.  
 
 
  
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
Ligne 145 : Ligne 155 :
 
Normalement, l'utilisateur arrivera à cette fenêtre:
 
Normalement, l'utilisateur arrivera à cette fenêtre:
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 010.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 009.png]]<br>
 
|-
 
|-
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Il faut s'assurer d'être dans la bonne section.  
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Il faut s'assurer d'être dans la bonne section.  
Ligne 156 : Ligne 166 :
 
Alors, cette fenêtre s'ouvre:
 
Alors, cette fenêtre s'ouvre:
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 011.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 010.png]]<br>
 
|-
 
|-
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Cette section permet de choisir le type de thème qui sera créé. Les choix possibles sont créer un thème pour la page d'accueil et les formulaires, pour la page d'accueil seulement ou pour les formulaires seulement.  
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Cette section permet de choisir le type de thème qui sera créé. Les choix possibles sont créer un thème pour la page d'accueil et les formulaires, pour la page d'accueil seulement ou pour les formulaires seulement.  
Ligne 177 : Ligne 187 :
 
L'onglet « Palette » permet de définir toutes les couleurs qui seront utilisées dans les autres onglets du back-office. Généralement, les utilisateurs y configurent les couleurs de leur organisation.  
 
L'onglet « Palette » permet de définir toutes les couleurs qui seront utilisées dans les autres onglets du back-office. Généralement, les utilisateurs y configurent les couleurs de leur organisation.  
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 012.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 011.png]]<br>
 
|-
 
|-
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Pour la précision des couleurs, le système du back-office utilise la fonction rvba (rgba en anglais). Les nombres doivent être situés entre 0 et 255. Le premier nombre contrôle la quantité de rouge, le second la quantité de vert, le troisième la quantité de bleu et le dernier chiffre contrôle la transparence (alpha). Plus ce chiffre est près de 1,0, plus cette couleur sera opaque, plus il est près de 0,0, plus cette couleur sera transparente.  
 
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Pour la précision des couleurs, le système du back-office utilise la fonction rvba (rgba en anglais). Les nombres doivent être situés entre 0 et 255. Le premier nombre contrôle la quantité de rouge, le second la quantité de vert, le troisième la quantité de bleu et le dernier chiffre contrôle la transparence (alpha). Plus ce chiffre est près de 1,0, plus cette couleur sera opaque, plus il est près de 0,0, plus cette couleur sera transparente.  
Ligne 183 : Ligne 193 :
 
|}
 
|}
  
 +
=== L'onglet « Polices » ===
 +
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|-
 +
| colspan="2" |
 +
L'onglet « Polices » permet de définir la police standard ainsi que la couleur de la police lesquelles seront utilisées dans les formulaires créés par le back-office. Généralement, les utilisateurs y configurent la police générale de leur organisation avec une couleur qui se lit bien à travers les couleurs de l'organisation.
 +
|-
 +
| colspan="2" | [[Fichier:ProDon5 BackOffice_5.0.3 012.png]]<br>
 +
|-
 +
| width="50%" | <span style="color: rgb(255, 0, 0);">'''A''':</span> Pour ouvrir le menu pour configurer, il faut cliquer sur la case de la ligne qu'il faut ajuster.
 +
| <span style="color: rgb(255, 0, 0);">'''B''':</span> Si l'utilisateur ne détient pas les nombres pour ses couleurs, il est possible de choisir ses couleurs par cet outil.
 +
|}
 
{{BasPage_ProDon_Version|5.0.3}}<br>
 
{{BasPage_ProDon_Version|5.0.3}}<br>

Version du 3 avril 2017 à 08:18

Back-office 5.0.3


ATTENTION : Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.


ATTENTION : Cette fonctionnalité est disponible seulement à partir de la version 5.0.3 de ProDon.


Introduction

Le back-office est relié au module Dons en ligne. Il permet de gérer tous les éléments graphiques de votre page d'accueil et de vos formulaires. C'est à partir de cet endroit que vous pouvez modifier vos polices de caractères, vos couleurs ainsi que vos images apparaissant sur votre site Je Donne En Ligne.


Création d'un compte Logizone

Un compte Logizone est un profil qui une fois les accès attribués, vous permettra d'accéder au back-office.

Pour faire la création d'un compte Logizone, il faut accéder au back office


Pour ce faire, se rendre dans la « Gestion des formulaires Web ».

Cliquer sur le menu « Configuration », puis choisir « Bouton formulaire web.png Formulaires Web ».

ProDon5 BackOffice 5.0.3 001.png


Après avoir cliqué sur « Bouton formulaire web.png Formulaires Web », la fenêtre suivante s'ouvre.

ProDon5 BackOffice 5.0.3 002.png


Une fois la fenêtre ouverte, sélectionner le bouton Bouton Visualiser Formulaire Web.pnget ensuite sélectionner « Back-office ».
ProDon5 BackOffice 5.0.3 003.png



Rendu sur la page pour accéder au back-office, il faut faire la création de son compte Logizone, si inexistant.
ProDon5 BackOffice 5.0.3 004.png

A : Permet d'entrer dans une Logizone active en entrant le nom d'utilisateur ou l'adresse courriel.

B : Entrer le mot de passe de la Logizone existante.
C : Utiliser le lien pour permettre d'attribuer un nouveau mot de passe à la Logizone existante. D : Permet de créer un nouveau compte Logizone.
E : Permet d'en savoir plus sur le compte Logizone.

Accès au back-office

Pour être en mesure d'accéder au back-office, il faut au préalable avoir un compte Logizone. Une fois le compte Logizone créé, il faut donner les accès à ce compte au back-office.

À partir de ProDon, donner accès au compte Logizone qui pourra apporter des modifications au back-office.

Pour ce faire, se rendre dans la « Gestion des formulaires Web ».

Cliquer sur le menu « Configuration », puis choisir « Bouton formulaire web.png Formulaires Web ».

ProDon5 BackOffice 5.0.3 001.png


Après avoir cliqué sur « Bouton formulaire web.png Formulaires Web », la fenêtre suivante s'ouvre.

ProDon5 BackOffice 5.0.3 002.png

Alors, il faudra appuyer sur ce bouton Fichier:ProDon5 Bouton Configurer votre site web.png.


Dans cette fenêtre, il faut aller sur l'onglet Accès JeDonneEnLigne et cliquer sur le + pour ajouter un utilisateur

ProDon5 BackOffice 5.0.3 006.png
NOTE: À partir du bas de cette fenêtre, il est possible de créer une clé de cryptage. Il n'est pas nécessaire d'en avoir une.


Ensuite, cette fenêtre s'ouvre:

ProDon5 BackOffice 5.0.3 007.png
A: Dans cette case, il faut entrer le courriel qui est utilisé dans la LogiZone. B: Généralement, il faut inscrire le nom de la personne qui utilisera ce courriel pour accéder la LogiZone.
C: La case à cocher « Back-office » sert à donner les accès à l'utilisateur pour utiliser le back-office. D: La case à cocher « Liste des dons en ligne » sert à donner les accès à l'utilisateur pour voir les formulaires.
E: Lorsqu'il y a une clé de cryptage, cette case donne l'accès à la utilisateur de faire des intégrations sur demande. F: Il faut écrire le mot de passe de l'utilisateur dans cette case.


Le courriel affecté au compte LogiZone apparaîtra ici.

ProDon5 BackOffice 5.0.3 008.png

Créer des thèmes dans le back-office

Ensuite, refaire les étapes de la création de LogiZone, mais au lieu d'en créer une nouvelle, il faut se connecter sur la session.

Normalement, l'utilisateur arrivera à cette fenêtre:

ProDon5 BackOffice 5.0.3 009.png
A: Il faut s'assurer d'être dans la bonne section. B: Il faut cliquer sur ce bouton pour créer un nouveau thème.

L'onglet « Option »

Alors, cette fenêtre s'ouvre:

ProDon5 BackOffice 5.0.3 010.png
A: Cette section permet de choisir le type de thème qui sera créé. Les choix possibles sont créer un thème pour la page d'accueil et les formulaires, pour la page d'accueil seulement ou pour les formulaires seulement. B: Cette section permet de définir le nom de du thème.
C: Cette case à cocher permet d'appliquer ce thème par défaut. D: Cette case à cocher permet d'afficher l'image d'en-tête seulement sur la première page du formulaire.
E: Cette case à cocher permet d'afficher le titre seulement sur la première page du formulaire. F: Dans toutes les fenêtres, ce bouton ramène à la vue d'ensemble de tout ce qu'il y a dans cette section. Par exemple, lorsque l'utilisateur est dans les thèmes, ce bouton le ramène à la vue d'ensemble de tous les thèmes du back-office. Contrairement aux boutons du fureteur, il ne permet pas de revenir à la page précédente.
G: Évidemment, ce bouton permet de sauvegarder. De plus, dès qu'un changement est détecté dans une section, lorsque l'utilisateur change de section, le back-office demande une sauvegarde.

L'onglet « Palette »

L'onglet « Palette » permet de définir toutes les couleurs qui seront utilisées dans les autres onglets du back-office. Généralement, les utilisateurs y configurent les couleurs de leur organisation.

ProDon5 BackOffice 5.0.3 011.png
A: Pour la précision des couleurs, le système du back-office utilise la fonction rvba (rgba en anglais). Les nombres doivent être situés entre 0 et 255. Le premier nombre contrôle la quantité de rouge, le second la quantité de vert, le troisième la quantité de bleu et le dernier chiffre contrôle la transparence (alpha). Plus ce chiffre est près de 1,0, plus cette couleur sera opaque, plus il est près de 0,0, plus cette couleur sera transparente. B: Si l'utilisateur ne détient pas les nombres pour ses couleurs, il est possible de choisir ses couleurs par cet outil.

L'onglet « Polices »

L'onglet « Polices » permet de définir la police standard ainsi que la couleur de la police lesquelles seront utilisées dans les formulaires créés par le back-office. Généralement, les utilisateurs y configurent la police générale de leur organisation avec une couleur qui se lit bien à travers les couleurs de l'organisation.

ProDon5 BackOffice 5.0.3 012.png
A: Pour ouvrir le menu pour configurer, il faut cliquer sur la case de la ligne qu'il faut ajuster. B: Si l'utilisateur ne détient pas les nombres pour ses couleurs, il est possible de choisir ses couleurs par cet outil.

Nom du document : ProDon:Back-office 5.0.3
Version : 5.0.3