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.
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.
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:
- Barcode scanner
- 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.
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.
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:
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.
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:
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.
2. You can also change how often the GPS will run. To apply a new interval, first stop tracking, and then start it again:
3. In the case that the GPS fails to determine the location, an error message will be shown:
4. Every time a new GPS location is retrieved, the location is saved into a cloud database:
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.
The last piece is in for the Appery.io self-training course of videos. We’ve now added:
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 NotificationsPosted: December 19th, 2012 | Author: Max Katz | Filed under: API, Database, jQuery Mobile, New release, PhoneGap, Tutorials, Windows Phone | Tags: Database, jQuery Mobile, PhoneGap, release, tutorials, Windows 8
Windows 8 Support
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.
We also upgraded PhoneGap to version 2.2. This means Appery.io cloud build has also been upgraded to PhoneGap 1.2:
If you use Appery.io Mobile App Tester for Android – go and grab an update so it also uses the latest PhoneGap version.
A long requested feature – Push Notifications feature has been added to Appery.io Backend Services.
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.
July Release: Better Way to Test Your App, jQuery Mobile Multi-page Template, Queries In Database Console, PhoneGap UpgradePosted: July 24th, 2012 | Author: Max Katz | Filed under: Database, Features, jQuery Mobile, New release, PhoneGap | Tags: Database, features, jQuery Mobile, PhoneGap, release
We got some really cool stuff out this week. Check it out.
Better way to test your app
When you open the app builder you should see a new and very nice phone frame:
The old one was more Android-like. The new one is neither Android, iPhone or Windows Phone. Just a nice phone frame.
There is an upgraded test page:
You can use the new tool bar at the top to change the phone orientation as well as change the size:
That’s not all. We also now have an option to test the app without the mobile frame. In the Test pop-up, uncheck Show in mobile frame:
When you open the app, it won’t use the frame:
The frame looks nice in the browser, but technically speaking testing without the frame is better — as you are testing the actual app (just the app code, no frame). Of course when you run the app on your device, the frame is not there as well.
jQuery Mobile Multi-page Template
jQuery Mobile supports multi-page templates where two or more pages are placed inside the same file. You can now turn on this features in Appery.io app builder (it’s turn off by default). Go to Project > Project Profile:
Queries In Database Console
Appery.io Database comes with Queries support (docs) and now you can try the queries right from the collection console:
Showing products that cost more than $30 (or any other currency):
We upgraded to PhoneGap version 1.8.1. Every new and existing app will now use this new version of PhoneGap.
We also added build support for Android 4.0.x