Service Apps - Autumn 2020 - Release Notes


Note: This is a version release document.
  • Some of the screenshots may show a slight difference compared to the release version as we are constantly seeking to improve the design and usability up until the release date.
  • The pages on the wiki detailing these differences will be updated soon. For more up-to-date information, please consult: Open url.png Wiki News

Autumn 2020 Version

Service Apps templates

New template library available in the App Gallery

A template library has now been added to the Service Apps App Gallery. It enables you to create a new app directly from a template available in the App Gallery by installing the corresponding executable automatically. The key advantage is that the latest version of the executable is always installed.

Note

  • Just like in previous versions, you should download the reports for data from the wiki and then import them to Service Apps.
  • In the App Gallery, you can still create a new app with no content, just like in previous versions.

Operating principle

1. Click wiki - Service Apps - Autumn 2020_html_m305cf454.pngCreate App in the toolbar. The template library will appear.

         wiki - Service Apps - Autumn 2020_html_178363a9.png

2. Select the template you want. Click the relevant link to download reports available in the wiki. Next, click Create This App.

         wiki - Service Apps - Autumn 2020_html_m60f6e09b.png

  • (1) Search field for filtering templates based on their name.
  • (2) List of templates available in the library. The selected template will be highlighted in blue.
  • (3) Preview of the template.
    • The date of the latest template version will appear.
    • The Information tab displays a short description of the template and provides access to the wiki where you can download reports.
    • The ChangeLog tab displays the new main functionalities of the template.

               wiki - Service Apps - Autumn 2020_html_m3e5bb1c9.png
  • (4) Creation of the app using the selected template.

New template: Health Status

This new template provides a quick overview of the health status of services, such as the real-time availability of CIs. It is also used to define and manage your custom health service and to report any service disruption.

It is shipped in a unique version that is:

  • Responsive: Automatic scaling of the app based on the device used, e.g. workstation, smartphone, tablet, etc.
  • Multilingual: The six main languages managed by Service Manager are supported in the standard version.

         wiki - Service Apps - Autumn 2020_html_m4224d94a.png

New template: Service Desk Homepage

This new template is a Service Apps portal for Service Manager. It enables you to contact the Support team through different channels, access online documentation and forums, and stay up-to-date on developments in the IT Department.

It is shipped in a version compatible with workstations and is multilingual. The six main languages managed by Service Manager are supported in the standard version.

         wiki - Service Apps - Autumn 2020_html_m100cc99f.png

What's new in templates

Templates have been revamped in order to integrate the latest Service Apps functionalities.

  • For all templates
    • Multiple languages supported
    • Improved integration of Web Content Accessibility Guidelines
    • Integrated Page Display pack containing the Embedded Page and Sidebar widgets, as well as the Header Page, Footer Page and Background Page functionalities
  • Advanced ITSM Dashboard
    • The template is now called ITSM.
    • All dashboards are now merged within the app
    • Integrated Responsive Web Design
    • CSS variables integrated with the addition of the __Root widget
  • Approval
    • The template is now called Approval Manager.
    • Integrated Responsive Web Design
    • CSS variables integrated with the addition of the __Root widget
  • Change Management
    • Integrated Responsive Web Design
    • CSS variables integrated with the addition of the __Root widget for quick configuration of the app's graphic properties
  • Contract Management
    • Integrated Responsive Web Design
    • CSS variables integrated with the addition of the __Root widget
  • Executive Dashboard
    • Integrated Responsive Web Design
    • CSS variables integrated with the addition of the __Root widget
    • Integrated Google Maps widget
  • Mobile Tech Support
    • The template is now called Mobile Tech Support.
    • Integrated Google Maps widget
  • Stock Manager
    • The template is now called Available Inventory.

Multilingual display of Service Apps apps

You can now display a Service Apps app in the six main languages supported by Service Manager and in six other languages without having to duplicate the app for each language. The supported languages are English, French, Portuguese, Spanish, German and Italian. The change in languages is automatically performed and does not require users to log out and log in again.

  • Text in the app is listed in a CSV file that is encoded in UTF-8 to avoid any conflict with accents and special characters. Information is called using keywords whose content is defined in each of the languages supported by the app.
  • All data from Service Manager will be displayed in the language of the user profile defined in Service Manager.
  • The other languages must be configured in advance in Service Manager.
     

The key advantage in terms of creation and maintenance is that this saves time. Only one app is created and multilingual maintenance is performed directly in a single file in the Service Apps interface. No file export or import is required.

App in Run mode
An American user opens the app. The labels will be displayed in English.

Multilingual management - App in Run mode - EN.png

A French user opens the same app. The labels will be displayed in French.

Multilingual management - App in Run mode - FR.png

App in Design mode

Text is displayed as #[TRANSLATION.< keyword>]# instructions regardless of the language of the logged-in user.

It will be automatically converted in the language of the logged-in user based on the keywords listed in the multilingual CSV file.

Multilingual management - Keyword instruction in text editor

Operating principle

1. Click the new menu item called wiki - Service Apps - Autumn 2020_html_6088cf44.png Translation in the Objects pane and select your multilingual CSV file.

Note: All templates available in the Service Apps App Gallery contain a multilingual file listing all app keywords.

         wiki - Service Apps - Autumn 2020_html_m7cde9cf3.png

2. Click Edit Translation to display the contents of the file.

  • The structure of the file is always the same.
    • Column 1: List of keywords
    • Other columns: Labels in each of the languages supported by the app. The six main languages are followed by the 6 other languages.
  • You can add, modify or delete a row. You can also export the file. You can also run a search in the file using labels and keywords.

         wiki - Service Apps - Autumn 2020_html_m14a553d3.png

3. Configure the widgets in your app so that labels are displayed based on the keywords listed in the multilingual file. You can add a multilingual keyword in any data entry field in a widget.

  • You can do this using the Translation Tags Picker. This enables you to enter a keyword in a descriptive zone such as the name of a page, the title of a chart, the text displayed by default in the search area (Search Placeholder), etc.
    The #[TRANSLATION.<keyword> instruction used to call the keyword will automatically be added.

         wiki - Service Apps - Autumn 2020_html_mf132e98.png
         wiki - Service Apps - Autumn 2020_html_532c41eb.png  wiki - Service Apps - Autumn 2020_html_m14a55425.png

  • You can do this using a new advanced tag Translation Tag. This enables you to enter a keyword in a HTML zone.
    The #[TRANSLATION.<keyword> instruction used to call the keyword will automatically be added.

         wiki - Service Apps - Autumn 2020_html_mf132d98.png
         wiki - Service Apps - Autumn 2020_html_532c41ea.png

  • Note: You can also do this manually by adding the #[TRANSLATION.<keyword>]# instruction directly in the widget's descriptive zone or in the widget's HTML code and by replacing <keyword> with the label of the keyword to be called.

         wiki - Service Apps - Autumn 2020_html_55b05698.png  wiki - Service Apps - Autumn 2020_html_m14a55425.png

New graphic widgets

Treemap Chart

wiki - Service Apps - Autumn 2020_html_m3db5c4f0.png This new widget displays hierarchical data in rectangles. The size and color of the rectangles are proportionate to the value represented.

  • The widget requires a data source that will retrieve a report, view or CSV file with two columns (grouping levels), i.e. Label and Value.
  • You can select the color of the rectangles using a color palette.
  • When the cursor hovers over a rectangle, details on the value will appear.

         wiki - Service Apps - Autumn 2020_html_m67fd311c.png

Pyramid Chart

wiki - Service Apps - Autumn 2020_html_m1e0c0be4.png This new widget displays hierarchical data in pyramids comprising horizontal sections. The height and color of the horizontal sections are proportionate to the value represented.

  • The widget requires a data source that will retrieve a report, view or CSV file with two columns (grouping levels), i.e. Label and Value.
  • You can specify different properties to define the visual appearance of the pyramid, i.e. direction, color, space between horizontal sections, width of the base, border color of the horizontal sections and behavior on hover.
  • When the cursor hovers over a horizontal section, details on the value will appear.

         wiki - Service Apps - Autumn 2020_html_496f02a5.png

Link between Self Help and Service Bots

API key in Self Help/Service Bots connectors

An app can connect to Self Help to search for information in a Knowledge Base. Authentication of Self Help users now requires an API key. This must be specified when the Self Help/Service Bots connector is created.

         Part 2_html_m6ec96704.png

(1) Address of the Self Help domain
(2) Agent reference for the Service Bots connector or alias of the Self Help project for a Self Help connector
(3) Used to enable authentication via the API key
(4) ID of the API key
(5) Secret of the API key
(6) Upload the PEM file containing the API private certificate
(7) All new users created via Service Apps authentication will be added to this user group

Link between Service Manager and Self Help via a contextual app

A Service Apps app can now be linked in Service Manager to search for information in a Self Help Knowledge Base. The contextual app is specific to the current record in Service Manager and is based on its exposed properties linked to fields in the form.

example  Contextual app containing a Self Help widget for searching for information in the Self Help Knowledge Base using the ticket name.
wiki - Service Apps - Autumn 2020_html_500100.png

Note: This new functionality requires a Self Help license. You must also define an API key linked to the Self Help connector.

Operating principle

Configuration in Service Apps

1. Display the general properties of the app. To do this, click Apps - Application properties icon.png in the toolbar.

         wiki - Service Apps - Autumn 2020_html_400100b.png

2. Add an exposed property in the URL Parameter alias column in the Self Help widget. By default, the Search Value value appears. It can be modified if required.

         wiki - Service Apps - Autumn 2020_html_400100c.png
 

Configuration in Service Manager

1. Switch to edit mode in a form. To do this, click Tools icon.png > Edit in the toolbar. Add the contextual app you previously configured in the list of Service Manager contextual apps.

         wiki - Service Apps - Autumn 2020_html_500100b.png
         wiki - Service Apps - Autumn 2020_html_500150a.png

2. Map the Search Value exposed property defined in the app in Service Apps with the search field in Service Manager.

         wiki - Service Apps - Autumn 2020_html_500150b.png
         wiki - Service Apps - Autumn 2020_html_500150c.png

Note: The exposed property can be used directly in the URL to filter information.
         wiki - Service Apps - Autumn 2020_html_500200.png

New virtual agent template library

To optimize interoperability between Service Apps and Service Bots, the virtual agent configuration interface has been enhanced.

A new button called Configure Virtual Agent Layout has been added to the Panel section in the Virtual Agent widget. It is used to select a virtual agent template in a library and to configure its visual appearance in greater detail.

         wiki - Service Apps - Autumn 2020_html_m60ef1185.png
         wiki - Service Apps - Autumn 2020_html_68c941c4.png

(1) List of predefined templates in compliance with the EasyVista style guide
(2) Options for defining the visual appearance of the virtual agent in greater detail, e.g. font, size, color, etc.
(3) Preview of the virtual agent's visual appearance

What's new in the Virtual Agent widget

A new option called Open Automatically has been added to the Content section of the Virtual Agent widget. It is used to open the virtual agent automatically when it is called.

Note: The automatic opening of the conversation panel does not have any impact on the graphic editor. It is done only in execute mode.

         wiki - Service Apps - Autumn 2020_html_7e934bc.png
         wiki - Service Apps - Autumn 2020_html_783a9177.png

Web content accessibility

Web Content Accessibility Guidelines (WCAG) aim at making Web content more usable to users in general, and making it more accessible to a wider range of people with disabilities.

Service Apps constantly updates its functionalities to integrate these recommendations.

Unique ID in pages

Each widget created in an app now contains unique IDs content and main-content.

Discussion widget

You can now use the keyboard to browse through elements displayed in red.

         wiki - Service Apps - Autumn 2020_html_2a92eacd.png

Filter widget

You can now use the keyboard to browse through the list of filters and select items from the list.

         wiki - Service Apps - Autumn 2020_html_2a92cfed.png

Google Maps widget

Web Content Accessibility Guidelines are now applicable to the Google Maps widget.

Service Bots widget

You can now use the keyboard to select the button that calls the virtual agent.

Notifications

Notification messages will now close automatically.

Navigation in pop-ups

You can now use the keyboard to browse within pop-ups.

Navigation in documents

You can now use the keyboard to browse through the list of documents.

         wiki - Service Apps - Autumn 2020_html_2a92aegv.png

What's new in the core

Internet Explorer deprecated

You can no longer run Service Apps apps in Internet Explorer. From the Autumn 2020 version onwards, there will no longer be any maintenance for Internet Explorer components.

Display of page names in the Web browser

You can now use a new functionality to customize the page name displayed after the app name in the Web browser tab title. This functionality is an added accessibility feature aiming to facilitate screen reading in the current page.

         wiki - Service Apps - Autumn 2020_html_1ff7dd3d.png

You can specify the page name, which appears in execute mode, in the properties of each page in the app. This is done in a new section called Run Page.
Note: If you do not specify this information, the tab title will display the page name in edit mode. By default, it is Page...

         wiki - Service Apps - Autumn 2020_html_70f4065.png

Tags:
Last modified by Christine Daussac on 2020/10/14 09:35
Created by Administrator XWiki on 2020/09/28 10:57

Shortcuts

Powered by XWiki ©, EasyVista 2020