GET STARTED
CONTACT US – 319-294-6671

How to install your Arreya channel PWA as a Kiosk app

Each Arreya channel can be deployed as a Progressive Web App (PWA) and has settings to customize the look and feel of your PWA. The PWA can be force installed to managed devices via the Google Admin Console.

  1. After logging in to your Admin console, go to Devices. Arreya channel PWA as a Kiosk app
  2. In the navigation menu on the left hand side, select Chrome > Apps & extensions > Kiosks Kiosk App 
  3. Select the OU (Organization Unit) on the left hand side of the screen that you wish to configure. Only Chrome devices in this OU will have the settings applied.  
  4. Click on the KIOSKS tabKiosk App
  5. Hover your mouse on the Yellow Plus button on the bottom right corner of your screen, next click on the Add by URL option. 
  6. Enter the address of your Arreya Channel in the URL field. (e.g. arreyademo.arreya.com), click Save to add the PWA. You will be warned that permissions will automatically be granted to the web app. Click Agree to continue.
    Arreya Channel
  7.  After the PWA is added, you will see it in the App listing and the kiosk app will be installed by default. You must select the app to be automatically launched by selecting it in the drop down box next to Auto-launch app.


  8. Once you have set the app to auto launch, you can change the kiosk app settings by selecting the app in the app listing, and adjusting settings in the window on the right hand side. You need to turn on Allow App to Manage Power. We recommend turning on Enable Health Monitoring and Enable System Log Upload. Allow App to Manage Power

 

Please visit Getting started with Chrome Device Management  for more information regarding Chrome Device Management.

Chrome OS device PWA Installation Instructions

This article will cover installing your Arreya Channel PWA on a Chrome OS device where that isn’t force installing the PWA by policy.

 

  1. On your Chrome OS device, open the Chrome browser.
  2. Navigate to your Arreya channel URL (https://*yourchannel*.arreya.com). You can also send your users a link sent via an email, social media, or other method instead of manual entry.Chrome OS Device PWA 
  3. At the top right of the address bar, click the [Install +] buttonChrome OS 
  4. The application can now be found in the application launcher accessible from the bottom taskbar. You can also right click the application icon and pin it to your taskbar.Progressive Web App for Digital Signage

 

PWA support has been supported in Chrome since version 39. Contact us to learn more about Chrome OS Device PWA.

 

iOS PWA Installation Instructions

This article will cover installing your Arreya Channel’s PWA on an iOS device. The process is similar for iPhone and iPad devices.

 

  1. To add your Arreya Channel as a PWA on an iOS device, on your iOS device, open Safari or other browse.
  2. Navigate to your Arreya channel URL (https://*yourchannel*.arreya.com). You can also send your users a link sent via an email, social media, or other method instead of manual entry. Progressive Web App for Digital Signage
  3. Safari on iOS will not prompt you to install the application. Click the “Share” button on the bottom toolbar, then select the “Add to Home screen” option.
    pwa on an ios device
  4. After adding it to the Home screen, you will be able to open the application using the newly created shortcut.
    Digital Signage PWA

 

Web apps are partially supported in iOS starting with version 11.3. You may experience odd behavior in some versions. More about mobile browser support can be found at https://caniuse.com/#feat=web-app-manifest

How to edit PWA settings for your channel

How to edit Progressive Web App settings (PWA Settings) for your channel

 

Progressive Web Application Settings in Arreya Digital Signage

 

 

  1. Log into your Arreya Channel
  2. Click on your channel name in the upper right
  3. Click on Create & Manage Channels
  4. Click on Settings and go to the App Settings tab
  5. Here, you can adjust the following options to customize the PWA for your channel
    1. The Title field will change the title that displays with the PWA icon
    2. The Description field will populate the description for the PWA
    3. An icon file can be uploaded in the Icon file picker. If an icon file is not uploaded, the Arreya logo will be used by default
    4. The Brand Color field will specify the site wide theme color to be used on the PWA. This may change the address bar, and other UI elements depending on the platform the PWA is installed on.
  6. Click Ok to save your changes and update the PWA settings.