Hybrid Application Developer

Since Android is an open source format, different Android OS have been released in different devices on different versions and upgrades. An App developed for particular OS may or may not run on another version and developer need to analyse and correct the code

Some of the PhoneGap API are

☛ Accelerometer

☛ Camera

☛ Capture

☛ Compass

☛ Connection

☛ Contacts

☛ Device

☛ Geo-location and so on

PhoneGap plugin contains two files

☛ JavaScript file that defines the function for accessing the native hooks

☛ Implementation files written in the native language to co-ordinate with native phone features

To create your own PhoneGap plugins, you have to

☛ Make a new directory in your ${PROJECT_DIR}/plugins directory

☛ Make a JavaScript file within that new directory

☛ Make a new Objective-C class that extends the PhoneGap command class and also in the new directory

☛ seekTo in OpenGap Media API is a function that updates the latest position of the underlying audio file of a Media Object

☛ getDuration is a function that returns the duration of the audio file in seconds. It will return the value -1, if the duration is unknown

As the name suggests, Child Browser Plugin is a plugin and can be integrated in any phonegap application.

Whereas, InAppBrowser is a phonegap API that provides the ability to spawn a browser instance from a Cordova(2.3.0) application. The API is based on standard browser capability. In a nutshell, this has the same functionality as the ChildBrowser, and has events support as well.

Mobile market is huge with bunch of opportunities. At the same time it is really painful experience for the developers to make an application reach to the wider audience.

There are multiple platforms like android, iPhone, Blackberry, windows comes with lot different capabilities. Every platform uses different programming language syntax and different distribution process.

As the programming platforms are different, developing an application requires putting the separate development effort for different platforms.

AIDL stands for Android Interface Definition Language. It handles the interface requirements between a client and a service.

PhoneGap is a mobile application development framework, based upon the open source Apache Cordova project.It allows you to write an app once with HTML, CSS and JavaScript, and then deploy it to a wide range of mobile devices without losing the features of a native app.

PhoneGap Build is a cloud-based service built on top of the PhoneGap framework.

It allows you to easily build those same mobile apps in the cloud. Learn more about PhoneGap Build and try it out for free!

PhoneGap is a mobile application development framework, based upon the open source Apache Cordova project. It allows you to write an app once with HTML, CSS and JavaScript, and then deploy it to a wide range of mobile devices without losing the features of a native app. PhoneGap Build is a cloud-based service built on top of the PhoneGap framework. It allows you to easily build those same mobile apps in the cloud.

Ionic by default caches up to ten views, which improves performance and also maintains different states in the views at the same time. For example, the cache can maintain scroll position in the views or active state of buttons.

Caching can be disabled per view by using cache: false in UI-router’s state config, like in the following example:

$stateProvider.state('myState', {

cache: false,

url : '/myUrl',

templateUrl : 'my-template.html'

})

Caching can be also disabled globally, by setting maxCache to 0:

$ionicConfigProvider.views.maxCache(0);

To upgrade PhoneGap in Mac and Linux

$ sudo npm install –g phonegap

For Windows:

C:> npm install –g phonegap

PhoneGap has a plugin-based architecture. Each device-specific feature is a plugin, which consists of javascript and native sides. Js side should be as cross-platform as possible, whereas native side can be implemented only once, for 1 device. Nevertheless built-in plugins are developed for all of the most popular platforms, so no need to reinvent the wheel.

This architecture, together with open source code, not only allows a developer to fix their bugs, but also allows them to tweak their plugins for as per requirements. Also, a developer can build his own plugin, and support any platform of his choice.

The most fundamental differences between AIR and PhoneGap is that you build AIR applications using tools rooted in the Flash Platform, and you can develop PhoneGap application using HTML, CSS and JavaScript. AIR applications use the AIR runtime, it enables you to have a single code base, with the exact similar expected behavior through all supported platforms. PhoneGap applications execute inside of the native web browser component for each supported platform. For separate platform, PhoneGap may behave differently.

ionic prepare <platform> copies all files from the www folder into the target platform’s www folder.

ionic build <platform> also does this, but also builds the app’s source code so that it can be run on a simulator/emulator or a device.

As Ionic behind the scene builds HTML5 based applications, you can use localStorage and sessionStorage API to persist data on the mobile phone. However, since localStorage can only store strings, objects need to be stringified before saving. Also, it is important to mention localStorage has size limit around 5MB.

For a compass heading object the iOS quirks are

☛ trueHeading is returned only when location services are executing through geolocation.watchlocation()

☛ For iOS>4 devices, if the mobile device is revolved or rotated and the app supports that orientation, the heading value will be reported back with respect to the current orientation

☛ It allows you to package your mobile web application code and resources into a binary app and ready to distribute to Apple, Android, Palm, Symbian, and BlackBerry devices.

☛ It is not only the purpose of PhoneGap to distribute the web application to application store.

☛ It is also providing the feature to access the device hardware from web application.

PhoneGap cameraoptions available are

☛ Quality: It tells the quality of saved image that range from [0,100]

☛ Destination Type: Choose the format of the return value. Defined in navigator.camera.DestinationType

☛ Source Type: Set the source of the picture. Defined in navigator.camera

☛ AllowEdit: Before selection of image, it allows simple editing of image

☛ Encoding Type: It determines the encoding type of the returned image

☛ TargetWidth: It determines how you can set image width

☛ TargetHeight: It tells how you can set image height

☛ Media Type: Here you can set the media type to select from