Software Development

Rapid Mobile App Development With Appery.io – Creating Vacation Request App

I just got back from Stamford, CT where I did a talk at the Web, Mobile and Backend Developers Meetup. In about 90 minutes we built a prototype version of a productivity app called Vacation Request using Appery.io cloud development platform. The app helps employees request and submit time off from their mobile phones. The app has the following functionality:
 
 
 
 
 
 

  • User login and registration
  • Submit vacation request. The request is saved into Appery.io database
  • Send an SMS message to the manager notifying him/her of a new request
  • Send an email to the manger notifying him/her of a new request
  • Push notifications to notify of a new request, or notify the employ when the request is approved
  • Customer Console for the manager to view/approve requests from a user-friendly console
  • Package the app for Android

Let me walk you through the app in more details.

The first page we designed was the Login page:

screen-shot-2014-10-15-at-1-44-03-pm

Appery.io Backend Services comes with out-of-the-box User Management built-in so you can register users, sign in users, and logout users. This is how the Users collection looks:

screen-shot-2014-10-15-at-1-47-36-pm

As the App Builder and the Database are integrated, it’s fast to generate the login/sign up services automatically:

screen-shot-2014-10-15-at-1-50-27-pm

Then the service is added to the page and mapped to the page. This is request mapping (from page to service):

screen-shot-2014-10-15-at-1-55-08-pm

and this is response mapping (from service to page or local storage). In our example, we are saving the user id and the user session into local storage:

screen-shot-2014-10-15-at-1-55-44-pm

The steps are identical for registration.

In case login or registration fail for some reason, we will display a basic error:

screen-shot-2014-10-15-at-1-59-11-pm

Next we built the Vacation Request page where you make the actual request. This page is based on a template which has a Panel menu that slides from the left:

screen-shot-2014-10-15-at-2-22-31-pm

And this is how it looks when the menu (from the template) is opened in development:

screen-shot-2014-10-15-at-2-23-36-pm

The Save button saves the request into Appery.io Database (into Vacation collection):

screen-shot-2014-10-15-at-2-26-17-pm

The Email button sends an email to the manager using the SendGrid API. The functionality was imported as plugin.

The SMS buttons sends an SMS message to the manager using the Twilio API.

Once we were done building the app, we added push notifications capability:

screen-shot-2014-10-15-at-2-47-07-pm

To send a push notification, the app has to be installed on the device. Packaging for various native platforms is as simple as clicking a button:

screen-shot-2014-10-15-at-2-48-51-pm

Lastly, we activated the Customer Console which allows the manager to view the data (vacation requests or any other app data) and approve the requests there. The Customer Console is a user-friendly app that allows editing the app data without asking the developer to do that. It also allows to send push notifications. Access to data and whether you can send push messages is configurable.

screen-shot-2014-10-15-at-2-51-41-pm

The goal was to show how rapidly you can build a mobile app using Appery.io. In about 90 minutes, we were able to build a prototype or a first version of an app that saves vacation requests, allows sending an email or an SMS message, with push notifications. And we built a binary for Android.

Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Back to top button