Change Manager Template - Oxygène


Phosphorus

Version minimum Product name - ev sas.png : Oxygène 2.1

NewFeatures_MajorVersion_Oxygen21_Variant1

Update wiki button.png Dernière version majeure : Oxygène 2.1 - Plus d'informations

  • Accessibilité web :
    • Utilisation de contrastes élevés des couleurs sur les pages, boutons, fenêtres superposées.
    • Hiérarchisation des informations via les balises h1 à h6 appliquées aux titres des contenus.
    • Indications alternatives sur les entrées de menu et les images.
    • Remplacement de tous les widgets Menu par des widgets Secured Html.
  • Variables CSS : Variabilisation des polices et des couleurs via le widget dédié __ROOT.

Ce modèle permet de gérer la gestion des changements.

Il est livré en version Poste de travail et en version Mobile. Certains éléments du thème Oxygène sont configurables - Open url.png voir Liste

Change Management - Oxygen - All devices.png

Version Poste de travail

Page d’accueil

         Desktop - Home page.png

Elle est constituée des parties suivantes :

  • (1) Bandeau supérieur, affiché sur toutes les pages : Titre de la page, informations sur l'utilisateur connecté, bouton de déconnexion Apps - Logout icon.png
    Note : Cliquez sur la photo pour afficher le détail des informations de l'utilisateur.
  • (2) Menu latéral gauche, affiché sur toutes les pages :
  • (3) Date de la prochaine réunion du comité consultatif sur les changements (Change Advisory Board ou CAB)
  • (4) Accès aux formulaires de création d'une nouvelle demande de changement
  • (5) Synthèse des éléments de l'application

Page Calendrier des changements

         Desktop - Change Advisory Board.png

Détail d'une demande
         Desktop - Change Advisory Board - Detail.png

ChangeAdvisoryBoardPage

La liste des demandes de changement est affichée par statut, en colonne. Cliquez sur un ticket pour afficher le détail de la demande.

  • Bouton Add Notes : Ajout d'une note à la demande
  • Bouton Attachments : Ajout d'un document à la demande et consultation des documents déjà rattachés

Page CMDB

         Desktop - CMDB.png

Détail d'un CI
         Desktop - CMDB - Detail.png

CMDBPage

Cliquez sur un élément pour afficher le détail du CI.

  • (1) Recherche des CI à partir de leur nom
  • (2) Filtre en fonction de la disponibilité du CI
  • (3) Création d'une nouvelle demande de changement (Standard / Urgent / Normal) directement rattachée au CI sélectionné (via l'utilisation de boutons de commande New Request)
  • (4) Onglet Pending Changes : Liste des demandes en cours liées au CI
  • (5) Onglet Previous Changes : Liste des demandes précédentes liées au CI

Page Changements à valider

         Desktop - Changes Requiring Validation.png

Page Changements prévus le mois suivant

         Desktop - Changes scheduled next month.png

Page Changements réalisés ce mois

         Desktop - Changes realized this month.png

Version Mobile

Page d’accueil

         Mobile - Home page.png

Elle est constituée des parties suivantes :

  • (1) Bandeau supérieur, affiché sur toutes les pages : Nom de l'application, bouton de déconnexion Apps - Logout icon.png
  • (2) Bandeau intermédiaire :
    • Date de la prochaine réunion du comité consultatif sur les changements (Change Advisory Board ou CAB)
    • Calendrier des changements : Accès à la liste des demandes de changement
    • CMDB : Accès aux éléments de configuration (CI)
  • (4) Accès aux formulaires de création d'une nouvelle demande de changement

Page Calendrier des changements

         Mobile - Change Advisory Board.png

Détail d'une demande
         Mobile - Change Advisory Board - Detail.png

ChangeAdvisoryBoardPage

La liste des demandes de changement est affichée par statut, en colonne. Cliquez sur un ticket pour afficher le détail de la demande.

  • Bouton Add Notes : Ajout d'une note à la demande
  • Bouton Attachments : Ajout d'un document à la demande et consultation des documents déjà rattachés

Page CMDB

         Mobile - CMDB.png

Détail d'un CI
         Mobile - CMDB - Detail.png

CMDBPage

Cliquez sur un élément pour afficher le détail du CI.

  • (1) Recherche des CI à partir de leur nom
  • (2) Filtre en fonction de la disponibilité du CI
  • (3) Création d'une nouvelle demande de changement (Standard / Urgent / Normal) directement rattachée au CI sélectionné (via l'utilisation de boutons de commande New Request)
  • (4) Onglet Pending Changes : Liste des demandes en cours liées au CI
  • (5) Onglet Previous Changes : Liste des demandes précédentes liées au CI

Page Changements à valider

         Mobile - Changes Requiring Validation.png

Page Changements prévus le mois suivant

         Mobile - Changes scheduled next month.png

Page Changements réalisés ce mois

         Mobile - Changes realized this month.png

Procédures

Comment installer et utiliser le modèle

Attention : Le modèle utilise des rapports nécessitant les champs SD_REQUEST.REQUIRED_DOWNTIME et SD_REQUEST.SYSTEM_AFFECTED dans la table SD_REQUEST. Ceux-ci sont présents à partir de la version 2016.1.267.6 de Product name - ev itsm.png. Si vous utilisez une version antérieure, contactez votre administrateur Logo - EasyVista.png pour effectuer la mise à jour de votre plate-forme Product name - ev itsm.png.

Étape 1 : Importation du thème du modèle dans Product name - ev sas.png

1. Téléchargez les fichiers ci-dessous sur votre ordinateur, suivant les versions souhaitées.
         Download icon.png  Thème version Poste de travail
         Download icon.png  Thème version Mobile

2. Importez les fichiers téléchargés dans Product name - ev sas.png via Apps - Gallery - Import icon.png Import dans la barre d'outils de la galerie.

3. Vérifiez que le thème est déclaré public dans l'éditeur de thème Product name - ev sas.png :

  • Cliquez sur Apps - Gallery - Theme design icon.png Theme Design dans la barre d'outils de la galerie.
  • Sélectionnez le thème via Apps - Manage themes icon.png.
  • Affichez ses propriétés générales via Apps - Application properties icon.png.
  • Sélectionnez, pour la propriété Published, l'option Published Padlock open icon.png.
  • Cliquez sur OK.

4. (Optionnel) Adaptez le thème à votre charte graphique.

5. Sauvegardez le thème via EVApps - GUI - Save icon.png.
 

Étape 2 : Importation du modèle dans Product name - ev sas.png

1. Téléchargez les fichiers ci-dessous sur votre ordinateur, suivant les versions souhaitées.
         Download icon.png  version Poste de travail
         Download icon.png  version Mobile

2. Importez le fichier téléchargé dans Product name - ev sas.png via Apps - Gallery - Import icon.png Import dans la barre d'outils de la galerie.

3. Vérifiez que le thème est bien pris en compte par le modèle :

  • Affichez les propriétés générales de l'application via Apps - Gallery - Edit properties icon.png en regard de son nom sur la galerie.
  • Sélectionnez, dans la liste Theme, le thème importé précédemment.
  • Cliquez sur OK.
     

Étape 3 : Importation des rapports dans Product name - ev itsm.png

1. Téléchargez les fichiers ci-dessous sur votre ordinateur.

Note : Les requêtes parent ne sont pas exportées avec les rapports. Ainsi, vos éventuelles mises à jour ne sont pas écrasées lors de l'import des rapports.

       Download icon.png  Lot des rapports

  • APPS - Toutes les actions
  • APPS - Catalogue des changements
  • APPS - Demandes de changement
  • APPS - Mes actions
  • APPS - Configurations

 

Étape 4 : Création de vos applications Product name - ev sas.png

Best Practice icon.png  Travaillez toujours avec une copie du modèle. Vous pouvez ainsi importer les nouvelles versions améliorées fournies par Logo - EasyVista.png sans avoir à remplacer vos applications.

1. Dupliquez le modèle importé précédemment.

2. Renommez-le.

3. Associez-lui une image.

4. Créez le raccourci pointant vers votre application.

5. Répétez ces actions pour chaque nouvelle application utilisant le même modèle.
 

Étape 5 (Optionnelle) : Configuration des éléments du thème Oxygène

   Open url.png voir :

Comment configurer les éléments avec le thème Oxygène

        Open url.png voir Liste des éléments configurables

CommonProcedure

Étape 1 : Ouverture de l'application Product name - ev sas.png

1. Ouvrez votre application dans l'éditeur graphique, via Apps - Application properties icon.png sur la galerie.
 

Étape 2 : Ajout des personnalisations Oxygène

1. Cliquez sur le widget à personnaliser.

2. Allez sur la section Content > propriété Html Code.

3. Copiez-collez les instructions CSS et HTML indiquées dans les procédures ci-dessus pour chaque élément du thème Oxygène.

4. Adaptez le code à votre environnement.

5. Cliquez sur EVApps - GUI - Save icon.png.

Étape 3 : Test de l'application

1. Exécutez l'application via EVApps - GUI - Execute icon.png.

2. Vérifiez que vos personnalisations sont bien prises en compte.


Liste des éléments personnalisables via le thème Oxygène

Page Élément configurable Procédure (codes Html et CSS à ajouter)
Version Poste de travail
Toutes (2) Menu - Poste de travail
Tous les éléments cliquables Liseré
Popup
Calendrier des changements Tuile Form
Page CMDB Tuile générique
Légende statique
Version Mobile
Toutes Tous les éléments cliquables Liseré
Page d’accueil (4) Boutons Menu
Popup
Calendrier des changements Popup
Tuile générique
CMDB Popup
Tuile générique
Changements à valider Popup
Tags:
Modifié par Christine Daussac le 2020/07/06 17:24
Créé par Administrator XWiki le 2018/04/27 10:03

Raccourcis

L'actualité mensuelle
•  Newsletter

Tous les changements
•  Service Manager
•  Service Apps
•  Self Help

Glossaire

Powered by XWiki ©, EasyVista 2020