Video: Build a complete HTML5/PhoneGap mobile app with Appery.io Cloud Development Platform

This video was created as part of AT&T Bootstrap Week. The video shows how to build an HR (Human Resources0 mobile app. The tutorial covers:

  • Building mobile app UI with jQuery Mobile using the visual builder
  • Connecting to cloud database
  • Displaying employee list
  • Adding new employe
  • Using Google Maps component and Geolocation to to show employee location
  • Using Google Geocoding API to resolve location  to address
  • Packaging the app for Android

Appery.io July Release: New Features in App Builder, Database, Server Code, and More

The Appery.io team just released a number of really nice features. Learn about what’s new in this post.

App Builder improvements

New jQuery Mobile Popup component

The new jQuery Mobile Popup component gives you more power to build app UI.  The component can be used to notify the user to confirm an action, or just display any important information.

ui_component

More List options

We added a number of properties to the list to simplify UI building. For instance, it is now easy to make the list read-only.

list_component

We also added the ability to manage the list items order. You can do this by using the Indexproperty in the Properties panel:

list_items_order-300x113

A better way to select icons

Everyone likes icons, and there is now a better way to select one. If the component supports an icon (List, Button etc.), the Icon property will be available:

icon

By clicking “Choose,” the icons list will appear:

icon_list

This is much more fun as you can see the actual icon.

Continue reading…

Appery.io Complete Feature Overview [Webinar recording]

This video shows all the major Appery.io features and some smaller features. The video covers:

  • Creating app UI with visual builder
  • Setting up  a cloud database for app storage
  • Sending push messages
  • Using Server Code to write custom app logic on the server using JavaScript
  • Setting up a REST service
  • Binding REST service to a page
  • Packaging for iOS, Android, or Windows Phone
  • Publishing as HTML5
  • Creating plugins
  • and much more

Live Tutorial: Build a complete HTML5/PhoneGap mobile app with Appery.io Cloud Development Platform

What

Join us for this Bootstrap Tutorial to learn about Appery.io Cloud Development Platform. Appery.io is the only cloud-based platform with visual development tools and integrated backend services. In this live coding session you will learn how to build a complete mobile app with Appery.io. We will create the app UI, add a cloud database, push notifications, and use REST APIs. We will then package the app for iOS, Android, or Windows Phone.

When

Tuesday, July 15, 2014 11:00 am, Pacific Daylight Time

Attend

Register now

Learn How to Build a Complete HTML5/PhoneGap App with the Appery.io in Atlanta

I will be in Atlanta July 16 showing how to build a complete HTML5/PhoneGap App with Appery.io. The event is sponsored by Atlanta HTML5 User Group and Atlanta Mobile Developers Group. Hope to see you there.

What

Learn how to build a complete mobile app with the Appery.io cloud platform. We will build the mobile app UI with HTML5/jQuery Mobile using visual drag and drop builder. Connect to backend services, and to 3rd party APIs. Use Apache Cordova (PhoneGap) for native device features, build/deploy the app. This is a live coding session where attendees will be able to test the app as it’s being built.

When

July 16, 6:30pm

Where

AT&T Foundry Innovation Center (map)
75 5th St. NW, Suite 110, Atlanta, GA

Win prizes

We’ll be doing a couple of raffles at this meetup:
1) Google Chromecast
2) 3 X Appery.io premium subscriptions

Appery.io + Auth0 = Fast Mobile App Development with Identity Management in the Cloud

apperyio_plus_auth0

Building mobile apps with identity management wasn’t simple, until now. Auth0, a cloud service that eliminates the friction of identity for your app, and Appery.io, the only cloud platform with visual development tools and integrated backend services are collaborating to make this happen.  With the jointly created Appery.io Auth0 plugin, you can simplify identity management integration for your app and this post will show you how.

Register for the Appery.io and Auth0 joint webinar on August 6, 2014 at 11:00 AM PT

Building Secure Mobile Apps in the Cloud with Appery.io and Auth0 Identity Management

Register now

Appery.io Platform

Appery.io is the only cloud-based platform with visual development tools and integrated backend services. Appery.io provides a powerful visual environment to build HTML5 and hybrid mobile apps connected to any APIs.

The Appery.io platform provides the following core features:

  • Build HTML5 mobile apps and hybrid apps for iOS, Android, and Windows Phone
  • Drag and drop visual app builder for quickly building the app UI, with Source view for customizing the UI with any code
  • Connect to any cloud API service, and bind the service to the page via a visual binding editor
  • Integrated backend services that include: cloud database, push notifications, and server code
  • HTML5 app hosting
  • Fast testing in browser, and on device via Appery.io Mobile Tester app
  • Collection of plugins that provide fast integration with popular API providers

Visual App Builder

Building app UI in Appery.io is very fast using the advanced visual builder. The mobile UI components are on the left-hand side. To build the UI, you simply drag and drop the components into the device. Every UI component has properties which can be set via the Properties panel (on the right):

visual_builder1

Adding actions to a button click is quickly done via the Events tab. For instance, you can write any JavaScript to be invoked on a button click (or other event):

visual_builder2

REST API Services

Building app UI is important but also is connecting with any 3rd party APIs such as Salesforce, Facebook, SendGrid, and Auth0. Appery.io solves this problem by making it very fast and easy to add any API to the app, and the bind it to the page using visual data binding. This is an example defining a service that returns Auth0 token information:

rest_service

Mapping the data returned from Auth0 service to a page:

service_mapping

Integrated Backend Services

The Appery.io Backend Services includes three main features:

1. Cloud database for quickly storing any app data

database

2. Push notifications for sending messages to users who installed the app:

push

3. Server Code enables writing custom and scalable business logic using JavaScript in the Appery.io cloud without the need to build and maintain server infrastructure:

Auth0 Plugin

Appery.io provides a collection of ready-to-use plugins for various API providers. We are happy to announce the new Auth0 Identity Management plugin. The Auth0 plugin now makes it even faster to build apps with Auth0 zero-friction identity management solution.

auth0_plugin

Steps to add Auth0 plugin to Appery.io app:

  1. Create an Appery.io app.
  2. Import the Auth0 plug-in (use search to find it).
  3. Opent the Auth0_Setting and fill it with Auth0 app data. There are three parameters, two of them (Domain and Client Id) you can simply copy from the Auth0 website:
    auth0_parameters
    The third parameter is the redirect_uri. The same value of this parameter should be entered in App Callbacks URLs in Auth0 app settings. Here is how it should look:

    http://appery.io/app/view/APPERY-IO-APP-ID/Auth0_User.html

Generally, that’s all you need to configure. With the Auth0 plugin imported, you can add new login option to your app via Auth0 services. Your app can now easily support login with any of the large number of Auth0 social and enterprise login providers.

auth0_authenticate_dialog1

Easy, isn’t it? Now your Appery.io app can use all features of Auth0 services. We created  a step-by-step tutorial on how to add and use the Auth0 plugin in your app.

To learn more about building mobile apps in Appery.io with Auth0 services, please attend our joint webinar:

Register for Appery.io and Auth0 joint webinar on August 6, 2014 at 11:00 AM PT

Building Secure Mobile Apps in the Cloud with Appery.io and Auth0 Identity Management

Register now

Originally posted on the Appery.io blog.