Building a Mobile App with AngularJS and Barcode Scanner

Posted: August 19th, 2015Author:

With Barcode Scanner plugin, you can quickly add the functionality to scan bar codes from your app.  This can be helpful in many cases. For example, when building a warehouse mobile app: simply scan a product bar code, search the database with that code and retrieve the product information.

You can see how to build such app for jQuery Mobile here.

Adding a Barcode Scanner plugin to your Appery.io Angular app is very simple:

  1. Go to Project > CREATE NEW > From Plug-in.
  2. Select Apperyio Barcode Service and click Import selected plugins.

Then, in the Project view, a related service (Barcode_scan) and a JavaScript (Barcode) file will appear. After a native service has been added to the app, it can be called like any other REST service.

The Barcode Scanner plugin uses Cordova API. As the plugin uses native APIs, you should test it on the device or using the Appery.io Tester app.

Read the step-by-step tutorial we’ve prepared on Using the Barcode scanner service. And of course, feel free to contact us if you have any issues.

 

New Milestone, New Release, New Features – Find Out More about Our July 2015 Release

Posted: August 17th, 2015Author:

250000+

We just announced some great news for Appery. We’ve passed the 250,000-user mark, we’ve updated our tester app so users don’t need to have an Appery.io account, and we’ve rolled out a new release of  the platform that includes these key features (among others):

  • Simplified implementation of social login and LDAP sign-on for apps
  • Extended offline capability in apps to use the internal database or an external one
  • New Bootstrap and Ionic components
  • Outline page component view for enhanced developer productivity

Read the rest of this entry »

How to Add Barcode Scanner with Database Search to Your App

Posted: June 29th, 2015Author:

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.

Screen Shot 2015-06-29 at 2.14.47 PM

Appery.io plugins

Read the rest of this entry »

Webinar Recording: Building a Barcode Scanner App Integrated with Backend Services

Posted: June 15th, 2015Author:

In case you missed our webinar, watch this recording to learn how to use Appery.io to build a barcode scanner mobile app. (At the end of this post is some of the coding used in the webinar.)

Check out many other videos on the Appery.io YouTube channel.

Read the rest of this entry »

Video: Using Native Device Features in Cross-Platform Apps

Posted: May 5th, 2015Author:

If you missed our webinar, watch this recording to learn how to use Cordova APIs in a mobile app. The webinar shows:

  • Building a hybrid app in Appery.io
  • Using Apache Cordova APIs:
    • Alert
    • Geolocation
    • Barcode scanner
    • Camera
    • FileTransfer –  use plugin for quick file upload to Appery.io database
  • Fast testing with Appery.io Tester app

Check out many other videos on the Appery.io YouTube channel.

Building Responsive Mobile Apps with PhoneGap, AngularJS and Bootstrap

Posted: March 26th, 2015Author:

Are you developing with responsive design in mind?

Responsive mobile apps are the new standard, but building them without understanding the proper tools can be daunting. To ensure you are up to the challenge, take a look at the following tools. Especially when used in conjunction with the new Appery.io Visual Builder, these tools can help you create some fantastically responsive mobile apps.

responsive_mobile_apps

Read the rest of this entry »

Top Mobile App Development Tools

Posted: March 11th, 2015Author:

mobiletools

 

 

There are a lot of tools out there for mobile app developers looking to maximize their time and skills while building an application, but the sheer number of them can be overwhelming. Our six favorite tools are PhoneGap, jQuery Mobile, AngularJS, Bootstrap, MongoDB, and V8 JavaScript Engine. Here’s how each tool can assist you in the development process.

Read the rest of this entry »

Building a GPS tracking app with Appery.io

Posted: February 20th, 2014Author:

Many mobile apps use GPS sensors to track a user’s current location. For example, it could be a ride sharing app, fitness app, or a delivery app. This post shows how to build such an app in Appery.io. The app tracks your current location via  the device’s GPS sensor and stores the location into a database.

This is the app UI:

gps_app_view

 

The GPS location is determined every 15 seconds (you can change the interval). The location is shown in the app and also saved into a cloud database. Because this is a native app (with PhoneGap), the app will continue tracking the location even if in the background or with the phone screen locked.

To try this app, download the app backup and create a new app from it. Keep in mind that you do need to build a binary file and install it on the device for testing.

Now you just need to configure the settings service with the correct database ID. This app uses a pretty simple database; it contains one collection with name Locations. This collection contains one column location with type of Geo point:

gps_app_collection_structure

Open the GPSLocationTracking_settings file and change the database_id to your own.

Once the database ID is changed in the settings file, the application is ready to go.

Let’s take a quick look how the app works:

1. The GPS service starts initially after the Device ready event and runs every 15 seconds.

Here is the JavaScript code:

gps_app_device_ready

2. You can also change how often the GPS will run. To apply a new interval, first stop tracking, and then start it again:

gps_app_new_interval

3. In the case that the GPS fails to determine the location, an error message will be shown:

gps_app_save_failed

4. Every time a new GPS location is retrieved, the location is saved into a cloud database:

gps_app_store_location

This is a starter app that uses the GPS sensor to track your current location. It’s very easy to add more features. For instance, you can add Google Reverse Geocoding service to get the address of a place. Or, you could also show all locations on a map.

If you want more practice, try the Building a mobile app with Google Maps and Geolocation tutorial.

New Appery.io and PhoneGap Video

Posted: March 4th, 2013Author:

The last piece is in for the Appery.io self-training course of videos. We’ve now added:

Lesson 5: Appery.io & PhoneGap Capabilities

In the video, we show how to take advantage of the PhoneGap API with ready-to-use “device services” and data mapping in the Appery.io app builder. For this lesson, we build a simple contacts app and go through the steps of testing it in an Android emulator.

Here is the complete set of lessons from the video page on our help site:

  • Lesson 1: The UI Builder
  • Lesson 2: Data Mapping to a Service
  • Lesson 3: Using the Appery.io Database Service
  • Lesson 4: Web Service Caching
  • Lesson 5: Appery.io & PhoneGap Capabilities
  • Lesson 6: A Windows 8 App with the Twitter API

Each lesson links to a YouTube video. For each lesson there is also a link to a Appery.io backup ZIP of the finished lesson app, which you can open as a new project within Appery.io.

We’ll be updating the series soon, so chime in with any suggestions

Appery.io Updates its New HTML5 App Builder with Windows 8 Support, plus jQuery Mobile 1.2, PhoneGap 2.2, and Push Notifications

Posted: December 19th, 2012Author:

Windows 8 Support

Windows 8

Appery.io new HTML5 app builder has been the default builder for the past couple of weeks and we continue to update it with new features. One such feature is new Windows 8 support. In addition to jQuery Mobile/PhoneGap apps, you can now build Windows 8 apps with native support such as Snap View, Search Charm, Share Charm, and Live Tile.

To create a new Windows 8 app, click the “More create options” link from the Apps page and then select Windows 8 App as the app type. Try our Windows 8 app tutorial.

jQuery Mobile 1.2

We also upgraded to a much better jQuery Mobile version 1.2.

Selection_773

PhoneGap 2.2

We also upgraded PhoneGap to version 2.2. This means Appery.io cloud build has also been upgraded to PhoneGap 1.2:

Selection_393

If you use Appery.io Mobile App Tester for Android – go and grab an update so it also uses the latest PhoneGap version.

Push Notifications

A long requested feature – Push Notifications feature has been added to Appery.io Backend Services.

Selection_772

Want to try it? Try our new Push tutorial.

New Tutorial: Building a ToDo App with Appery.io Backend Services

Build this app and learn how the app builder is fully integrated with backend services.