Bubbling effect and its solution using corona SDK

Introduction :
The bubbling effect is a very common issue produced while developing cross platform mobile applications.

Bubbling Effect?? What’s that ??
Let’s assume a layout in which we have a parent box having a child box and both of them having their own click/touch event. Now if anyone clicked/touched the child box, ideally event associated with the child box should get fired. But here, along with this the event associated with its parent box will also gets fired.
Meaning on click of child box, both the events associated with child and its parent gets fired. Let’s get the solution for this issue, which is described in below screen cast.

Summary :
The above video described the bubbling effect caused in an app and the solution to handle this issue using Corona SDK.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Integrate SQLite plugin in PhoneGap iOS application

Introduction:
For offline storage in PhoneGap application, we can use local storage or storage API. But there are some limitations of this storage mechanism. So here we will discuss on creating local database with larger storage limits with the help of SQLite plugin.

Description:
To overcome the limitations, we can use the SQLite plugin which is very easy to integrate. Here are the steps below which will guide to integrate the SQLite plugin in PhoneGap iOS application.

1. Download the SQLite plugin from github by using this url.

https://github.com/lite4cordova/Cordova-SQLitePlugin

2. The plugins are inside Cordova-SQLitePlugin / src / ios /. Let’s drag the SQLitePlugin.h and SQLitePlugin.m files into the Plugins directory in Xcode and choose the “Create folder references for any added folders” option while adding reference.
Continue reading

Data passing in multiple screens from one activity to another using Xamarin in Android

Introduction :-
In this Article, we will see how to create multiple screens in Android using Xamarin and pass data between them.
Android applications consist of a set of loosely coupled screens, represented by Activity classes.
Since each Activity is essentially decoupled from others, there needs to be a way to launch them and optionally pass data to them. On Android this is accomplished using Intents.

Intents are the classes that describe a message, both what the desired action of the message is and a data payload to send along with it. They are commonly used within applications to launch Activities. To launch a new Activity, we create a new Intent, set the Context and the Activity class to launch and then tell the OS to handle the Intent, which launches the Activity. Continue reading

Urban Airship integration to receive Push Notification in iOS using PhoneGap

Introduction:
Push Notification is a mechanism, which allows an application to notify the user about any new events without opening the application, same as a SMS pops up on our mobile screen. Push Notification can work both in background and foreground, so this is a nice way to interact with the application in the background.

Description:
Urban Airship provides easy and effective solution to push the notification to user. It can act as as a middle layer which will help us to send the notification from our server routing it through the Apple Notification Server.
So in this blog we will discuss the use of Urban Airship to send push notification to our application. Here are the steps bellow, which will guide us in the process of integrating the Urban Airship plugin in iOS application using PhoneGap version 2.6.0.

Step #1:
Download the plugin for Urban Airship from github with this URL.

https://github.com/urbanairship/phonegap-ua-push/tree/1.0.8
Continue reading

Integrating iAd in a PhoneGap Project

Introduction:
As the name suggests iAd is a mobile advertising platform provided by Apple to embed advertisements into the app. The new feature of iAd makes the content of the app more lively and dynamic, since clicking on an advertisement unlike the previous one it does not navigate away to Safari but opens a new Pop-up Window for the Ad inside the app.

Description:
To integrate an Ad using the iAd framework we need to mainly modify the MainViewController.h and MainViewController.m files by adding some additional code to it.

Below is the integration guide as follows.

We need to open project navigator, then click on the Build Phases tab.

Here we will find the row Link Binary With Libraries. We need to add iAd.framework to the project by clicking on the Add(+) button( at lower left end). Continue reading

GPS Location Tracker using Xamarin

Mobile devices are smart enough to provide the geo-location coordinates by consuming the GPS API embedded inside.
Let’s get the geo-coordinates and a street address which is close to the location using Xamarin. In the below example I have demonstrated the same in Android environment.

Following are few steps

Step #1
After creating a new Xamarin Android app add some common permission in AssemblyInfo.cs

[assembly: UsesPermission(Manifest.Permission.Internet)]
[assembly: UsesPermission(Manifest.Permission.AccessFineLocation)]
[assembly: UsesPermission(Manifest.Permission.AccessCoarseLocation)]

Step #2 Continue reading

Ways to include different video formats in different browsers and mobile devices

Introduction:

First of all my hearty thanks to Corinne Ducusin, one of the reader of my Tip How to play multiple videos in a loop using HTML5 and JavaScript. She is the person, who anyway encouraged me to write this post.

Yesterday I received an email from her, which includes a query, “how can we include the different formats of same video file to play it in different browsers”.

We all know that all browsers do not support same media formats of videos. So it’s a best practice to include different formats of videos to play it in different kind of browsers and devices. The browser will detect the supported format automatically and play that video file.

Description:

As per that post, videos were declared in an array to play them in a loop using HTML5.
var videoSource = new Array();
videoSource[0]=’video/video.m4v’;
videoSource[1]=’video/BigBuck.m4v’;

So now the question is, how can we include the other formats for the same video? If we declare the array like below, will it work? Continue reading

Slider as progress bar using Titanium

Introduction :
Slider API generally used to select value from defined range of values, where as with little modification we can use the same API to design progress bar which can be used to display the amount of work done of a long process. For example, progress bar can be displayed while uploading or downloading any content.

Summary :
Referring to the above video, I have described the way to use slider API to make progress bar using Titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Scrollview as TableView with Titanium

Introduction :
With multiple view added vertically on a scrollview looks as a tableview on a screen. By adding views one after another to scrollview, we can change that scrollview as a tableview with Titanium.

Summary :
Referring to the above video, it describe the use of scrollview as tableview using Alloy in Titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions