Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2995

QR code support in the app

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      This issue should be tested both in Android and iOS.

      Login

      1. Install the app and go to the screen to add a new site (if needed). Check that you see a "Scan QR" button.
      2. Start typing something in the "Your site" input so a site search is performed. Check that the Scan QR button disappears if any site is found.
      3. Delete what you wrote (so the button appears again). 
      4. Click the Scan QR button. Check that the app shows the camera.
      5. Using a web like this one, create a QR code with the URL of a site (e.g. https://school.moodledemo.net/).
      6. Scan the QR code with the app. Check that you're sent to the credentials page (where you enter username and password).
      7. Now modify the QR code to have an invalid URL (e.g. https://school.moodledemo.netabc).
      8. Scan the QR code with the app. Check that a cannot connect error is displayed, and the URL is placed in the "Your site" input field.

      More menu

      1. In the app, login in a site and go to the More Menu. Check you can see a "Scan QR" option.
      2. Click that option. Check that the app shows the camera.
      3. Using a web like this one, create a QR code with the URL of a course in the site you connected in step 1 (e.g. https://YOURSITE/course/view.php?id=2).
      4. In the app, scan that QR code. Check that the course is opened in the app.
      5. Now create a QR with a URL that isn't a Moodle or it hasn't been added in the app (e.g. https://moodle.com/). 
      6. Scan that QR code. Check that it's opened in browser.
      7. Now create a QR with a URL of a Moodle site that hasn't been added in the app, but using the app custom URL scheme (e.g. moodlemobile://https://school.moodledemo.net).
      8. Scan that QR code. Check that you see a confirmation modal.
      9. Click OK. Check that you're sent to the credentials screen to add that site.

      Rich Text Editor

      1. Using a web like this one, create a QR code with any text you want. It can be a URL or not, whatever you want.
      2. In the app, go to somewhere that displays a Rich Text Editor (e.g. an assignment with online text or a forum post). Check that you see a button to scan QR in the Rich Text Editor.
      3. Click that button. Check that the app shows the camera.
      4. Scan the QR code. Check that the app puts the content of the QR in the editor.
      Show
      This issue should be tested both in Android and iOS. Login Install the app and go to the screen to add a new site (if needed). Check that you see a "Scan QR" button. Start typing something in the "Your site" input so a site search is performed. Check that the Scan QR button disappears if any site is found. Delete what you wrote (so the button appears again).  Click the Scan QR button. Check that the app shows the camera. Using a web like this one , create a QR code with the URL of a site (e.g. https://school.moodledemo.net/). Scan the QR code with the app. Check that you're sent to the credentials page (where you enter username and password). Now modify the QR code to have an invalid URL (e.g. https://school.moodledemo.netabc). Scan the QR code with the app. Check that a cannot connect error is displayed, and the URL is placed in the "Your site" input field. More menu In the app, login in a site and go to the More Menu. Check you can see a "Scan QR" option. Click that option. Check that the app shows the camera. Using a web like this one , create a QR code with the URL of a course in the site you connected in step 1 (e.g. https://YOURSITE/course/view.php?id=2 ). In the app, scan that QR code. Check that the course is opened in the app. Now create a QR with a URL that isn't a Moodle or it hasn't been added in the app (e.g. https://moodle.com/).   Scan that QR code. Check that it's opened in browser. Now create a QR with a URL of a Moodle site that hasn't been added in the app, but using the app custom URL scheme (e.g. moodlemobile:// https://school.moodledemo.net). Scan that QR code. Check that you see a confirmation modal. Click OK. Check that you're sent to the credentials screen to add that site. Rich Text Editor Using a web like this one , create a QR code with any text you want. It can be a URL or not, whatever you want. In the app, go to somewhere that displays a Rich Text Editor (e.g. an assignment with online text or a forum post). Check that you see a button to scan QR in the Rich Text Editor. Click that button. Check that the app shows the camera. Scan the QR code. Check that the app puts the content of the QR in the editor.
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_39_STABLE
    • Sprint:
      Moodle App 3.9.0

      Description

      This has been requested by Moodle partners and some community members (forums, MoodleMoots, etc..)

      It would be good to add a QR code scanner and create QR code for any link via the app. Some initial ideas:

      • Add a QR Code scanner in the More option of the app: if the text scanned is an URL that can be opened by the app, the app will redirect the user to the indicated page. If is not an URL, it would display the text with some convenience tools (like copy, share?)
      • Add a QR Code scanner option in the RTE (rich text editor): So the scanned text can be inserted in the text
      • Add a QR code scanner in the contextual/kebap menu? so the scanned text can be inserted in the text element focused? Like an input field for a short-answer, cloze...
      • Add a QR code scanner option in the "Add site" page, so new sites can be added just scanning a code
      • Add an option for generating a QR code in pages with the contextual menu or display it in other pages, for example: user profile, course page, activity page
      • Export this functionality for plugins (so they can access to it)

      More ideas are welcome

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              dpalou Dani Palou
              Reporter:
              jleyva Juan Leyva
              Peer reviewer:
              Pau Ferrer
              Integrator:
              Juan Leyva
              Tester:
              Isabel Renedo Rouco
              Participants:
              Component watchers:
              Votes:
              61 Vote for this issue
              Watchers:
              11 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                26/Jun/20