In my first blog post, I talked about how Progressive Web Apps are a perfect fit for Visual IVR. In my mind, any web application being built now must take full advantage of what Progressive Web Apps (PWA) offer:
There are already many PWAs out there and some of them can be viewed on the website pwa.rocks. Our PowerVille VIVR demo is powered with a PWA for the visual component and some tricks were required to make the app launch full screen in iOS.
Going Full Screen on iOS!
When building a PWA, one essential ingredient is the Web App Manifest. This is a JSON file that contains specific information about your app. A link in the head of your web application's start page (index.html) is required.
<link rel="manifest" href="/manifest.json">
The manifest file needs to have the display attribute set to "standalone".
"name": "Dialogic VIVR - Tourism",
"short_name": "VIVR - Tourism",
This is all that's required for your PWA to launch full screen on Android, but for iOS, we need to add an additional bit of code to the head section of the index.html to make it work:
<meta name="apple-mobile-web-app-capable" content="yes">
- 1. In Safari, adding PWA to home screen:
- 2. Icon now on a home screen:
- 3. Newly launched app is now full screen on iOS:
To see the Dialogic PowerVille Visual IVR capabilities in action, schedule a demo with one of our representatives.
Please leave me a comment or question below!