Asset Manager Template - Oxygène


Oxygen

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 de :

  • visualiser rapidement les informations pertinentes sur les matériels du parc informatique ;
  • réaliser des tâches simples de gestion : créer un incident, déplacer un matériel, ...
     

Il est livré en version unique responsive, qui permet une mise à l'échelle automatique de l'application en fonction du support utilisé (poste de travail, smartphone, tablette, ...). Certains éléments du thème Oxygène sont configurables - Open url.png voir Liste

Asset Manager - All devices.png

Page d’accueil

Écrans selon les supports

Poste de travail

Desktop - Home page.png

Mobile

Mobile - Home page.png

Liste des informations

  • Bandeau supérieur, affiché sur toutes les pages
Desktop icon.png   Format Poste de travail Mobile icon.png   Format Mobile
Titre de la page, informations sur l'utilisateur connecté, bouton de déconnexion Apps - Logout icon.png, nombre total de matériels en panne

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
  • Zone de recherche des matériels

1. Renseignez vos critères : tag matériel, numéro de série, modèle, statut, utilisateur principal, constructeur, fournisseur.
2. Lancez votre recherche via Display popup icon.png.
3. (Optionnel) Filtrez la liste des collaborateurs.

  • Différents indicateurs sur le parc de matériels : nombre total de matériels dans le parc, nombre de matériels indisponibles, ...
Desktop icon.png   Format Poste de travail Mobile icon.png   Format Mobile
Not check icon.png Check icon.png
  • Liste des matériels répondant aux critères de recherche et au filtre
    • Chaque objet comprend des informations sur le matériel : le modèle, le constructeur, le numéro de série et le statut.
    • Cliquez sur une tuile pour voir le détail du matériel.

Page Détail d'un matériel

Écrans selon les supports

Poste de travail

Desktop - Detail page.png

Mobile

Mobile - Detail page 1.png   Mobile - Detail page 2.png

Liste des informations

Différents types d'informations sont affichés :

  • Informations générales sur le matériel : Tag matériel, utilisateur associé, code matériel, numéro de série, fournisseur, constructeur, date de fin de garantie
  • Liste des documents liés
  • Informations sur le fournisseur : Téléphone, mail, localisation
  • Informations complémentaires sur le matériel : Type de matériel, localisation, type d’acquisition, date de renouvellement
     

Plusieurs fonctionnalités permettent également de :

  • créer un incident ;
  • déplacer un matériel ;
  • envoyer un matériel en réparation.

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 le fichier ci-dessous sur votre ordinateur.
         Download icon.png  Thème version Responsive

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 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.

6. Fermez l'éditeur de thème via EVApps - GUI - Close Application icon.png.
 

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

1. Téléchargez le fichier ci-dessous sur votre ordinateur.
         Download icon.png  Modèle version Responsive

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 le fichier 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 – Liste des fournisseurs
  • APPS – Liste des matériels
  • APPS – Liste des utilisateurs
  • APPS – Asset document
  • APPS – Asset supplier

2. Importez le fichier téléchargé 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)
Toutes Tous les éléments cliquables Liseré
Détail d'un matériel Tuile générique
Timeline
Popup
Tags:
Modifié par Christine Daussac le 2020/01/18 13:11
Créé par Administrator XWiki le 2019/07/04 10:42

Raccourcis

L'actualité mensuelle
•  Newsletter

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

Glossaire

Powered by XWiki ©, EasyVista 2020