AppMachine Help Center

How can we help you?

Follow

QR Scanner

This block can be used to let users scan QR Codes from within your app. Based on the information stored in the QR Code the appropriate action will be taken. E.g. When a phone number is present in the QR Code the user will be asked if they want to call the specified phone number.

The QR Scanner will keep track of scanned QR Codes so users can review their scanning history.

Content

  1. Setting up the QR Scanner
  2. Linking the QR Scanner to an Excel or Web Service block

Setting up the QR Scanner

  1. Go to https://design.appmachine.com and log in;
  2. Open an existing app or create a new app to get started;
  3. Click the "Add block" button;
    Schermafbeelding 2014-05-13 om 12.54.46.png
  4. Select the "Plus" tab;
    Schermafbeelding_2014-05-19_om_09.39.22.png
  5. Select the "QR Scanner" block and click "Add block";
    Schermafbeelding_2014-05-19_om_09.39.27.png
  6. Click "Next" and give your block a name. Click "Finish" to add the block to your app;

Now your QR Scanner is ready and can be used to scan QR Codes. You can configure the look and feel of the scanner by customizing the scanner image, adding a header image or placing some additional text onto the screen.

Linking the QR Scanner to an Excel or Web Service block

We've integrated the possibility to link the QR Scanner to an Excel or Web Service block. Doing so will use the information inside the QR Code to apply a filter on the data in your Excel or Web Service block.

Prerequisites 

  • An app with a QR Scanner block;
  • An app with an Excel or Web Service block;

To link the QR Scanner to an Excel or Web Service block follow the steps below:

  1. Make sure you've performed the steps liste above to add the QR Scanner to your app;
  2. Select the QR Scanner block;
  3. In the Settings group please select the Excel or Web Service block you want to use as the source. To do so, click on the expand button next to the List field:
    Schermafbeelding_2014-05-19_om_10.14.38.png
  4. Select the Excel or Web Service block;
  5. Next select the field that should be used to filter the data in your Excel or Web Service block with the content of the QR Code;
    Schermafbeelding_2014-05-19_om_10.15.34.png
  6. Save your changes and now the content from every QR Code that will be scanned using this block will be used as a filter on the specified Excel or Web Service block;

Tip: If you want to try out this functionality you can use our Excel Flower Shop Demo file and specify the Category field as the filter field. With the attached QR Code you will see just the flowers matching the Birthday category.

Sample_QR.png

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments

  • Avatar
    Maria papa

    i want when i scan a qr barcode, to open a certain page of my app. How can i do that ?

  • Avatar
    Matthijs Koopman

    Hi Maria,

    It's really easy. Just add a QR Scanner block to your app. Then generate a QR Code that contains the following JSON:

    {
    "block":"Name of your block"
    }

    Where you should replace "Name of your block" with the actual name of your block.

  • Avatar
    Roy

    Can I scan a url qr-code, and instead of opening a page, submit that url to an api, to collect data?

  • Avatar
    Luca Scrigna

    why not to add also a "normal" ean barcode scanner?

  • Avatar
    hussam jblawi

    hi
    i want when i scan a qr barcode, to save it a certain database of my app. How can i do that ?
    like Imagepicker, do we have QR picker??

  • Avatar
    Thomas Wielemaker

    @Roy: This is not possible with the QR Scanner feature.
    @Luca: This is already on our feature request list. I currently do not have any information about when or if this feature will be released.
    @Hussam: This is not possible with the QR Scanner feature.

  • Avatar
    Sebastian Forsman

    Greetings,

    Would it be possible to include two or more filters in the QR code? For an example by using the AppMachine filter expressions and JSON:

    {
      "list": "Flowers",
      "filter": "Category='Large' AND Shop='New York'"
    }

    This could be stored in the QR code and would provide a lot more flexibility compared to the current way of storing hard coded list and filter field relations inside the block and then storing only the keyword in the QR code.

    -Sebastian

    Edited by Sebastian Forsman
  • Avatar
    tito santanna

    I have a webservice that takes an 8 digit integer (item code) and returns a specific item. Can I use the QR Scanner to scan a QR block containing the 8 digit integer, and get back a details page for that item? I know how to filter it if the webservice returns an entire list, but how do I pass a single value to a webservice using the QR scanner block?

  • Avatar
    Matthijs Koopman

    Hi Tito,
    That's a good question. However at this moment we do not support this feature. If you would like we can put it on the list of feature requests?

  • Avatar
    tito santanna

    How can I use a scan block to scan a qr code, and then send the scanned value as the input parameter for a Web Service block.