Créer, gérer et utiliser les visuel

Introduction
Vous avez maintenant découvert comment naviguer dans le menu administration de Lära et désirez maintenant personnaliser le visuel de votre portail de formation, de vos formations et événements et de vos programmes de formation. 

Ces différents paramètres de personnalisation visuelle permettent d'adapter vos différents contenus à plusieurs contextes et clientèles. 

Le présent article agira comme guide et vous aidera à optimiser l'image de marque de votre organisation présente dans ses offres de formation et à assurer une transition réussie de vos systèmes actuels vers le système de gestion de l'apprentissage Lära.

ORGANISATION DE L'ARTICLE 
1. Création de visuels 
    I. Présentation de l'interface de la page « Visuels » 
2. Personnalisation de votre portail 
    I. Définir l'image de fond d'un portail 
    II. Définir le logo de votre organisation    
    III. Définir les couleurs de l'environnement Lära de votre organisation       
3. Assignation de visuels à différents éléments 
    I. Définir l'image de fond d'une formation ou d'un événement 
    II. Définir l'image de fond d'un programme de formation 
    III. Définir les badges qui seront attribués lors de l'obtention des certifications 

1. Création de visuels (retourner au haut de l'article)   
Lära vous donne la possibilité d'utiliser plusieurs visuels disponible par défaut pour personnaliser les différents éléments de votre portail de formation, mais aussi d'en créer de toutes pièces en dehors de Lära et de les importer. Pour ce faire, rendez-vous dans la section du menu administration, puis sous l'onglet . Pour découvrir comment naviguer dans le menu administration, consultez l'article Naviguer sur le portail.

I. Présentation de l'interface de la page « Visuels » (retourner au haut de l'article) 

La page « Visuels » présente l'ensemble des visuels disponibles par défaut sur Lära, ainsi que ceux que vous avez créés ou qui vous ont été partagés par d'autres utilisateurs ayant un profil de droit leur permettant la création et l'édition de visuels. Pour créer un nouveau visuel, cliquez sur le bouton , ce qui génèrera la page suivante :

Entrez d'abord le nom que vous désirez donner à votre nouveau visuel dans le champ « Nom ». 

Le bouton vous permet de traduire le titre de votre visuel pour les utilisateurs qui choisissent une interface d'une autre langue. Le contenu textuel de votre image ne sera pas traduit automatiquement. 

Une fois votre nom défini, glissez l'image de votre choix dans la zone de dépôt , ou cliquez sur cette même zone pour sélectionner un fichier image à partir de l'explorateur de fichiers du système d'exploitation de votre appareil. Une fois votre image téléchargée avec succès, vous pourrez définir la zone présentée à l'aide d'un outil de rognage.

La zone « Image d'entête » représente le visuel de fond, grand format, que vous pourrez assigner à un portail, à un programme de formation, à une formation ou à un événements. 

La zone « vignette » représente le visuel de l'imagette de présentation. 

Les boutons et  permettent de zoomer sur l'image de départ et de n'en cibler qu'une partie.

Une fois votre choix de dimensions fait, cliquez sur le bouton pour créer votre nouveau visuel, ou sur le bouton pour ignorer vos modifications et revenir à la page « Visuels ». Veuillez noter qu'il est recommandé d'utiliser une image de bonne qualité d'au moins 1900 par 950 pixels.

Résultat : 

Pour que vos collègues administrateurs ayant les droits requis pour utiliser des visuels aient accès à votre nouvelle création, cliquez sur le bouton , qui deviendra  en guise de confirmation du partage à ces autres utilisateurs.

Le bouton vous permettra d'appliquer ce nouveau visuel sur votre portail directement à l'aide du bouton ou d'effacer votre nouveau visuel à l'aide du bouton .

2. Personnalisation de votre portail (retourner au haut de l'article) 
Comme nous venons de le voir, vous pouvez changer le visuel par défaut de votre portail de formation directement à partir de l'onglet de la section du menu administration, en cliquant sur le bouton d'options du visuel de votre choix, puis sur le bouton .  Cependant, selon la structure de votre organisation et des choix de mise en place de vos portails de formations, il est possible que vous ayez plusieurs portails qui peuvent chacun avoir un visuel différent.

I. Définir l'image de fond d'un portail (retourner au haut de l'article)  
Prenons comme hypothèse que vous possédez une offre de formation pour une clientèle aînée, une offre de formation pour une clientèle adulte et une offre de formation pour une clientèle enfant. Vous pourriez créer trois portes d'entrée aux visuels complètement différents qui seraient, à plus haut niveau, gérables à partir d'un portail d'administration commun. Pour définir l'image de fond d'un portail, rendez-vous dans la section  du menu administration. Pour découvrir comment naviguer dans le portail, consultez l'article Naviguer sur le portail. Une fois sur la page « Portails », vous trouverez la liste de vos sous-portails de formation (portes d'entrée vers un même portail principal).

Présentation de l'interface de la page « Portails » 
 Notre exemple ci-dessus présente un scénario où un « Portail défaut » (portail administration) possède trois portes d'entrée distinctes : le portail pour les enfants, le portail pour les adultes et le portail pour les aînés. 

Pour changer le visuel d'un portail, cliquez sur le bouton de la colonne , puis cliquez sur le bouton , ce qui vous conduira à la page de gestion du portail que vous avez choisi. Une fois sur la page de gestion de votre portail, cliquez sur l'onglet , ce qui génèrera la page suivante :

C'est à cet endroit que vous pourrez choisir le visuel de votre portail, c'est à dire sa vignette de présentation et son image d'arrière-plan. Vous pouvez choisir librement n'importe quel visuel prédéfini ou un de ceux que vous aurez créés, puis cliquer sur pour confirmer votre choix de visuel et retourner à la page « Portails », ou sur  pour ignorer vos modifications.

II. Définir le logo de votre organisation (retourner au haut de l'article)     
Pour ajouter le logo de votre organisation dans la bannière d'en-tête de votre portail de formation, cliquez sur l'onglet , ce qui génèrera la page suivante :

En survolant la zone « Logo » avec le curseur de votre souris, vous ferez apparaître le bouton d'options vous permettant de supprimer le logo qui est présent, si c'est le cas, à l'aide du bouton , ou d'ajouter un nouveau logo à l'aide du bouton , ce qui générera la page suivante :

Glissez l'image de votre choix dans la zone de dépôt , ou cliquez sur cette même zone pour sélectionner un fichier image de votre logo à partir de l'explorateur de fichiers du système d'exploitation de votre appareil. Une fois votre image téléchargée avec succès, vous pourrez définir la zone présentée à l'aide d'un outil de rognage.

Les boutons et  permettent de zoomer sur l'image de départ et de n'en cibler qu'une partie.

Une fois votre choix de dimensions fait, cliquez sur le bouton pour ajouter votre nouveau logo, ou sur le bouton pour ignorer vos modifications et revenir à la page « Personnalisation ». Veuillez noter qu'il est recommandé d'utiliser un logo de bonne qualité d'au moins 700 par 200 pixels. 

Votre nouveau logo étant maintenant paramétré, cliquez sur pour confirmer votre choix de logo et retourner à la page « Portails », ou sur  pour ignorer vos modifications. Une fois enregistré, votre logo apparaîtra sur le bandeau d'en-tête de votre portail, comme présenté ci-dessous! Veuillez noter que cette même procédure peut être mise en oeuvre pour chacune de vos portes d'entrées (portails secondaires).

III. Définir les couleurs de l'environnement Lära de votre organisation (retourner au haut de l'article)  
Par défaut, ce sont les couleurs de Lära qui seront présentes sur votre portail de formation. Il sera très prochainement possible de modifier les couleurs de votre environnement vous-même, mais d'ici là, contactez un conseiller de l'équipe SVI en ayant en main les couleurs de l'image de marque de votre organisation (RBG, CYMK ou HEX, préférablement). Nous aurons le plaisir de vous aider à personnaliser votre environnement d'apprentissage. Les couleurs qui vous sont possibles de personnaliser sont les suivantes :

	Couleur des indicateurs, des pastilles informatives et des titrailles. RBG : R=0, G=93, B=99 CMYK : C=100, M=6, Y=0, K=61 HEX/HTML : #005D63
	Couleur des boutons « importants » du système. De préférence, utilisez une couleur qui incite à l'action ou qui témoigne d'une action. RBG : R=231, G=79, B=61 CYMK : C=0, M=66, Y=74, K=9 HEX/HTML : #E74F3D
	Les boutons généraux de l'application, la mise en évidence d'un choix fait par un utilisateur. RBG : R=33, G=182, B=133 CYMK : C=82, M=0, Y=27, K=29 HEX/HTML : #21B685
	La couleur de base pour le portail, ses menus et icônes. Les dégradés de gris sont des dérivés pâlis de ce gris foncé. RBG : R=65, G=69, B=75 CYMK : C=13, M=8, Y=0, K=71 HEX/HTML : #41454B

3. Assignation de visuels à différents éléments (retourner au haut de l'article) 
Vous avez maintenant découvert comment créer des visuels à partir de l'onglet de la section du menu administration (section 1 du présent article) et comment définir un visuel pour votre ou vos portails de formation (section 2 du présent article). Bien que le principe pour définir un visuel pour les différents éléments de formation soit le même, voyons rapidement comment définir le visuel d'une formation ou d'un événement, ainsi que d'un programme de formation.

I. Définir l'image de fond d'une formation ou d'un événement (retourner au haut de l'article)   
Pour définir l'image de fond d'une formation ou d'un événement, rendez-vous dans les paramètres d'administration de la formation ou de l'événement dont vous désirez changer l'image de fond. Pour découvrir comment accéder aux paramètres d'une formation ou d'un événement ou pour créer une nouvelle formation ou un nouvel événement, consultez l'article Créer et paramétrer les formations et événements. Une fois dans les paramètres, cliquez sur l'onglet , ce qui génèrera la page suivante :

Cliquez sur le visuel que vous désirez définir pour votre formation ou votre événement. Le visuel en question sera mis en évidence en rouge (selon les couleurs personnalisées définies par votre organisation, voir section III. Définir les couleurs de l'environnement Lära de votre organisation du présent article), comme présenté ci-dessous :

Une fois votre visuel sélectionné, cliquez sur le bouton pour mettre en oeuvre votre choix, ou sur pour annuler votre modification. Veuillez noter que selon votre profil de droits, vous pouvez supprimer un visuel à l'aide du bouton , puis du bouton . Comme vous pouvez avoir un nombre illimité de visuels personnalisés, il ne vous est pas conseiller d'effacer vos visuel, à moins que vous soyez certain de votre choix.Vous pouvez aussi, bien entendu, créer un tout nouveau visuel à l'aide du bouton . La même procédure qu'à la section 1. Création de visuels du présent article devra être mise en action.

II. Définir l'image de fond d'un programme de formation (retourner au haut de l'article) 
Pour définir l'image de fond d'un programme de formation, rendez-vous dans les paramètres d'administration du programme de formation dont vous désirez changer l'image de fond. Pour découvrir comment accéder aux paramètres d'un programme de formation ou pour créer un nouveau programme de formation, consultez l'article Créer et paramétrer les programmes de formation. Une fois dans les paramètres, cliquez sur l'onglet , ce qui génèrera la page suivante :

Cliquez sur le visuel que vous désirez définir pour votre programme de formation. Le visuel en question sera mis en évidence en rouge (selon les couleurs personnalisées définies par votre organisation, voir section III. Définir les couleurs de l'environnement Lära de votre organisation du présent article), comme présenté ci-dessous :

Une fois votre visuel sélectionné, cliquez sur le bouton pour mettre en oeuvre votre choix, ou sur pour annuler votre modification. Veuillez noter que selon votre profil de droits, vous pouvez supprimer un visuel à l'aide du bouton , puis du bouton . Comme vous pouvez avoir un nombre illimité de visuels personnalisés, il ne vous est pas conseiller d'effacer vos visuel, à moins que vous soyez certain de votre choix. Vous pouvez aussi, bien entendu, créer un tout nouveau visuel à l'aide du bouton . La même procédure qu'à la section 1. Création de visuels du présent article devra être mise en action.

III. Définir les badges qui seront attribués lors de l'obtention des certifications (retourner au haut de l'article) 
Pour définir le visuel qui apparaitra aux participants lorsqu'ils obtiendront une certification, vous pourrez téléverser les badges les visuels dans la centrale des visuels afin de les appliquer lors de la création de vos certifications ou, simplement en passant par le bouton , directement dans la section Certifications du menu AMINISTRATION.