Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-57162

Support Native App install banners for Android as well as iOS for the mobile app

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. In order to test this issue you will need: a test site running https, an Android device with Android 5 onwards with the latest Chrome browser installed. (you might find ngrok helpful)
      2. As admin, enable "Mobile services": Site administration ► Mobile app ► Mobile settings
      3. Enable App Banners in Site administration ► Mobile app ► Mobile appearance
      4. In your Mobile device uninstall the Moodle Mobile app (if it was installed)
      5. Then, open your Chrome browser and visit this url: chrome://flags/
      6. Look for this setting: bypass-app-banner-engagement-checks and enable it
      7. Then, visit your https testing site and check that you see the Moodle Mobile app install banner at the bottom of the page, check that you can install the app from there (you need to check that the installer launches, no need to install the app)
      8. Now go back to Moodle settings, and change your Android app id from com.moodle.moodlemobile to com.moodle.dculoop
      9. In your mobile device close the Chrome browser, open it again, clean the cache, point to your site again and check that this time you see the DCU Loop app banner instead the Moodle Mobile app.
      Show
      In order to test this issue you will need: a test site running https, an Android device with Android 5 onwards with the latest Chrome browser installed. (you might find ngrok helpful) As admin, enable "Mobile services": Site administration ► Mobile app ► Mobile settings Enable App Banners in Site administration ► Mobile app ► Mobile appearance In your Mobile device uninstall the Moodle Mobile app (if it was installed) Then, open your Chrome browser and visit this url: chrome://flags/ Look for this setting: bypass-app-banner-engagement-checks and enable it Then, visit your https testing site and check that you see the Moodle Mobile app install banner at the bottom of the page, check that you can install the app from there (you need to check that the installer launches, no need to install the app) Now go back to Moodle settings, and change your Android app id from com.moodle.moodlemobile to com.moodle.dculoop In your mobile device close the Chrome browser, open it again, clean the cache, point to your site again and check that this time you see the DCU Loop app banner instead the Moodle Mobile app.
    • Affected Branches:
      MOODLE_32_STABLE
    • Fixed Branches:
      MOODLE_33_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-57162-master

      Description

      From: https://developer.android.com/distribute/users/banners.html

      Add a native app install banner to your mobile website and offer visitors the added convenience of installing your app or game straight from your site.

      We already did it for Safari (via Smart app banners) in Moodle 3.2, this can wait to 3.3 since is a still beta feature in Chrome (better to test in Chrome Beta available in play store).

      How it will look overall explained here:
      https://pracucci.com/chrome-related-applications.html

      {
      	"display": "browser",
      	"name": "Spreaker",
      	"short_name": "Spreaker",
      	"icons": [{
      		"sizes": "48x48",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_48.png"
      	}, {
      		"sizes": "72x72",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_72.png"
      	}, {
      		"sizes": "96x96",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_96.png"
      	}, {
      		"sizes": "144x144",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_144.png"
      	}, {
      		"sizes": "192x192",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_192.png"
      	}, {
      		"sizes": "512x512",
      		"type": "image\/png",
      		"src": "https:\/\/d1sojsgu0jwtb7.cloudfront.net\/images\/favicons\/favicon_512.png"
      	}],
      	"prefer_related_applications": true,
      	"related_applications": [{
      		"platform": "play",
      		"url": "https:\/\/play.google.com\/store\/apps\/details?id=com.spreaker.android",
      		"id": "com.spreaker.android"
      	}, {
      		"platform": "itunes",
      		"url": "https:\/\/itunes.apple.com\/app\/id388449677"
      	}]
      }
      

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  15/May/17