Using Google Maps API in Appery.io App

Posted: April 14th, 2014 | Author: | Filed under: Features, General | Tags: , | Comments Off

Google Maps is probably the most popular map widget used in the mobile apps today. Working with Google Maps in Appery.io app builder is very easy but as the same time is not very different than using other dev. tools. To add a Map component, simply drag and drop it from the palette onto the page:

google_maps_api

Rename the Map component to google_map. This is done so it’s simpler to reference the component from code.

Next you can create your own JavaScript class and define map variable as following:

Google Maps is usually loaded asynchronously, so the approach with delay (as mentioned in code above) can be handy. This will ensure the map is completely loaded before you try to use it.

Generally that’s all you need to use Google Maps JavaScript API. All the actions you want to do next you can make based on Google Maps JavaScript API. Lets say you want to show direction from point A to point B. Place the button on the page and run following JavaScript by clicking on it:

The directions will be shown on the map:

google_map_directions

To place the marker on the map you should provide latitude and longitude values of a certain point. Try to run following JavaScript code and you’ll see how the marker drop on the map:

added_marker

You can also place markers based on geographical names, not latitude and longitude. In this case you should use Google Geocoding services, to convert user-friendly names to latitude and longitude values. Create a REST service in the app builder with the following URL:

You’ll get a coordinates (latitude/longitude) as a response of this service, and you of course can use them to add markers.

Any layers provided by Google Maps can be added too. Here is an example for Traffic layer, just run this code by clicking on the button:

Traffic layer in action:
traffic_layer

As you can see using Google Maps and its API is very straightforward in Appery.io app builder. Check out our Google Maps section for more detailed tutorials.


Building a GPS tracking app with Appery.io

Posted: February 20th, 2014 | Author: | Filed under: Features, PhoneGap | Tags: , | Comments Off

Many mobile apps use GPS sensor to track current location. For example, it could be a ride sharing app, fitness app, or a delivery app. This post shows how to build such app in Appery.io. The app tracks current location via 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.

Just one more thing to do is to configure the settings service with 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 database_id on your own.

Once the database id is changed in the settings file, application is ready to go. See how easy it is.

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

  1. GPS service starts initially after the Device ready event and runs every 15-seconds. Here is JavaScript code:
    gps_app_device_ready
  2. You can also change how often the GPS will run. To apply new interval, first stop tracking and then start it again:
    gps_app_new_interval
  3. In case 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 GPS sensor to track current location. It’s very simple to add more features. For instance, you can add Google Reverse Geocoding service to get the address of the place. Or, you could also show all locations on a map.

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


Appery.io Hits 100,000 Developers; Launches Security, UI & Key Team Productivity Enhancements

Posted: February 11th, 2014 | Author: | Filed under: Features, General | Comments Off

Earlier in our blog we hinted at some exciting enhancements coming for our developers. Well, that day is here, and today we are pleased to announce a new set of offerings including key team productivity features, security advances and sleek new UI components, specifically, Panel, YouTube and Vimeo widgets designed to improve the user experience.

“We’re off to a great start thus far in 2014 – in fact, our growth has accelerated and recently surpassed 100,000 registered developers, representing a significant milestone for Appery.io and also for the development community,” stated Fima Katz, CEO of Exadel, the company behind Appery.io. “The number of developers that are using our unique integrated approach of UI development tools with integrated backend services has surpassed even our own expectations” continued Katz.  “This accomplishment would not have been possible without the support of our users, and it’s because of their support that Appery.io is fast becoming the industry’s preferred platform for developing enterprise mobile applications for coders as well as business users. We can’t thank them enough!”

Keep reading for more on today’s news!

Dynamic Teams.  Team leaders can easily add and/or remove team members by sharing user seats. All users need to do is subscribe to additional user seats and share them with temporary or permanent team members. Users can share their total allocation of projects (depending on their plan) across their team; and because the projects are cloud based, also easily collaborate in real time with other team members.

Team Level Administration.  Team leaders now have administration level control over all the projects across their team. For example, they can now easily backup, modify or delete projects.

Secure REST.  With Secure REST, we added an extra level of security to applications that call REST APIs. Secure REST enables users to store the API keys and other secrets in Appery.io’s Cloud Database so they are not exposed to the client. API calls from user apps will flow through our server which acts as a proxy. This capability also enables developers to change API keys without having to redistribute their applications.

YouTube and Vimeo Widgets.  We have simplified the way for developers to embed videos in their mobile apps.  With our update developers simply drag and drop a YouTube or Vimeo widget onto their project page using the App Builder.

jQuery Mobile Panel Widget.  We’re excited to share that users can now add sliding panels that animate on the screen from the left or the right, giving applications additional screen space for engaging users.  Panels are ideal for menus, collapsible columns, inspector panes, and other important content.  Users simply touch the panel icon to cause the content to slide onto the screen.

In addition to these enhancements, Appery.io has added support for jQuery Mobile 1.4 which further improves app performance and Xcode 5 for iOS7 optimization.

Want to learn more about how these updates can improve mobile enterprise applications? For a demo of our new features, we invite you to check out our video webinar – or feel free to reach out to us at support@appery.io.


Quickly send push notifications with Appery.io backend services

Posted: January 30th, 2014 | Author: | Filed under: Features, Push | Tags: , | Comments Off

Push notifications. It is a great way to inform app users about cool offers, important events or any updates. It’s an important feature for enterprise mobile apps. For instance, a sales manager can be instantly notified when an existing customer upgrades his/her plan.  Push notifications are a powerful tool to ensure your message is received and read by the user, even when they are not using your app.

push_notification

Appery.io provides fast and easy way to send the push notifications for both platforms – iOS and Android. Sending can be done in just a few steps:

  1. Enable push notifications in the application settings.
  2. Register the application with Apple or Google services.
  3. Install the app on the device. When it’s done, device information will be automatically added to your predefined devices collection.
  4. Send notifications from the console. That it!

You can send these alerts:

  1. Instantly
  2. Schedule
  3. Deliver in device’s time zone

The first two options, all the users will receive the message simultaneously. For instance, for some users it could be 8 AM, and for other users it could be 1 PM.

In the third case of the device time zone sending, users will receive the notifications in a different time – someone later and someone sooner.

Having all three options — is what makes Appery.io push easy to use, yet very powerful, and customizable.

You are not limited to sending push notifications from the push console. With push REST API, you can enable sending messages from any app.

Want to learn more? Head to our push docs or try the quick start push tutorial.


Test Your Mobile Apps Faster With Appery.io Tester for iOS (and Android)

Posted: December 20th, 2013 | Author: | Filed under: Android, Features, iOS, Testing | Tags: , , | Comments Off

One of the best ways to test your mobile app is on the device. This is a must if your app uses native (PhoneGap) API such as the Camera or the Barcode scanner. Installing the app on the device after every small update is very time consuming. That’s exactly why we built the Appery.io Tester app. It’s a very simple app that allows you to launch your native app and test any native APIs without needing to install it each time. We had the Android version for some time now and now we have also launched the iOS version.

Install the app on your device:

Install the iOS version.
Install the Android version

Once the app is installed, sign in with the same credentials as you use for http://appery.io and you will see a list of all your apps. Simply select the app you want to launch and start testing! This allows you quicly to test any native APIs used in the app. If you make any changes to the app (in Appery.io builder), simply relaunch the app to get the latest version. It’s that simple.

Appery_io_tester_ios

 

For more information about testing your app, please visit Testing your app in documentation.


Appery.io Adds Salesforce Integration and Much More – Check Out the Details

Posted: November 13th, 2013 | Author: | Filed under: Features, New release | Tags: , | Comments Off

The latest Appery.io update packs some really awesome updates and features. Check them out here.

Fast

Everything now runs much faster. You will see major speed improvements when you open pages, services or any other editors in the app builder. It’s simply much faster. And, we are not done. We have plans to make the platform a lot more faster. Read the rest of this entry »


Appery.io Upgrades with Custom Server Code, Source Editing in the Cloud, App Versiong and New Salesforce API Plug-ins

Posted: June 26th, 2013 | Author: | Filed under: Features, New release | Tags: , | Comments Off

We just released a number of really awesome features. Check them out!

Server Code

The new Server Code is being added to Appery.io integrated backend services that already includes a cloud Database and Push Notifications. The Server Code allows to write any custom app business logic using JavaScript without the need to build and maintain server infrastructure. The custom code is instantly exposed via REST API and can be quickly invoked from the app.

Selection_015

Source Code Editing

Ever since we launched Appery.io our users have been asking if the generated app source can be edited without leaving the platform. Now the answer is yes. Any app files can be edited in the cloud without leaving the platform. Simple switch to the Source tab to start using this new features. We are planning to add more features to source editing. For now, once you start editing the source files, the changes will not be reflected in the visual view yet.

Visual editor:

Selection_012

Source code editor for the same page:

Selection_013

App Versioning

Selection_011

Did you ever want to save a particular app version or roll back to a previous working version?? Now you can. We have introduced a new version feature. At any point you can quickly create an app version and continue development. At any point you can quickly roll back to any previous version of your app.

Salesforce API Plug-ins

Selection_016

We made it very simple to build mobile apps with Salesforce API with two new plug-ins:

  • Salesforce Contacts API Sample App
  • Salesforce oAuth API

Both plug-ins take care of connecting to Salesforce via oAuth2 so you can start using the API immediately. . The Contacts API Sample plug-in includes a ready-to-run app that allows viewing, and editing Salesforce contacts. Use the plug-ins to learn how to use Salesforce API or a starting point for your mobile app. View detailed documentation on how to import  and use the plug-ins.


Instant HTML5 Mobile App Hosting with Appery.io

Posted: June 17th, 2013 | Author: | Filed under: Features | Tags: | Comments Off

If you are building a mobile web app in Appery.io, you can instantly host the app (give it a URL). Here is how. When you create an app, the default type is Mobile App (hybrid app with Apache Cordova). To host the app, first switch its type to Mobile Web by clicking on Hosting tab:

Selection_212

Click Change project type to mobile web button. You will now be able to use an Appery.io domain (app_name.app.appery.io) or a custom domain that you already registered.

Selection_213

Click Publish and your app will be published on the URL specified in 2-4 minutes. It’s that simple.


New Features: Source View, jQuery Mobile Themes with ThemeRoller, Android Permissions, New Components, and Pointer/Array Data Types in Database

Posted: January 24th, 2013 | Author: | Filed under: Features, New release | Tags: , | 1 Comment »

We just added some really cool features to Appery.io Platform. Check them out!

New Source view

As we continue to make Appery.io Platform enterprise-level, just just added a Source view where you can see and open the actual files behind your app. Right now the files are opened as read-only but we are working on allowing you to modify them as well.

source

jQuery Mobile themes

We got all our custom themes back and you can also create new themes using the jQuery Mobile ThemeRoller tool. Simply create your theme in the tool, download and then upload to Appery.io. It’s that simple.

themes

jQuery Mobile ThemeRoller site:

themeroller

Once you create a new theme, select Create New > Theme and upload the theme you created.

Android permissions

You have been asking for this feature and now it’s here. Customize the permissions for your app before building a binary.

permissions

Binary build errors log

You no longer need to email support to find out why the binary build failed. You can now view the error and try to fix it:

buildfailed

New UI components

We added two new jQuery Mobile components, Grouped Buttons and Collapsible Set:

newcomponents

Pointer and Array types in database

On the Backend Services side, we added two new data types to the database: Array and Pointer:

newdatatype

New tutorials and getting help

Don’t forget to check our new tutorials and as always, if you have any questions let us know via email, forum or @apperyio.

 


Exporting App Source and Building for iPhone 5/iOS 6

Posted: October 5th, 2012 | Author: | Filed under: Features, iOS | Tags: , | Comments Off

A very nice feature in Appery.io app builder is the ability to quickly build (package) your app for Android or iOS:

Selection_237

You can also easily export the app source for Android, iOS, and Windows Phone 7.

When you a get a binary (.ipa) file form Appery.io build service, it’s targeting iPhone 4 (we are working on complete iPhone 5/iOS 6 support). However, you can still build for iPhone 5/iOS 6 if you export the app source and build the app in xCode. Here is how to do it.

  1. Export xCode project
  2. Open the downloaded project in xCode 4.5
  3. Change PhoneGapTemplate target settings: “Deployment Target” to 4.3
  4. Change CordovaLib project settings: “Deployment Target” to 4.3
  5. Change PhoneGapTemplate project  settings: ”Architectures” to armv7
  6. Change CordovaLib project settings: ”Architectures” to armv7
  7. Build the project
  8. Run it on the device or iPhone 6 simulator

 

Image update

You still need to manually create image Default-568h@2x.png (640 x 1136 pixels) and link it in XCode settings to your project. Thanks to Eric for this update.