Les mises en page et interfaces utilisateurs

Identifier l’interface utilisateur

Connecté à la plateforme, l’utilisateur accède à ses informations en haut à droite de l’écran :

• Informations générales : photo, nom, prénom, domaine principal, …

• Accès à sa fiche back office – selon son droit

• Accès à Mon profil – selon son droit

• Modifier sa photo – selon son droit

• Modifier son mot de passe - selon son droit

• Changement de domaine

• Changement de langue

• Action de Se déconnecter

Informations disponibles en haut à droite de l’écran

Accéder à la boite à outils dans l’interface utilisateur

S’il est habilité, l’utilisateur accède à la boite à outils via la roue crantée à gauche de sa photo, il/elle pourra faire un /une :

• Export PDF

• Export Excel

• Impression

• Ou avoir un accès aux traces des contenus

Visualiser la version dans l’interface utilisateur

Le numéro de la version Syfadis Xperience installée, figure dans le pied de page en bas à droite.

Accéder au centre des notifications dans l’interface utilisateur

S’il est habilité, l’utilisateur accède au centre des notifications via la roue crantée à gauche de sa photo de profil, avec un indicateur du nombre de messages non lus. Cela permet de centraliser toutes les communications à un seul endroit.

On retrouve dans ce centre des notifications, les informations sur :

• Les badges : réception d’un message lors de l’obtention ou d’une mise à jour d’un badge

• Les notifications : réception d’un message lié à un mail reçu.

• Les tâches : réception d’un message par tâche de l’utilisateur.

• Les compétences : réception d’un message lors d’une compétence recommandée, supprimée, mise à jour, validée et acquise par formation.

• Le communautaire : réception des messages suivant des contextes bien précis : nouvelle actualité interne, nouvelle contribution, nouveau sujet d’un forum, réponse à un message dans un forum.

Gérer le pied de page

Ouvrez le menu Paramètres > Visuel > Pied de page

Procédure

• Cliquez sur le crayon pour ouvrir l’éditeur Html : vous pouvez ajouter ou modifier du texte depuis l’onglet Design.

• Il n’y a pas de gestionnaire d’images ou de liens dans l’éditeur Html. Pour en ajouter : cliquez sur l’onglet Html afin de modifier le code Html.

Pour ajouter une image :

1. Encodez votre image en base 64 : Utilisez un site permettant l’encodage en base 64. Exemple : https://www.base64-image.de

2. Dans l’onglet HTML, insérez le code de votre image dans la balise suivante : <img height="110" src="LE CODE ICI" alt=""/> (alt = pour l'accessibilité lecture du nom de l'image au survol avec la souris).

3. Cliquez sur Enregistrer.

Informations supplémentaires

Si vous utilisez la plateforme en multi-langue : mettez à jour votre pied de page dans toutes les langues.

Dans le cadre du multi-domaine :

• Un utilisateur voit le pied de page du domaine sur lequel il est positionné.

• Si le domaine sur lequel il est positionné n’a pas de pied de page : il voit celui du domaine parent s’il existe.

Comprendre les différents types de mise en page

Ouvrez le menu Paramètres/Visuel/Les mises en page

Certaines pages de la plateforme sont paramétrables afin de s’adapter au contexte de votre dispositif de formation. La disposition des informations et le type d’informations affichées sont personnalisables.

Les types de mises en page personnalisables sont :

• Le type Accueil : Page disponible selon le rôle de l’utilisateur. Une page de type Accueil peut être directement intégrée au menu ou être accessible depuis une autre page d’accueil

• Le type Session d’un apprenant : Page accessible à un utilisateur qui est inscrit à une session de formation. Depuis cette page, il peut démarrer sa formation et accéder à des informations en lien avec cette session. Il est possible de personnaliser le modèle de Session d’un apprenant au niveau d’une formation.

• Le type Formation du catalogue : Page accessible à un utilisateur qui visualise une formation publiée au catalogue de formation front office. Il est possible de personnaliser le modèle de Formation du catalogue au niveau d’une formation.

• Le type Évaluation du catalogue : Page accessible à un utilisateur qui visualise une évaluation publiée au catalogue de formation front office. Il est possible de personnaliser le modèle d’Évaluation du catalogue au niveau d’une évaluation.

• Le type Cursus du catalogue : Page accessible à un utilisateur qui visualise un cursus publié au catalogue de formation front office. Il est possible de personnaliser le modèle de Cursus du catalogue au niveau d’un Cursus.

Informations supplémentaires

La page d’un groupe communautaire est traitée dans la section Gérer la mise en page d’un groupe communautaire.

Rechercher et visualiser une mise en page

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Complétez si besoin les critères de recherche et cliquez sur Rechercher.

   • La liste des mises en page correspondant aux critères de recherche est disponible.

2. Sélectionnez une mise en page et cliquez sur Voir la mise en page ou cliquez directement sur la mise en page que vous souhaitez visualiser.

Vérification

La fiche descriptive de la mise en page apparaît

Créer la fiche descriptive d’une mise en page de type Accueil

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Cliquez sur Nouveau.

2. Complétez les différents champs de la fiche d’une mise en page :

   • Nom de la mise en page : Nom Back Office de la mise en page afin que vous la retrouviez plus facilement.

   • Type : Sélectionnez le type Accueil.

   • Titre de page affiché à l’utilisateur : Titre affiché à l’utilisateur quand il visualise cette page. Si vous ne souhaitez pas qu’un titre apparaisse : insérer un espace dans ce champ.

   • Code : Dans le cadre du multi-domaine ou du multilingue, le code permet de personnaliser les pages de type Accueil par domaine et/ou par langue. Cela permet d’avoir des mises en pages différentes par langue et par domaine sans multiplier les entrées de menu :

   • Si le code est identique entre une mise en page de type Accueil sur un Domaine Racine et un sous-domaine : la mise en page du sous-domaine remplace celle du domaine racine.

   • Si le code est identique entre deux mises en page de type Accueil ayant chacune une langue différente : l’utilisateur verra automatiquement la mise en page de sa langue

   • Priorité : Pas d’impact pour les mises en page de type Accueil.

   • Domaine : Complété automatiquement selon le domaine sur lequel est positionné l’utilisateur qui créé la mise en page.

   • Image de couverture : L’ajout de l’image de couverture n’est possible qu’après un premier enregistrement de la page.

3. Cliquez sur Enregistrer.

Vérification

Un message de confirmation apparaît à l’écran.

Informations supplémentaires

Cas du multi-domaine :

• Une page de type Accueil est créée au niveau du domaine racine avec le code A1.

• Cette page est dupliquée avec le même code A1 ou une nouvelle page avec le même code A1 est créée au niveau d’un sous-domaine

• Les utilisateurs du sous-domaine visualiseront la page créée au niveau de leur sous-domaine et non celle du domaine racine.

Cas du multilingue : 

• Une page de type Accueil est créée en français avec le code ACC et une autre est créé en anglais avec le code ACC.

• Les utilisateurs de langue française visualiseront la page d’accueil en français et les utilisateurs de langue anglaise visualiseront celle en anglais.

Il existe plusieurs façons de gérer le multilingue :

• Créer un accueil par langue (utile si vous voulez poster des messages) en utilisant le même code de mise en page : bien indiquer ici la langue ciblée, vous pourrez ainsi modifier le titre des Webparts et poster des messages dans chaque langue.

• Créer un accueil commun à tous : laisser le champ à vide et utiliser les Webparts sans modifier les titres (ils seront automatiquement traduits), enfin poster des messages dans la langue de votre entreprise.

Créer la fiche descriptive d’une mise en page de type Session d’un apprenant

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Cliquez sur Nouveau.

2. Complétez les différents champs de la fiche d’une mise en page :

   • Nom de la mise en page : Nom back office de la mise en page afin que vous la retrouviez plus facilement.

   • Type : Session d’un apprenant.

   • Titre de page affiché à l’utilisateur : Pas d’impact pour les mises en page de type Session d’un apprenant

   • Code : Dans le cadre du multi-domaine, le code permet de personnaliser les pages de type Session d’un apprenant.

   • Si le code est identique entre une mise en page de type Session d’un apprenant sur un Domaine Racine et un sous-domaine : la mise en page du sous-domaine remplace celle du domaine racine.

   • Si le code est différent entre deux mises en page de type Session d’un apprenant sur un Domaine Racine et un sous-domaine : les deux mises en page sont disponibles.

   • Langue : Complétez la langue pour laquelle s’applique cette page de type Session d’un apprenant

   • Priorité : Complétez de 0 à 10 la priorité. La priorité permet d’ordonner toutes les mises en page Session d’un apprenant proposées dans la liste déroulante, la priorité la plus forte étant 0. La page prioritaire est celle qui apparait par défaut lors de la création d’une fiche Formation.

   • Domaine : Complété automatiquement selon le domaine sur lequel est positionné l’utilisateur qui créé la mise en page.

   • Image de couverture : L’ajout de l’image de couverture n’est possible qu’après un premier enregistrement de la page Comprendre le fonctionnement de l’image de couverture et vignette qui s’applique.

Il existe trois niveaux de gestion des images :

• Selon le mode d’apprentissage :

  • Image vignette : s’applique si l’image n’a pas été personnalisée sur la fiche formation.

  • Image de couverture : s’applique si aucune image de couverture n’a été définie ni sur le modèle de mise en page associée à la formation ni sur la fiche formation.

• Selon le modèle de mise en page appliqué à la formation :

  • Image de couverture : Lors de la création des mises en page de type Session d’un apprenant, Formation du catalogue, Évaluation du catalogue, Cursus du catalogue : vous pouvez y associer une image de couverture. Celle-ci s’appliquera si aucune image de couverture n’a été définie sur la fiche formation. Si vous n’insérez pas d’image de couverture et qu’aucune image de couverture n’est définie au niveau de la formation : l’image de couverture de la modalité d’apprentissage ne sera pas visible.

• Selon la formation :

  • Image Vignette : Possibilité d’insérer une vignette personnalisée à la formation en intégrant une image dans Image pour le catalogue.

  • Image de couverture : En cas de personnalisation, l’image de couverture chargée sur la formation s’appliquera pour la page Catalogue et Session. S’il n’y a pas de personnalisation : c’est celle de la mise en page Session qui s’applique.

• Pour comprendre quand l’image de couverture de la page Session d’un apprenant s’applique.

• Cliquez sur Enregistrer.

Vérification

Un message de confirmation apparaît à l’écran.

Informations supplémentaires sur le code

Une mise en page de type Session d’un apprenant est créée sur le domaine racine avec le code APP1

• Si une mise en page avec le code APP1 est créée sur un sous-domaine : Au niveau d’une fiche Formation, un utilisateur du sous-domaine ne pourra sélectionner que la mise en page créée sur son sous-domaine.

• Si une mise en page avec le code APP2 est créée sur un sous-domaine : Au niveau d’une fiche Formation, un utilisateur du sous-domaine pourra sélectionner, au choix, l’une des deux mises en pages.

Créer la fiche descriptive d’une mise en page de type Formation du Catalogue

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Cliquez sur Nouveau.

2. Complétez les différents champs de la fiche d’une mise en page :

   • Nom de la mise en page : Nom back office de la mise en page afin que vous la retrouviez plus facilement.

   • Titre de page affiché à l’utilisateur : Pas d’impact pour les mises en page de type Session d’un apprenant

   • Code : Dans le cadre du multi-domaine, le code permet de personnaliser les pages de type Session d’un apprenant.

   • Type : Formation du catalogue.

   • Langue : La langue à utiliser pour la mise en page.

   • Priorité : Complétez de 0 à 10 la priorité. La priorité permet d’ordonner toutes les mises en page proposées dans la liste déroulante. La priorité la plus forte est 0.

Si le code est identique entre une mise en page de type Session d’un apprenant sur un Domaine Racine et un sous-domaine : la mise en page du sous-domaine remplace celle du domaine racine.

Si le code est différent entre deux mises en page de type Session d’un apprenant sur un Domaine Racine et un sous-domaine : les deux mises en page sont disponibles.

• Langue : Complétez la langue pour laquelle s’applique cette page de type Formation du catalogue.

• Priorité : Complétez de 0 à 10 la priorité. La priorité permet d’ordonner toutes les mises en page Session d’un apprenant proposées dans la liste déroulante, la priorité la plus forte étant 0. La page la plus prioritaire est celle qui apparait par défaut lors de la création d’une fiche Formation.

• Domaine : Complété automatiquement selon le domaine sur lequel est positionné l’utilisateur qui créé la mise en page

Image de couverture : L’ajout de l’image de couverture n’est possible qu’après un premier enregistrement de la page. (Voir plus bas : « Comprendre le fonctionnement de l’image de couverture et vignette qui s’applique ».)

Il existe trois niveaux de gestion des images :

• Selon le mode d’apprentissage

  • Image vignette : s’applique si l’image n’a pas été personnalisée sur la fiche formation.

  • Image de couverture : s’applique si aucune image de couverture n’a été définie ni sur le modèle de mise en page associée à la formation ni sur la fiche formation.

• Selon le modèle de mise en page appliqué à la formation :

  • Image de couverture : Lors de la création des mises en page de type Session d’un apprenant, Formation du catalogue, Évaluation du catalogue, Cursus du catalogue : vous pouvez y associer une image de couverture. Celle-ci s’appliquera si aucune image de couverture n’a été définie sur la fiche formation. Si vous n’insérez pas d’image de couverture et qu’aucune image de couverture n’est définie au niveau de la formation : l’image de couverture de la modalité d’apprentissage ne sera pas visible.

• Selon la formation :

  • Image Vignette : Possibilité d’insérer une vignette personnalisée à la formation en intégrant une image dans Image pour le catalogue.

  • Image de couverture : En cas de personnalisation, l’image de couverture chargée sur la formation s’appliquera pour la page Catalogue et Session. S’il n’y a pas de personnalisation : c’est celle de la mise en page Session qui s’applique. Pour comprendre quand l’image de couverture de la page Session d’un apprenant s’applique.

• Cliquez sur Enregistrer

Vérification

Un message de confirmation apparaît à l’écran.

Informations supplémentaires sur le code :

Une mise en page de type Formation du catalogue est créée sur le domaine racine avec le code CAT1

• Si une mise en page avec le code CAT1 est créée sur un sous-domaine : Au niveau d’une fiche Formation, un utilisateur du sous-domaine ne pourra sélectionner que la mise en page créée sur son sous-domaine.

• Si une mise en page avec le code CAT2 est créée sur un sous-domaine : Au niveau d’une fiche Formation, un utilisateur du sous-domaine pourra sélectionner, au choix, l’une des deux mises en pages.

Pour comprendre quand l’image de couverture de la page Session d’un apprenant s’applique.

Le fonctionnement pour créer une mise en page Évaluation du Catalogue ou Cursus du Catalogue est identique à celle de Formation du Catalogue.

Comprendre la notion de structure ou disposition d’une mise en page

Pour la mise en page, vous pouvez choisir différentes Structure pour organiser le contenu (Webparts) :

Comprendre la notion de contenu/Webpart

La Webpart est un bloc d’informations d’une mise en page qui permet de personnaliser l’affichage de sa page sur la plateforme Syfadis Xperience.

Informations supplémentaires sur le code :

Exemple de vue Back-Office d’une Webpart

Exemple de vue Front-Office d’une Webpart

Il existe différentes Webparts suivant les mises en page associées. Vous pouvez retrouver :

• Les Webparts page d’accueil.

• Les Webparts sur la session d’un apprenant.

• Les Webparts pour la formation publiée au catalogue.

• Les Webparts pour l’Évaluation au catalogue.

• Les Webparts pour le cursus au catalogue.

Créer ou modifier le contenu d’une mise en page en utilisant des Webparts

Ouvrez le menu Paramètres puis le sous-menu Visuel > Les mises en page.

Procédure

1. Complétez si besoin les critères de recherche et cliquez sur Rechercher.

   • La liste des mises en page correspondant aux critères de recherche est disponible.

2. Sélectionnez une mise en page et cliquez sur Voir la mise en page ou cliquez directement sur la mise en page que vous souhaitez visualiser.

3. Cliquez en haut à droite sur l’icône Mettre en page.

4. Cliquez sur l’onglet Contenu.

   • Vous visualisez toutes les Webparts que vous pouvez intégrer dans votre mise en page.

5. Depuis l’onglet Contenu de votre mise en page, sélectionnez et glissez-déposez une Webpart dans le bloc de votre choix.

Vérification

La Webpart apparaît dans la page d’accueil.

Créer ou modifier la structure ou disposition d’une mise en page

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Complétez si besoin les critères de recherche et cliquez sur Rechercher.

   • La liste des mises en page correspondant aux critères de recherche est disponible.

2. Sélectionnez une mise en page et cliquez sur Voir la mise en page ou cliquez directement sur la mise en page que vous souhaitez visualiser.

3. Cliquez en haut à droite sur l’icône Mettre en page.

4. Cliquez sur l’onglet Structure.

5. Sélectionnez la structure de votre choix. Il existe 12 structures différentes :

Vérification

La structure de votre page change.

Informations supplémentaires sur le code :

Chaque structure est composée de différents blocs :

• Chaque bloc peut contenir plusieurs Webparts

• Il n’est pas obligatoire de mettre une Webpart dans chaque bloc.

Si vous modifiez la structure alors que vous disposez de Webparts dans votre contenu : cela réorganise l’emplacement de vos Webparts dans chaque bloc.

Configurer le contenu d’une mise en page en utilisant des Webparts

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Complétez si besoin les critères de recherche et cliquez sur Rechercher.

   • La liste des mises en page correspondant aux critères de recherche est disponible.

2. Sélectionnez une mise en page et cliquez sur Voir la mise en page ou cliquez directement sur la mise en page que vous souhaitez visualiser.

3. Cliquez en haut à droite sur l’icône Mettre en page.

4. Sélectionnez la Webpart dans le bloc de votre choix.

5. Cliquez sur la roue crantée de la Webpart que vous souhaitez configurer.

6. Configurez le titre, la visibilité, le style. La configuration commune à toutes les Webparts est la suivante :

   • Modifier le titre d’une Webpart : Par défaut, chaque Webpart a un nom mais il est possible de la renommer en renseignant un titre.

   • Appliquer un style à une Webpart : Chaque Webpart peut avoir une mise en forme différente selon le style choisi. Il y a quatre styles différents déclinés pour chaque Webpart :

• Donner une visibilité personnalisée à cette Webpart : Il est possible de rendre le contenu d’une Webpart visible qu’à une partie de vos utilisateurs.

Publier à un ou des rôles :

1. Dans le champ Visibilité par, sélectionnez Rôle.

2. Sélectionnez le ou les rôles à qui vous souhaitez diffuser.

Publier à un ou des groupes :

1. Dans le champ Visibilité par, sélectionnez Groupe.

2. Sélectionnez le ou les groupes à qui vous souhaitez diffuser.

   • Si aucun rôle ou groupe n’est sélectionné : tous les utilisateurs ayant accès à cette page visualiseront le contenu de la Webpart.

3. Cliquez sur Enregistrer.

Supprimer le contenu d’une mise en page en utilisant des Webparts

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Complétez si besoin les critères de recherche et cliquez sur Rechercher.

   • La liste des mises en page correspondant aux critères de recherche est disponible.

2. Sélectionnez une mise en page et cliquer sur Voir la mise en page ou cliquez directement sur la mise en page que vous souhaitez visualiser.

3. Cliquez en haut à droite sur l’icône Mettre en page.

4. Sélectionnez la Webpart dans le bloc de votre choix.

5. Cliquez sur la croix de votre Webpart.

6. Confirmez votre suppression en cliquant sur OK à la question Souhaitez-vous supprimer cette rubrique ?

Associer une mise en page de type Session d’un apprenant à une formation

Ouvrez le menu Administration > Formation

Procédure

1. Recherchez la formation pour laquelle vous souhaitez appliquer une page Session d’un apprenant spécifique.

2. Au niveau du champ Mise en page pour la session d’un apprenant de la fiche formation : Sélectionnez la mise en page que vous souhaitez appliquer.

3. Enregistrez et prévisualisez la nouvelle mise en forme.

Vérification

Les utilisateurs inscrits aux sessions de cette formation visualiseront maintenant le contenu présent dans cette mise en page.

Associer une mise en page de type Formation du catalogue à une formation

Ouvrez le menu Administration > Formation > Les formations

Procédure

1. Recherchez la formation pour laquelle vous souhaitez appliquer une page formation du catalogue spécifique.

2. Au niveau du champ Mise en page pour le catalogue de la fiche formation : Sélectionnez la mise en page que vous souhaitez appliquer.

3. Enregistrez et prévisualisez la nouvelle mise en forme.

Vérification

Les utilisateurs cliquant sur cette formation dans le catalogue accèderont maintenant au contenu présent dans cette mise en page.

Informations supplémentaires

Le fonctionnement est identique pour associer une mise en page de type Évaluation du catalogue à une Évaluation ou une mise en page de type Cursus du catalogue à un Cursus.

Comprendre le fonctionnement de l’image de couverture et la vignette qui s’applique

Il existe trois niveaux de gestion des images :

Selon le mode d’apprentissage

• Image vignette : s’applique si l’image n’a pas été personnalisée sur la fiche formation.

• Image de couverture : s’applique si aucune image de couverture n’a été définie ni sur le modèle de mise en page associée à la formation ni sur la fiche formation.

Selon le modèle de mise en page appliqué à la formation :

• Image de couverture : Lors de la création des mises en page de type Session d’un apprenant, Formation du catalogue, Évaluation du catalogue, Cursus du catalogue : vous pouvez y associer une image de couverture. Celle-ci s’appliquera si aucune image de couverture n’a été définie sur la fiche formation. Si vous n’insérez pas d’image de couverture et qu’aucune image de couverture n’est définie au niveau de la formation : l’image de couverture de la modalité d’apprentissage ne sera pas visible.

Selon la formation :

• Image Vignette : Possibilité d’insérer une vignette personnalisée à la formation en intégrant une image dans Image pour le catalogue.

• Image de couverture : En cas de personnalisation, l’image de couverture chargée sur la formation s’appliquera pour la page Catalogue et Session. S’il n’y a pas de personnalisation : c’est celle de la mise en page Session qui s’applique.

Comprendre où apparaissent les vignettes

Les vignettes d’une formation sont visibles à plusieurs endroits de la plateforme :

• Dans Mes inscriptions : Onglet En cours.

• Dans Mes inscriptions : Onglet À venir.

• Dans Mes inscriptions : Onglet Suivi.

• Dans une Recherche Catalogue.

• Dans certaines Webparts : Formation à la une, Description.

Informations supplémentaires

Format recommandé pour les vignettes : 120 px, évitez les images dont le poids est supérieur à 250ko.

Modifier les vignettes par défaut selon le mode d’apprentissage

1. Ouvrez le menu Paramètres > Visuel > Les vignettes

2. Sélectionnez le mode d’apprentissage pour lequel vous souhaitez modifier la vignette et l’image de couverture.

3. Cliquez sur Configurer la vignette.

4. Cliquez sur la caméra pour modifier la vignette ou l’image de couverture.

5. Cliquez sur Sélectionner et choisissez une image sur votre ordinateur.

6. Cliquez sur Valider.

7. Cliquez sur Enregistrer.

Informations supplémentaires

Selon le paramétrage de configuration choisi, vous aurez la possibilité d’avoir une image de couverture activé par défaut selon le mode d’apprentissage.

Personnaliser la vignette selon une formation particulière

1. Ouvrez le menu Administration > Formation

2. Recherchez la formation pour laquelle vous souhaitez mettre à jour la vignette.

3. Au niveau de la fiche Formation, cliquez sur la caméra au niveau du champ Image pour le catalogue pour modifier la vignette de la mise en page.

4. Cliquez sur Sélectionner et choisissez une image sur votre ordinateur et cliquez sur Valider

5. Cliquez sur Enregistrer.

Comprendre où apparaissent les images de couverture

Les images de couverture sont visibles à plusieurs endroits de la plateforme :

• Page Session d’un apprenant quand on est inscrit à une session de formation

  • (Accès depuis le menu Mes inscriptions, Webpart Mes inscriptions personnalisées, ...).

• Page Formation du catalogue quand on visualise une formation dans le catalogue

  • (Depuis le menu Catalogue ou un Webpart lié au catalogue) (idem Évaluation du Catalogue et Cursus du catalogue).

• Mes sessions > Une formation.

• Dans Mes inscriptions : Onglet Suivi.

Informations supplémentaires

Format recommandé pour les images de couverture : 2000 * 490 px, évitez les images dont le poids est supérieur à 800ko.

Gérer l’image de couverture visible de la page Mon Profil

Ouvrez le menu Annuaire > Groupes > Les domaines

Procédure

1. Positionnez-vous sur le domaine pour lequel vous souhaitez modifier l’image de couverture.

2. Cliquez sur la caméra pour modifier l’image de couverture.

3. Cliquez sur Sélectionner puis choisir une image dans vos fichiers.

4. Cliquez sur Valider.

5. Cliquez sur Enregistrer.

Informations supplémentaires

Évitez les images dont le poids est supérieur à 800ko.

Dans le cadre du multi-domaine :

• Un utilisateur ayant des rôles sur plusieurs domaines voit toujours l’image de son domaine principal même s’il est positionné sur un autre domaine.

• S’il n’y a pas d’image sur un sous-domaine : les utilisateurs de ce domaine héritent de l’image du domaine parent.

Ajouter ou modifier une image de couverture d’une page

Ouvrez le menu Paramètres > Visuel > Les mises en pages

1. Recherchez la mise en page pour laquelle vous souhaitez mettre à jour l’image de couverture (Session d’un Apprenant ou Formation du catalogue ou Évaluation du Catalogue ou Cursus du catalogue).

2. Au niveau de la fiche descriptive de la mise en page, cliquez sur la caméra au niveau du champ Image de Couverture pour modifier l’image de couverture de la mise en page.

3. Cliquez sur Sélectionner et choisissez une image sur votre ordinateur et cliquez sur Valider.

4. Cliquez sur Enregistrer.

Supprimer une image de couverture d’une page

Ouvrez le menu Paramètres > Visuel > Les mises en pages

1. Recherchez la mise en page pour laquelle vous souhaitez mettre à jour l’image de couverture (Session d’un Apprenant ou Formation du catalogue ou Évaluation du Catalogue ou Cursus du catalogue).

2. Au niveau de la fiche descriptive de la mise en page, cliquez sur la poubelle au niveau du champ Image de Couverture pour supprimer l’image de couverture de la mise en page.

3. Cliquez sur Enregistrer.

Personnaliser l’image de couverture selon une formation particulière

Ouvrez le menu Administration > Formation

1. Recherchez la formation pour laquelle vous souhaitez mettre à jour l’image de couverture.

   • Au niveau de la fiche Formation, cliquer sur la caméra au niveau du champ Image de couverture pour modifier l’image de la mise en page.

2. Cliquez sur Sélectionner et choisissez une image sur votre ordinateur et cliquez sur Valider.

3. Cliquez sur Enregistrer.

Gérer la mise en page d’un groupe communautaire

1. Ouvrez le menu Annuaire pour gérer des groupes du type Groupes Communautaires.

2. Sélectionnez dans le sous-menu Groupes : Les groupes communautaires.

3. Renseignez les critères de recherche souhaités dans la page de recherche, puis cliquez sur le bouton Rechercher.

4. Sélectionnez le groupe communautaire souhaité dans la liste, puis cliquez sur le bouton Visualiser la page du groupe pour accéder à la page d’accueil du groupe communautaire

5. Suivant les privilèges que vous avez, 3 icônes peuvent apparaître à droite du libellé du groupe :

   • Icône crayon pour Modifier le titre et la description : cliquez sur cette icône pour modifier le nom du groupe communautaire, la description du groupe communautaire et les mots clés.

   • Icône cog on layout pour Modifier la structure de la page : cliquez sur cette icône pour modifier la mise en forme de la page : la page d’accueil bascule en mode édition avec : en bas de l’écran, le menu de configuration de la page du groupe.

6. Dans la liste des modèles de mises en page utilisables (structures), choisissez le modèle qui vous convient le mieux.

7. Dans la liste des Webpart qui sont disponibles : il suffit alors de sélectionner la Webpart, puis de faire un glissé-déplacé de la liste des Webparts vers le centre de la page où se trouve les différentes Webparts déjà sélectionnées. La page d’accueil est alors rafraichie avec la nouvelle mise en page.

8. Cliquez sur le bouton symbolisé par une roue crantée (Configurer) permet de paramétrer la Webpart (exemple : titre, affichage…).

9. Pour rebasculer en consultation de la mise en page, cliquez sur le bouton Voir le rendu de la page qui se trouve à droite du libellé du groupe. Les utilisateurs accèdent immédiatement à cette page modifiée.

10. Cliquez sur l’icône layout flèche droite pour Définir la mise en page actuelle comme modèle pour les groupes futurs. Ce dernier privilège s’adresse en général à un administrateur.

Comprendre les Webpart d’un groupe communautaire

Ouvrez la page d’accueil d’un groupe communautaire.

Des Webparts de type outils d’information, proposées et gérées par l’administrateur ou le responsable du groupe :

• La Webpart Liste des responsables du groupe communautaire

• La Webpart Liste des membres du groupe communautaire

• La Webpart Description du groupe communautaire

• La Webpart Message : éditeur html permettant à l’administrateur de mettre à disposition un contenu éditorial plus ou moins riche avec des images, des vidéos, du texte :

Il est possible de placer plusieurs fois la Webpart Message dans une mise en page, de renommer le titre message.

Il est également possible d’insérer une vidéo Embedded, pour ce faire cliquez sur l’onglet HTML (en bas de la pop-up), copiez-collez le code d’intégration (code embed) et revenez sur l’onglet Design. N’oubliez pas de sauvegarder avant de fermer le pop-up.

• La Webpart vidéo : permet de déposer une vidéo sur la plateforme. Visualisation des navigateurs compatibles avec le format de la vidéo. Possibilité d’uploader plusieurs vidéos aux formats différents.

• La Webpart Carrousel : affichages d’images défilant à l’écran pour dynamiser la page. Possibilité d’ajout de liens et d’un texte par image.

• La Webpart Fil d’actualité externe : le fil d’actualité externe permet d’afficher un flux RSS dans la page du groupe communautaire, le flux étant géré hors Syfadis.

• La Webpart Fil d’actualité (voir section Comprendre la Webpart fils d’actualités d’un groupe communautaire)

• La Webpart Contribution (voir section Comprendre la Webpart Contribution d’un groupe communautaire)

• La Webpart Wiki (voir section Comprendre la Webpart Wiki d’un groupe communautaire)

Comprendre et créer une Webpart fils d’actualités d’un groupe communautaire

Les fils d’actualité visent à proposer des nouvelles régulières à l’image des tweets. Ils sont publiés par un administrateur et sont consultables par les utilisateurs sans possibilité d’y répondre.

En mode création de l’actualité :

1. Cliquez sur Nouvelle Actualité pour accéder au mode édition au fil d’actualité.

2. Renseignez des Tags afin de retrouver l’actualité à partir d’une Webpart Nuage de tags.

3. Mettez en avant cette actualité dans une Webpart spécifique (actualités à la une) en cochant Mettre en avant.

En mode visualisation de l’actualité :

1. Commentez l’actualité (activable ou non).

2. Évaluez par des étoiles (activation par type) cette actualité.

Informations supplémentaires

La Webpart Fil d’actualité à la une : parmi tous les fils d’actualité de ce groupe communautaire, il est possible de mettre en avant une actualité : elle apparaîtra alors seule dans la Webpart Actualité à la une.

Les fils d’actualité sont tous contextualisés et liés au groupe communautaire.

Comprendre et créer une Webpart Contribution d’actualités d’un groupe communautaire

Des Webpart de type outils contributifs (ou collaboratifs) permettront aux membres de contribuer :

La Webpart Forum : les forums permettent de créer des sujets de discussion alimentés par des réponses successives. Toute personne qui visualise un forum peut créer un sujet ou écrire une réponse.

1. Cliquez sur Nouveau Sujet pour accéder au mode édition.

   • Vous pouvez épingler le sujet afin de retrouver ce sujet en tête de liste.

   • Le sujet du forum est créé.

2. Pour y accéder, cliquer sur le titre du sujet.

La Webpart Contribution : les contributions permettent de partager des liens internet ou des fichiers (exemple : document PDF). Les utilisateurs peuvent noter ou commenter les contributions et contribuer (ajouter de nouveau documents ou site) selon leur rôle.

1. Visualisez la Webpart contribution au sein de la page.

2. Cliquez sur Contribuer au niveau de la Webpart Contribution.

3. Sélectionnezde votre ordinateur ou d’un site web un document à ajouter, ou un lien vers un site web.

4. Ajoutez des tags, voire une note d’information.

5. La contribution est visible dès l’enregistrement.

En mode visualisation de la contribution :

1. Commentez la contribution (activable ou non).

2. Évaluez par des étoiles (activation par type) cette contribution.

3. Ajoutez cette contribution aux favoris.

Informations supplémentaires

Les forums et les contributions sont tous contextualisés et liés au groupe communautaire.

Comprendre et créer une Webpart Wiki d’un groupe communautaire

Les wikis permettent de travailler ensemble sur des pages qui sont mises en ligne.

La webart accueil du Wiki est affichée directement sur la page. Elle n’est pas obligatoire.

La Webpart Pages du wiki permet de créer une nouvelle page et d’accéder aux pages déjà créées. Il est possible de naviguer grâce aux liens entre les pages de wiki ou à partir des Webparts pages de wiki, de recherche ou de tags.

1. Pour créer une nouvelle page d’un wiki, cliquez sur Nouvelle page.

2. Pour modifier une page d’un wiki cliquez sur le titre de la page.

3. Utilisez ensuite les fonctions de l’éditeur (HTML).

4. Vous pouvez faire des liens avec une autre page de wiki en utilisant l’icône Lien.

5. Il est possible de mettre en avant une page en cochant Wiki à la une. Elle apparaîtra seule dans cette Webpart Wiki à la une.

6. Vous pouvez visualiser l’historique des modifications d’une page et revenir à une précédente version si vous avez les droits de modification des pages de wiki.

Informations supplémentaires

Usages possibles : Réaliser un cas pratique en formation, un guide de référence sur un sujet, des cas pratiques par groupe, réflexions et retours d’expérience d’un groupe de formateurs, FAQ.

La Webpart Wiki à la une : parmi toutes les pages qui sont mises en ligne dans le wiki du groupe communautaire, il est possible de mettre en avant une page : elle apparaîtra alors seule dans la Webpart Wiki à la une.

Les wikis sont tous contextualisés et liés au groupe communautaire.

Exporter une mise en page

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

1. Recherchez la mise en page que vous souhaitez exporter (pour la ré-importer sur un autre serveur).

2. Cliquez sur son nom pour afficher la page

3. Cliquez sur le bouton Exporter 

Vérification

Un fichier ZIP est généré pour cette mise en page, avec les Webparts et les fichiers image

Importer une mise en page

Ouvrez le menu Paramètres > Visuel > Les mises en page

Procédure

• Cliquez sur le bouton Importer et importer le fichier ZIP correspondant à la mise en page que vous avez préalablement exportée.

• La mise en page est alors créée, avec les Webparts et les fichiers image

Informations supplémentaires

Lorsque vous importez une mise en page, si vous aviez des images avec le même nom, alors ces images seraient écrasées à l’import car on utilise le même répertoire générique.