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

    • MOODLE_32_STABLE
    • MOODLE_33_STABLE
    • MDL-57162-master
    • 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.

      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"
      		 
      	}]
      		 
      }

        1. Screenshot_20170321-120031.png
          Screenshot_20170321-120031.png
          130 kB
        2. Screenshot_20170321-120201.png
          Screenshot_20170321-120201.png
          133 kB
        3. screenshot-1.png
          screenshot-1.png
          70 kB

            jleyva Juan Leyva
            jleyva Juan Leyva
            Pau Ferrer Pau Ferrer
            Dan Poltawski Dan Poltawski
            Dan Poltawski Dan Poltawski
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.