Blog

“Going mobile” is more than just having a website—it means a whole load of things. It’s about reaching and engaging with your members in a new way, and offering your members a different way to receive information; making information accessible at any time and in any place.

While a website may provide information for your members, you also want to have a way to get your members talking to each other and joining in events and activities. We are in a society where we are constantly looking for up-to-date information, mobile apps provide us with this and our phones are within reach at all times. There are numerous angles your non-profit can take when it comes to creating a mobile app, some opt for informational such as The Red Cross, which provides weather alerts to help citizens better prepare for potential natural disasters. But, for your non-profit organisation, being mobile can mean any of the following things:

• Mobile Web—optimising your website, content, and donation forms for mobile devices.
• Mobile messaging— increasing your communication with your members, co-workers, and donors via text messages.
• Online donations/text-to-give—providing a way for your members to donate through their mobile devices via a mobile optimised online donation form or website, or by texting a donation directly to your organisation.
• Mobile Apps—creating your own customised application for your members to download to their smartphones or tablets for easy access.

Read the rest of this entry »

Popular Bootstrap Grid is available in Appery.io’s Bootstrap project as an UI component that can be dragged and dropped to the page. The following steps show how to change grid cell sizes for different screen resolutions:

1. First open the AngularJS / Bootstrap project and place the Grid component to the page.
2. Now, if you will look at top right corner of the grid you’ll see a green plus button, this button will add a new row to your grid. If you don’t need to add a new row, but want to add new cells to existing row click on one of the grid cells and then choose GridRow through the breadcrumbs:
   
3. A green “+” sign now will add a new cell to an existing row.
4. You can configure the size for each cell for the four screen sizes. Click on the grid cell and the expand Columns properties in the PROPERTIES to the right of the screen. Type a number from 1 to 12 to define how it will look on the screen:
   

Don’t forget that you can emulate page size directly inside the editor, and when testing the app in browser by clicking XS, SM, MD and LG buttons.

Make sure to check out all of our mobile development tips.

It doesn’t seem that long ago when the first 4G smartphone hit the market, yet the wireless industry is already preparing for 5G. As each of the four worldwide mobile phone carriers are getting ready to bring us 5G, smart phone chipmakers, and major network equipment companies are joining the race to provide their customers with the “ultra-fast” 5G network.

However there are numerous hurdles which the industry will have to jump over before we will be seeing the 5G symbol on our smartphones any time soon. The reasoning for this? It has yet to be decided what 5G even means, let alone what it will look like when it finally arrives. What we do know is that 5G will soon become a necessity.

Read the rest of this entry »

This blog post shows how to add a custom logic to a REST API invocation for jQuery Mobile apps.

You may often need to modify data for a services request or a services response. You may want to launch a dedicated JavaScript function to do this. This is useful when you need to rewrite the response data with filtered/edited values, instead of doing this each time for each mapping. For example, your service response has an unneeded first value that you want to remove from the response:

1. Add new Run JavaScript action for Success event of your datasource.
2. Using the drag and drop, move this action to the very beginning, so the Mapping action will be right to the Run JavaScript. This way, it’s guaranteed that the JavaScript code will be executed before the mapping.
3. Click on Run JavaScript action and write your code. You have a data parameter in this JavaScript function – that is your response value.
4. Write your custom logic to modify the response data. For example, to remove the first item of the response array (works only for arrays, not for JSON objects) use the following code:

   data.splice(0, 1);

Debugging your JavaScript apps that are made with Appery.io can be performed in a several ways, but today we would like to share with you another method. This approach has been available before, but for a some reason not many people know about it. The flow is looks really simple:

1. Connect the device to a PC with a cable.
2. Export the Appery.io app as an Android binary (.apk).
3. Scan the QR code to install the app.
4. Launch Chrome and open the app on the device.
5. That’s all! Now you have a really quick debugging tool to test your app with.

You should do a few steps to makes it work, but luckily they are not complicated and you can be ready-to-go in a few minutes.  A detailed guide about this feature and how to set it up you can found here.

The following relates to the projects, which have already been imported as AngularJS Push Plug-in: by improving the AngularJS Push Plug-in, its PushRegisterDeviceImpl JavaScript file was modified. In order to update this file you need to replace its content with the updated one here. Alternatively you can simply re-import the plug-in itself,  making sure that you have removed all of the related assets before doing so. This depends upon the Ionic and Bootstrap projects.

If you experience any problems with new implementation do not hesitate to ask our support team to help you.

It’s fair to say that we are about to experience a significant app explosion in the enterprise, and most organizations won’t be ready for it. According to Gartner the average enterprise will develop 1400 mobile apps by 2024!  Since most of these apps will be custom, the total number of apps will be in the millions, dwarfing the explosion we’ve experienced in consumer apps over the last few years.   Most IT leaders are already feeling pressured from the businesses and if you haven’t yet, you’re about to….

In this podcast and post, I explain the reasons for this explosion and what enterprises should do to be ready. Review Appery.io’s infographic or download Apperian’s Enterprise Mobile App Trends Report to learn more.

Here is the full podcast

Read the rest of this entry »

This is the second webinar in our 2016 webinar series and introduces you to the App Builder and how to build apps with jQuery Mobile.

In this video you will learn:

• How to create a new jQuery Mobile app
• About various views inside the App Builder
• How to use the Cordova Geolocation API to get the current device location
• How to invoke the Uber Product API from Server Code
• How to integrate the Uber API into the app
• How to test and share the app

Check out this video now:

To learn more how to build apps fast, go to our YouTube channel.