Barcode & QR Code Scan Using SAP Fiori & UI5

What is Barcode?

  • A barcode is a square or rectangular image consisting of a series of parallel black lines and white spaces of varying widths that can be read by a scanner.
  • Barcodes are applied to products as a means of quick identification.
  • They are used in retail stores as part of the purchase process, in warehouses to track inventory, and on invoices to assist in accounting, among many other uses

What is QR Code?

  • A QR Code is a two-dimensional barcode that is readable by smartphones.
  • It allows to encode over 4000 characters in a two dimensional barcode.QR Codes may be used to display text to the user, to open a URL, save a contact to the address book or to compose text messages.
  • QR Code" is a registered trademark of DENSO WAVE INCORPORATED.

How Barcode Works?

  • As we know that a barcode is a square or rectangular image consisting of a series of parallel black lines and white spaces. The information is encoded between the length of each shaded line and the space between them.
  • A scanning device uses a laser to "read" the bar code by scanning in the unique bar of shaded lines. A barcode scanner reads the lines from left to right.
  • A barcode scanner reads pattern of black and white bars which turns the information in the binary code (0 or 1). Computer reads the information in the binary forms only and same is displayed on the screen of the monitor.

What are the benefits of Barcode?

  • Better accuracy
  • Data is immediately available
  • Reduced training requirements
  • Improved inventory control
  • Low cost implementation

Now we can start to overview of the Barcode scanner application. Actually we have developed it by our own, we use SAP NDC barcode scanner plugin. First of all you have to add the APIs references into your SAP UI5 project


  • SAPUI5 toolkit knowledge
  • SAP Backend & Frontend System
  • SAP Fiori Launchpad
  • Mobile Device With Camera
  • SAP WebIDE for develop SAP UI5 Application
  • SAP Fiori Client Android or iOS Application Installed on device

Application Features:

  • Scan barcode or QR Code using Fiori Application
  • Simple Integration of barcode scanner using SAP UI5 toolkit APIs
  • Scan barcode using any device
  • Scan list of barcodes or QR codes and store into SAP system
  • Verify backend data with current data scanning from barcode

Application Screens:

sap abap for hana development guide