Welcome!

APIs for the Internet of Things

Max Katz

Subscribe to Max Katz: eMailAlertsEmail Alerts
Get Max Katz via: homepageHomepage mobileMobile rssRSS facebookFacebook twitterTwitter linkedinLinkedIn


Blog Feed Post

Learn How to Add Barcode Scanner with Database Search to Your App

We know that developers love examples. One of the most requested example is how to build an app with barcode scanner and search the database. We created an app example that does exactly that.

This example shows how to use the barcode scanner to scan a product then search the database for that code. If a product is found, then you can edit the product (name, quantity). If the product is not found in the database, you can add the product to the database.

Appery.io plugins

Appery.io plugins

Setting it up is super simple.

  1. Create a new app (using  jQuery Mobile template)
  2. Click Create new > From Plug-in, select Barcode Scanner with Database Example under Appery.io Examples category
    • Click Import selected plugins
    • For start page select Scan and click Apply settings
  3. Open the Database page and create new database called: ProductsDB
  4. Inside the database, create a collection called: Products
  5. Inside the Products collection define three columns:
    • code:string
    • name:string
    • quantity:number
  6. Copy the database key from Settings tab and set it Services > Database_settings
  7. Set the start page to Scan

You are ready to run the app.

As this app uses the barcode scanner Cordova plugin, the app has to be tested on the device. Use the Appery.io Tester app to test this app.

The app has two pages shown below. First page to scan a code; and second page to view the products in the database.

Scan page Inventory page

You can scan any product that has a barcode or you can use http://www.barcode-generator.org/ to generate bar codes to help you with testing.

Originally posted on Appery.io blog.


Read the original blog entry...

More Stories By Max Katz

Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), DZone MVB (Most Valuable Blogger), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: http://maxkatz.org and Twitter: @maxkatz.