Approval Template - Oxygène


Phosphorus

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

NewFeatures_MajorVersion_Oxygen21_Variant2

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.
  • Variables CSS : Variabilisation des polices et des couleurs via le widget dédié __ROOT.

Ce modèle permet :

  • à un responsable de consulter les incidents / demandes de service qu'il doit approuver, puis de les accepter / rejeter ;
  • à un utilisateur de confirmer que son incident est résolu ou sa demande traitée.
     

Il est livré en version Poste de travail et en version Mobile.

  • Les informations de chaque page de l'application peuvent être présentées différemment suivant la version. Reportez-vous à chaque fois à la section Visualisation des écrans.
  • Certains éléments du thème Oxygène sont configurables - Open url.png voir Liste
Approval - All devices.png

Page d’accueil

Elle est constituée des parties suivantes :

  • (1) Bandeau supérieur
    Desktop icon.png   version Poste de travail Mobile icon.png   version Mobile
    Titre de la page, informations sur l'utilisateur connecté, bouton de déconnexion Apps - Logout icon.png, nombre total de validations que l'utilisateur doit effectuer

    Note : Cliquez sur la photo pour afficher le détail des informations de l'utilisateur

    Titre de la page, bouton de déconnexion Apps - Logout icon.png, nombre total de validations que l'utilisateur doit effectuer
  • (2) Zone de recherche des validations à effectuer. Note La recherche s'effectue uniquement parmi les incidents/demandes attribués à l'utilisateur connecté.

    1. Renseignez le nom du demandeur.
    2. Lancez votre recherche via Display popup icon.png.
    3. (Optionnel) Filtrez la liste des validations.
    4. Cliquez sur l'une des validations pour visualiser ses informations détaillées  - Open url.png voir Description

    Desktop icon.png   version Poste de travail Mobile icon.png   version Mobile
    Check icon.png Check icon.png
  • (3) Liste des incidents/demandes que l'utilisateur connecté doit valider, répondant aux critères de recherche et au filtre. Chaque objet comprend : l'image du sujet (enregistrée dans le catalogue), le titre et numéro de l'incident/demande, la date de création, la photo du responsable, des boutons d'acceptation/refus/demande d'information
    Desktop icon.png   version Poste de travail Mobile icon.png   version Mobile
    Check icon.png Check icon.png

Version Poste de travail

    Desktop - Home page.png

Version Mobile

    Mobile - Home page.png

Page Détail d'une validation

  • Informations générales sur la validation :
    • Numéro, sujet, bénéficiaire et demandeur, commentaires
    • Chronologie graphique (Timeline) affichant les dates de création et de fin prévue, ainsi que l'écart par rapport au SLA
    • Statut
    • Coût total
    • Boutons d'acceptation/refus/demande d'information. Note : En version Poste de travail, les boutons sont placés sur la liste des validations de la page d'accueil.
  • Liste des documents liés
  • Informations sur le demandeur : e-mail, localisation géographique, bouton d'envoi d'un e-mail (l'objet et le destinataire sont prérenseignés avec les informations de la validation)
  • Informations complémentaires sur la validation : historique, récapitulatif du questionnaire (questions et réponses)
  • Zone de discussion qui permet d’échanger sur la validation et d'obtenir des informations complémentaires

Visualisation des écrans

Version Poste de travail

Desktop - Detail 1.png

Desktop - Detail 2.png


Version Mobile

Mobile - Detail 1.png Mobile - Detail 2.png Mobile - Detail 3.png

Procédures

Comment installer et utiliser le modèle

É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  Modèle version Poste de travail
         Download icon.png  Modèle 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 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 - Fournisseur
  • APPS - Gestion des contrats
  • APPS - Document

2. Importez les fichiers téléchargés dans Product name - ev itsm.png via le menu Administration > Import / Export > Import.
 

É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 Tous les éléments cliquables Liseré
Détail d'une validation Tuile générique
Timeline
Popup
Version Mobile
Toutes Tous les éléments cliquables Liseré
Détail d'une validation Tuile générique
Timeline
Popup
Tags:
Modifié par Christine Daussac le 2020/01/18 13:09
Créé par Administrator XWiki le 2018/10/18 13:44

Raccourcis

L'actualité mensuelle
•  Newsletter

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

Glossaire

Powered by XWiki ©, EasyVista 2020