Comprehensive comparison for technology in applications

// Cordova Mobile App - Camera and Geolocation Integration
// This example demonstrates capturing photos and tagging them with location data

var app = {
  initialize: function() {
    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
  },

  onDeviceReady: function() {
    console.log('Cordova is ready');
    this.setupEventListeners();
    this.checkPermissions();
  },

  setupEventListeners: function() {
    var captureBtn = document.getElementById('capturePhotoBtn');
    if (captureBtn) {
      captureBtn.addEventListener('click', this.capturePhoto.bind(this));
    }
  },

  checkPermissions: function() {
    var permissions = cordova.plugins.permissions;
    var permissionList = [
      permissions.CAMERA,
      permissions.ACCESS_FINE_LOCATION
    ];

    permissions.checkPermission(permissionList, function(status) {
      if (!status.hasPermission) {
        permissions.requestPermissions(permissionList, 
          function(status) {
            if (!status.hasPermission) {
              app.showError('Permissions denied. App functionality limited.');
            }
          },
          function() {
            app.showError('Permission request failed');
          }
        );
      }
    });
  },

  capturePhoto: function() {
    var self = this;
    navigator.camera.getPicture(
      function(imageData) {
        self.onPhotoSuccess(imageData);
      },
      function(message) {
        self.showError('Failed to capture photo: ' + message);
      },
      {
        quality: 80,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: Camera.PictureSourceType.CAMERA,
        encodingType: Camera.EncodingType.JPEG,
        mediaType: Camera.MediaType.PICTURE,
        correctOrientation: true,
        saveToPhotoAlbum: true
      }
    );
  },

  onPhotoSuccess: function(imageUri) {
    var self = this;
    document.getElementById('photoPreview').src = imageUri;
    
    navigator.geolocation.getCurrentPosition(
      function(position) {
        self.savePhotoWithLocation(imageUri, position);
      },
      function(error) {
        console.warn('Geolocation error: ' + error.message);
        self.savePhotoWithLocation(imageUri, null);
      },
      {
        timeout: 10000,
        enableHighAccuracy: true,
        maximumAge: 5000
      }
    );
  },

  savePhotoWithLocation: function(imageUri, position) {
    var photoData = {
      uri: imageUri,
      timestamp: new Date().toISOString(),
      location: position ? {
        latitude: position.coords.latitude,
        longitude: position.coords.longitude,
        accuracy: position.coords.accuracy
      } : null
    };

    var existingPhotos = JSON.parse(localStorage.getItem('photos') || '[]');
    existingPhotos.push(photoData);
    localStorage.setItem('photos', JSON.stringify(existingPhotos));

    this.uploadToServer(photoData);
    this.showSuccess('Photo saved successfully!');
  },

  uploadToServer: function(photoData) {
    if (!navigator.connection || navigator.connection.type === Connection.NONE) {
      console.log('No internet connection. Photo queued for later upload.');
      return;
    }

    var options = new FileUploadOptions();
    options.fileKey = 'photo';
    options.fileName = photoData.uri.substr(photoData.uri.lastIndexOf('/') + 1);
    options.mimeType = 'image/jpeg';
    options.params = {
      timestamp: photoData.timestamp,
      latitude: photoData.location ? photoData.location.latitude : null,
      longitude: photoData.location ? photoData.location.longitude : null
    };

    var ft = new FileTransfer();
    ft.upload(
      photoData.uri,
      encodeURI('https://api.example.com/upload'),
      function(result) {
        console.log('Upload success: ' + result.responseCode);
      },
      function(error) {
        console.error('Upload failed: ' + error.code);
      },
      options
    );
  },

  showError: function(message) {
    if (navigator.notification) {
      navigator.notification.alert(message, null, 'Error', 'OK');
    } else {
      alert(message);
    }
  },

  showSuccess: function(message) {
    if (navigator.notification) {
      navigator.notification.alert(message, null, 'Success', 'OK');
    } else {
      alert(message);
    }
  }
};

app.initialize();