Mobile Support Tech Template


Phosphorus

Minimum Product name - ev sas.png version: Oxygen 2.1

This template is also available for the Oxygen theme.

NewFeatures_MajorVersion_Oxygen21_VariantAll

Update wiki button.png Latest major version: Oxygen 2.1 - Find out more

  • Web accessibility:
    • Use of sharp color contrasts on pages, buttons, popups.
    • Hierarchy of information using tags h1 to h6 are applied to titles.
    • Text alternatives provided for menu items and images.
    • Replacement of all Menu widgets by Secured Html widgets.
    • Removal of Google Maps widget.
  • CSS custom properties: Variability of fonts and colors via the dedicated __ROOT widget.

This template is a portal designed for Support persons. It enables them to:

  • Monitor the actions for incidents and service requests assigned specifically to them or to one of their groups.
  • Create actions and order equipment for users if required.
  • View the employee directory, Knowledge Base and list of equipment.
     

It is shipped only in a Mobile version.

Roaming IT - All devices.png

Home page

        Mobile - Home Page.png

List of information

  • Top banner displayed in all pages:
    • Page title
    • Information on the logged-in user
    • Logout button Apps - Logout icon.png. Click the photo to display user information. Note: User information is based on information in the My Details report. 
  • To Do List pane: Number of actions to be performed by the Support person.
    Note: The indicator is based on the My Actions report.
  • List of actions for the Support person or for one of the Support person's groups with the possibility of closing them. Click one of the actions to see its details.
    Note: This information is based on information in the My Details report.

Directory Page

This page is used by users to search a user to access the actions to be performed or to create a new action.

Screens

Mobile

Mobile - Employee directory.png   Mobile - Employee directory detail 1.png   Mobile - Employee directory detail 2.png

Employee search

1. Specify your criteria. You can run a search using the name or login.
2. Click Display popup icon.png to run the search.
3. Click one of the employees to see the details.

Employee detailled form

  • Information on the user.
  • Buttons for creating an incident and a Quick Fix.
  • List of the user's equipment.
  • List of the user's services.
  • List of the user's incidents.

KB Page

Screens

Mobile

Mobile - KB.png   Mobile - KB detail 1.png   Mobile - KB detail 2.png

Knowledge search

1. Specify your criteria.
2. Click Display popup icon.png to run the search.
3. Click one of the knowledge articles to see the details.

Knowledge detailled form

Contents of the knowledge article.

  • Star rating awarded to the knowledge article (0 to 5 stars).
  • Discussion pane.

Assets Page

This page is used by users to create an incident related to an item of equipment.

Screens

Mobile

Mobile - Asset.png   Mobile - Asset detail.png

Asset search

1. Specify your criteria.
2. Click Display popup icon.png to run the search.
3. Click one of the items of equipment to see the details.

Asset detailled form

  • Name of the equipment.
  • Essential information, i.e. main user, asset tag, serial number, status.
  • Buttons for creating an incident and a Quick Fix.
  • List of incidents related to the equipment.

Request Page

This page is used by users to create an Asset service request for themselves or on behalf of other users.

Screens for each device

Mobile

Mobile - Asset request.png

Order an item of equipment

1. Specify your criteria.
2. Click Display popup icon.png to run the search.
3. Click Order for the relevant item of equipment.

To Do List Pane

Screens

Mobile

Mobile - Ticket.png

List of information

  • Bullet color based on the priority of the incident/request:
    • Red: Level 1
    • Orange: Level 2
    • Green: Level 3
    • Gray: Level 4
  • Action creation date, category, recipient and location.
  • Action icons:
    • ev_icolocalisation.jpg : Map of the recipient's location.
    • ev_icoinfo.jpg: Details on the incident/request.
    • ev_icovalidation.jpg: Closing of the incident/request.

Configuration of bullets

Bullets are called via a URL that you should modify based on your context. Open url.png See the configuration procedure.

Procedures

How to install and use the template

Step 1: Import the template to Product name - ev sas.png.

1. Download the file below to your workstation.
         Download icon.png  Template Mobile version

2. Import the downloaded file to Product name - ev sas.png by clicking Apps - Gallery - Import icon.png Import in the App Gallery toolbar.

3. Check that the theme is correctly displayed by the template.

  • Click Apps - Gallery - Edit properties icon.png next to the app name in the App Gallery to display the general properties.
  • Select the theme you just imported from the Theme list.
  • Click OK.
     

Step 2: Import reports to Product name - ev itsm.png.

1. Download the files below to your workstation.

Note: Parent queries are not exported with the reports. This means that the items you update will not be overwritten when reports are imported.

         Download icon.png Batch of reports

  • APPS - Details of actions
  • APPS - Documents
  • APPS - Knowledge Base
  • APPS - List of requests
  • APPS - List of incidents
  • APPS - List of equipment
  • APPS - List of users
  • APPS - My Actions
  • APPS - My Details

2. Import the downloaded files to Product name - ev itsm.png by selecting Administration > Import/Export > Import in the menu.
 

Step 3: Create your Product name - ev sas.png apps.

Best Practice icon.png You should always work on a duplicate of the template. This enables you to import new improved versions provided by Logo - EasyVista.png without having to replace your apps.

1. Duplicate the template you just imported.

2. Rename the duplicated template.

3. Associate an image with it.

4. Create the shortcut pointing to your app.

5. Repeat this procedure for each new app created using the same template.

How to configure bullets based on priority

Step 1: Create bullets by priority.

1. Create one bullet for each priority in your image folder.

2. Name each bullet in the same way and add a different number at the end of the name to indicate the priority.
         Example documentation icon EN.png  Example - Bullets by priority.png
 

Step 2: Import bullets to Product name - ev itsm.png.
 

Step 3: Define the configuration in Product name - ev sas.png.

1. Go to the 0. Home page.

2. Click the Secured HTML widget Actions to do.

3. Open the text editor via Apps - Application properties icon.png using the Line > Line Cell Format property.

4. Click Apps - Text Editor - Html Editor icon.png to switch to HTML mode.

5. Modify the code below so that it points to the URL of the bullets:

<img class="fr-dib fr-draggable" src="https://gold.easyvista.com/resources/30001/pictures/Roaming%20IT/priorite#[FIELD('Priority')]#.png">

    Caution: You must comply with the naming convention below:
         Example - Bullets URL.png

  • (1): Path of the image folder.
  • (2): Name of the image.
    • Replace the priorite value with the name of the relevant bullet.
    • #[FIELD('Priority’)]#: Used to display the bullet corresponding to the action's priority level dynamically.

      Example documentation icon EN.png  Code with the name of the bullets, i.e. bullet.
      <img class="fr-dib fr-draggable" src="https://{your_image_folder}/bullet#[FIELD('Priority')]#.png">

6. Click Apps - Text Editor - Html Editor icon.png to close the HTML code editor.

7.  Click OK to save your modifications.

How to configure incident creation buttons

Employee Equipment
ev_incquickfix_employee.png ev_incquickfix_asset.png

The Create Incident and Quick Fix buttons are related to entries in the Incident Catalog. They are used to open a questionnaire before creating the incident. 

  • Create Incident: Used to create a standard incident.
  • Quick Fix: Used to create an incident at a later time and close it automatically once it is declared.
     

1. Go to the 4.1 Details Employee page.

2. Click the Secured HTML widget of the action button you want to configure.

3. Open the text editor via Apps - Application properties icon.png using the HTML Code property.

4. Click Apps - Text Editor - Html Editor icon.png to switch to HTML mode.

5. Replace the GUID of the <button> tag with the GUID of the relevant catalog entry.
         ev_code.png

6. Click Apps - Text Editor - Html Editor icon.png to close the HTML code editor.

7.  Click OK to save your modifications.

Tags:
Last modified by Christine Daussac on 2020/01/18 13:21
Created by Administrator XWiki on 2017/10/16 09:31

Shortcuts

Recent changes
•  Service Manager
•  Service Apps
•  Self Help

Glossary

Powered by XWiki ©, EasyVista 2020