An Introduction to Hybrid Application Development

1. What the hell are hybrid apps?
Anam Ahmed
 /theanam /theanam@mranam


2. Hybrid?

3. Huybrid apps

4. We'll cover more on : Phonegap

5. So, you just need : HTML5

6. Device access?

7. Some code, maybe?

8. The common Structure
Navigator.device
.functionName([someParams],
successFunction,
errorFunction,
[paramsCanAlsoBeHere]);

9. Camera
navigator.camera.getPicture( cameraSuccess,
cameraError, cameraOptions );
function cameraSuccess(base64data){
//do anything with image
}
function cameraError(errorMessage){
//provide sad error message maybe
}

10. GPS
var onSuccess = function(position) {
//do something with location
};
// onError Callback receives a PositionError object
//
function onError(error) {
//Error handling
}
navigator.geolocation.getCurrentPosition(onSuccess, onError);

11. Touch events

13. Performance?

14. Options available :)