---
title: "Scan nu: Barcodes in mobiele apps"
date: "2016-11-17"
categories: 
  - "applications"
  - "mobile"
tags: 
  - "android"
  - "app-development"
  - "cross-platform-mobile-development"
  - "ios"
  - "mobile-development"
  - "mobiletogether"
  - "windows"
description: Ontdek hoe u barcode-scanfunctionaliteit kunt integreren in mobiele apps met behulp van MobileTogether. Leer meer over de ondersteunde barcode-typen en de stappen voor de applicatieontwikkeling.
---
Status: #blog

Tags:  #android #app-development #cross-platform-mobile-development #ios #mobile-development #mobiletogether #windows

Categories: [low-code+no-code](/blog/nl/category/low-codeno-code.md) | [mobile-development](/blog/nl/category/mobile-development.md)
# Scan nu: Barcodes in mobiele apps

Barcode's worden in verschillende industrieën gebruikt om een optische, door machines leesbare representatie van data te bieden, die meestal betrekking heeft op een object waarop ze zijn aangebracht, zoals een boek, een product in een winkel, een verzendpakket, of zelfs de pols van een patiënt in een ziekenhuis.

Recente ontwikkelingen in [barcode-technologie](https://en.wikipedia.org/wiki/Barcode) omvatten 2D-codes die vormen gebruiken die verder gaan dan de oorspronkelijke streepjes (denk aan die QR-codes die u overal ziet, van advertenties in tijdschriften tot verpakkingen van ontbijtgranen). Belangrijker nog is echter de mogelijkheid van smartphones en andere mobiele apparaten om barcodes te scannen met hun ingebouwde camera. Waar in het verleden een speciale barcodescanner nodig was om de gecodeerde informatie te lezen, kan nu iedereen een code scannen, waardoor de bruikbaarheid van barcodes aanzienlijk toeneemt voor het overbrengen van data die op verschillende manieren kan worden gebruikt.

Apps die barcode-informatie kunnen verwerken, zijn nuttig in verschillende branches, en ze kunnen worden gebruikt in apps die gericht zijn op zowel werknemers als consumenten. Laten we eens kijken hoe eenvoudig het is om een app te maken die barcodes scant en verwerkt in MobileTogether.

![Barcodefuncties in mobiele apps](/blog/images/app-scanning-barcode.jpg)

<!--more-->

## Barcodelezen voor mobiele apps

De voorbeeld-app voor pakketbezorging die wordt meegeleverd met MobileTogether Designer is een ideale testomgeving voor het toevoegen van functionaliteit voor het scannen van barcodes.

 

![App voor pakketbezorging](/blog/images/package-delivery-app.png)

 

[MobileTogether](https://www.altova.com/nl/mobiletogether.html) biedt een breed scala aan componenten waarmee ontwikkelaars functionaliteit kunnen toevoegen aan de [applicaties die ze ontwikkelen](https://www.altova.com/nl/mobiletogether/technical-overview.html) voor iOS, Android, Windows en andere platforms. Zodra u een component naar het ontwerp van uw app-interface hebt gesleept, is het eenvoudig om de gewenste actie aan dat element toe te wijzen.

Op de pagina "Pakketten" van de app, laten we een knop toevoegen door een "Knop"-element naar de gebruikersinterface te slepen. Ik heb de tekst van de knop ingesteld op "Barcode scannen."

 

![Een knop toevoegen aan de gebruikersinterface](/blog/images/add-button.png)

 

Om de functionaliteit voor het scannen van barcodes in te schakelen, klik ik met de rechtermuisknop op de nieuwe knop en selecteer ik "Control Actions voor OnButtonClicked..." Vervolgens sleep ik de optie "Laat de gebruiker een barcode scannen" naar de actiegroep "OnButtonClicked".

 

![Dialoogvenster voor acties bij app-ontwikkeling](/blog/images/scan-barcode-actions.png)

 

We kunnen gebruikers in staat stellen om elk type ondersteunde barcode te scannen. Dit is de optie die ik hierboven heb geselecteerd met de optie "Alle barcodes", of we kunnen een selectielijst specificeren. MobileTogether ondersteunt:

- Azteken
- Codabar
- Code 39
- Code 93
- Code 128
- Datamatrix
- EAN-8
- EAN-13
- EAN-128
- ITF (Internationale Tennisfederatie)
- PDF 417
- QR-code
- RSS-14
- RSS-uitgebreid
- UPC-A
- UPC-B

 

Wanneer een gebruiker een barcode scant, voegt de app automatisch de barcode en het bijbehorende barcodeformaat toe aan twee afzonderlijke XML-elementen, die ik heb gespecificeerd in het dialoogvenster "Acties". Deze barcode-informatie is vervolgens beschikbaar voor de app om verder te verwerken, zoals het weergeven van de gegevens aan de gebruiker, het opslaan in een database, enzovoort.

Ik kan de functionaliteit van de barcode snel testen op verschillende iOS-, Android- en Windows-apparaten met behulp van de ingebouwde simulator in MobileTogether. Zodra ik de app naar mijn MobileTogether-server heb geüpload, kan ik deze op mijn telefoon testen.

 

![De app ondersteunt barcodes](/blog/images/app-supports-barcode-scanning.png)

 

Door op de knop "Barcode scannen" te klikken, wordt mijn camera geactiveerd om snel een barcode te scannen.

 

![Een barcode scannen met een Android-app](/blog/images/scan-barcode-android.png)

Dit eenvoudige voorbeeld laat zien hoe gemakkelijk het is om barcodescanning toe te voegen aan uw volgende app in MobileTogether. Wat u vervolgens doet, is aan u – MobileTogether maakt het echt eenvoudig om geavanceerde apps voor elk doel te ontwikkelen.

Omdat de [MobileTogether Designer gratis is](https://www.altova.com/nl/download/mobiletogether.html), kunt u direct beginnen met het ontwikkelen van uw app met ondersteuning voor barcodes.