Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Save to home screen to create better mobile experience

This is also called "PWA mode" but from the PWA features OpenMeetings is simply using Icon, splash screen and some restrictions on the browser to hide the URL/navigation bar and fix to landscape mode (Android only). But it creates more of a Mobile native app look and feel. And improves the browser experience.

Info
Prerequisites: Application needs to be opened in HTTPS and with a valid certificate. And in iOS you require Safari v15.x or later in order to share your camera.

Jira tickets

Jira
serverASF JIRA
serverId5aa69414-a9e9-3523-82ec-879b028fb15b
keyOPENMEETINGS-2683

iOS Safari

Start OpenMeetings from Home Screen in iOS

Home Screen IconSplash screen when starting AppBrowser in stand alone mode - rotated to landscapeApp navigation shows icon and name

Image Modified

Icon similar to

OpenMeetings Icon is displayed same like other mobile apps

home screen

on one of the mobile device home screens

Image Modified

When starting it will display a splash screen

Image Modified

OpenMeetings will start the browser in a standalone mode:

  • Recommended to rotate landscape (user message in portrait mode TBD)
  • Not show the browser URL and navigation bar

iOS does not allow to restrict to landscape mode, but its the preferred mode for running OpenMeetings on a mobile device (a user friendly message in portrait mode might be beneficial)

Image Added

When navigating currently open apps it will display the OpenMeetings icon and App name. Same like other mobile native apps

Save to home screen in iOS

Select option in browserSelection "Add to home screen"Save to home screen

Image Added

Options icon Image Addedon the bottom to open the menu

Image Added

Select plus icon Image Addedto add to home screen

Image Added

Window will display icon and name and default URL to load OpenMeetings from

When pressed "Add" the icon will be shown as above on one of the free home screens of that mobile device.


Android Chrome

Screens are from Android tablet version

Start OpenMeetings from Home Screen in Android

Home screen iconSplash screen when starting appBrowser in stand alone mode - fixed to landscapeApp navigation shows icon and name

Image Added

Icon on Android uses the predefined icon (plus a small chrome sign to indicate it opens a browser)

Image Added

When selected Android will rotate to landscape and show splash screen while browser is starting

Image Added

Upon using app it:

  • Stays rotated to landscape, not matter how device is rotated
  • no browser url or navigation bars 

Image Added

When navigating app, it shows the icon for the app, like other native mobile apps

Save to home screen in Android

Select option in browserSelection "Add to home screen"Save to home screen

Image Added

Select the options icon Image Added in the browser to open the menu

Image Added

Select the home screen icon Image Added to add to home screen

Image Added

and

Image Added

Window will display icon and name and default URL to load OpenMeetings from

When pressed "Add" the icon will be shown as above on one of the free home screens of that mobile device.

Also in iOS when opening the Safari browser and navigating to the same URL that the Home Screen is