This document provides an overview of hybrid apps, which allow developers to build mobile apps using web technologies like HTML5 that can access device features like the camera, GPS, and touch events. Hybrid apps use a common structure where the Navigator object's device functions are called, passing in success and error callback functions. Examples are provided for how to access the camera, get the user's location with GPS, and handle touch events in a hybrid app. Overall options and performance considerations for hybrid apps are also mentioned.

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 :)