Skip to content

Progressive Web Application (PWA)

Mythradon PWA Logo

Mythradon can be installed on your device as a Progressive Web Application (PWA). This will work on either your desktop or on your mobile device.

Installing Mythradon as a PWA will automatically create an icon on your desktop or home screen that provides a quick way of accessing Mythradon without having to open a browser and navigating to your Mythradon URL.

The PWA version of Mythradon is exactly the same application that you would access via your browser. It is just installed directly on your device, whether that be your desktop, laptop, tablet or mobile phone. Mythradon will dynamically adjust the screen layout depending on the size of the screen you are using. This is called a Responsive user interface.

What is a PWA?

A PWA is an installable web site. In the case of Mythradon, this will install an icon on your desktop or home screen. PWAs are built to take advantage of native mobile device features, without requiring the end user to visit an app store.

A PWA application is still a web application. It will still require access to the internet to operate. It uses the same code base as running the application through a standard browser.

Top


PWA Setup

Mythradon allows your System Administrator to set the Icon to use for your PWA.

  • Select Administration | PWA & Push Notifications from the Menu Button
  • Edit the icons as necessary
  • Click the Save button

Fields

Field Description
SETTINGS
Application Name Is a human-readable string that represents the name of the application as it is usually displayed to the user. i.e., amongst a list of other applications, or as a label for an icon.
Application Short Name Provides a short human-readable name for the application. This is intended for when there is insufficient space to display the full name of the application such as on device home screens.
Allow SMS fall back Flag used to control if SMSes are enabled as the fall back notification method when Push Notifications are not available. This needs to have the SMS Gateway enabled and a Twilio SMS Account.
Application Description Provides a general description of what the application does. Some platforms will display the description in hint text that may popup when hovering on an application icon.
Image 180px X 180px png The following three icon sizes allow you to define icons of various sizes that will be displayed automatically depending on the device you are using. This is a 180px X 180px version of you application icon.
Image 192px X 192px png 192px X 192px version of your application icon.
Image 512px X 512px png 512px X 512px version of your application icon.

Top


Installing PWA

Installing Mythradon as a PWA is performed by your web browser. The instructions will vary depending on your operating system, browser version and type of device you are using.

Windows 10 - Google Chrome

These instructions were creating using Google Chrome Version 98.0.4758.102 (Official Build) (64-bit) - 2022-02-20. Note that Google may change this functionality.

  • Navigate to your Mythradon URL and click the Install button in the Google Chrome address bar.

PWA Installation Button

  • Confirm the installation of the PWA application

PWA Installation Confirmation

  • On your desktop you will now find an icon to launch Mythradon

PWA Installation Running


Note: When running Mythradon as a PWA you do not see the browsers URL address bar.


Top


Apple Mac - Google Chrome

You can install PWA application on a MacBook using Google Chrome browser.

  • Navigate to your Mythradon URL and click the Install button in the Google Chrome address bar.

PWA Installation Button

  • Confirm the installation of the PWA application

PWA Installation Confirmation

  • On your desktop you will now find an icon to launch Mythradon

PWA Installation Running


Note: When running Mythradon as a PWA you do not see the browsers URL address bar.


Top


Apple iPhone

Apple have restricted PWA functionality to use the Safari browser.

  • Open Safari browser application and navigate to your Mythradon URL
  • Click on the Share button at the bottom of the Safari page and Select the Add to Home Screen button

PWA iPhone Installation Button

  • Confirm the installation of the PWA application

PWA iPhone Confirmation Button

  • On your home screen you will now find an icon to launch Mythradon

PWA iPhone Running


Note: When running Mythradon as a PWA you do not see the browsers URL address bar.


Top


Apple iPad

Apple iPad PWA Example

Click the following link for instructions on how to install the Mythradon PWA Application on an iPad

Top


Samsung Galaxy

Samsung Galaxy or Android devices use the Google Chrome browser as the default browser.

  • Open Google Chrome browser application and navigate to your Mythradon URL
  • Click on the 3-Dot button at the top right of the Google Chrome page and Select the Install app button

PWA Android Installation Button

  • Confirm the installation of the PWA application

PWA Android Confirmation Button

  • On your home screen you will now find an icon to launch Mythradon

PWA Android Running

Top


See also


Top