Tools&Course: 2014-03-16

Friday, March 21, 2014

Android for beginer

What is android?

"Android powers hundreds of millions of mobile devices in more than 190 countries around the world"[1].

Its has been growing fast-every day. Android gives you world-class platform for create anything you need. Your application can be distributed by open marketplace.

Android operating system was a virtually unknown phones owned by a company called Android Inc. until 2005 when Google bought it. Currently Andy Rubin, the creator of Android, works as vice president of engineering and Google under his command this project.

In November 2007, only rumors that the Internet giant had plans to launch a Mobile project, and precisely for that time, the Open Handset Alliance was launched, which brought together many mobile phone manufacturers, chipsets and Google and provided the first version of Android, along with the SDK for developers begin to build their applications for this system.

Android is a software stack for mobile phones initially thought (smartphones) that includes an operating system, middleware and application layer for the phone to make functions beyond the devices once used.
Leaving aside some technicalities, Android is another option of interfaces and features to be found in mobile phones, and we can identify particular aspects of whose operating system Nokia's Symbian, iOS or iPhone or even the Blackberry, also There are very specific things in phones running Android.

Now let us turn more technical. Android is based on Linux kernel operating system, that reason has embedded features to be free, free, cross-platform. any developer can create Android applications without the need to pay annual fees for the development kit (SDK).
Android also has a modified java machine, which is called Dalvik. the operation system includes interface to functions about gps, call, contacts ....

What i need to develop in Android .

Your environment, i mean your windows, linux or mac.
SDK link here
Chose eclipse plugin ADT
java sdk link here

Reference

1 http://developer.android.com/about/index.html

Thursday, March 20, 2014

My Hello World, WebService , Java & PHP

This tutorial is based on SOAP.

1.Open the netbeans.
2. Create a new project.
3. Create a Webservice standalone.

4. Testing by php

uaa@uaa-virtual-machine:~$ php cliente.php

stdClass Object

(

[return] => Hello fco !

)

uaa@uaa-virtual-machine:~$ cat cliente.php

<?php

try {

$x = @new SoapClient("http://localhost:8080/EjemploWebService/HolaMundo?WSDL");

print_r( $x->hello(array('name'=>'fco')));

} catch (Exception $e) {

echo $e->getMessage();

}

uaa@uaa-virtual-machine:~$ php cliente.php

stdClass Object

(

[return] => Hello fco !

)

uaa@uaa-virtual-machine:~$

codigo fuente

Wednesday, March 19, 2014

Geolocation html5 & maps

<!DOCTYPE html>
<html>
  <head>
    <title>Geolocation</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <!--
    Include the maps javascript with sensor=true because this code is using a
    sensor (a GPS locator) to determine the user's location.
    See: https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API
    -->
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

    <script>
// Note: This example requires that you consent to location sharing when
// prompted by your browser. If you see a blank space instead of the map, this
// is probably because you have denied permission for location sharing.
var map;
function initialize() {
  var mapOptions = {
    zoom: 6
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Try HTML5 geolocation
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude,
                                       position.coords.longitude);

      var infowindow = new google.maps.InfoWindow({
        map: map,
        position: pos,
        content: 'Location found using HTML5.'
      });

      map.setCenter(pos);
    }, function() {
      handleNoGeolocation(true);
    });
  } else {
    // Browser doesn't support Geolocation
    handleNoGeolocation(false);
  }
}
function handleNoGeolocation(errorFlag) {
  if (errorFlag) {
    var content = 'Error: The Geolocation service failed.';
  } else {
    var content = 'Error: Your browser doesn\'t support geolocation.';
  }

  var options = {
    map: map,
    position: new google.maps.LatLng(60, 105),
    content: content
  };

  var infowindow = new google.maps.InfoWindow(options);
  map.setCenter(options.position);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

Session HTML5

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=620">
<title>HTML5 Demo: Storage</title>
<link rel="stylesheet" href="css/html5demos.css">
<script src="js/h5utils.js"></script></head>
<body>
<section id="wrapper">
<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/14060/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
    <header>
      <h1>Storage</h1>
    </header>
<style>
article div { 
  margin: 10px 0;
}

label {
  float: left;
  display: block;
  width: 125px;
  line-height: 32px;
}
</style>
<article>
  <section>
    <p>Values are stored on <code>keyup</code></p>
    <p>Content loaded from previous sessions:</p>
    <ul id="previous"></ul>
  </section>
  <section>
    <div>
      <label for="session">sessionStorage:</label>
      <input type="text" name="session" value="" id="session" />          
    </div>
    <div>
      <label for="local">localStorage:</label>
      <input type="text" name="local" value="" id="local" />
    </div>
    <input type="button" id="clear" value="Clear storage" />
  </section>
</article>
<script>
function getStorage(type) {
  var storage = window[type + 'Storage'],
    delta = 0,
    li = document.createElement('li');

  if (!window[type + 'Storage']) return;

  if (storage.getItem('value')) {
    delta = ((new Date()).getTime() - (new Date()).setTime(storage.getItem('timestamp'))) / 1000;
    
    li.innerHTML = type + 'Storage: ' + storage.getItem('value') + ' (last updated: ' + delta + 's ago)';
  } else {
    li.innerHTML = type + 'Storage is empty';
  }

  document.querySelector('#previous').appendChild(li);
}

getStorage('session');
getStorage('local');

addEvent(document.querySelector('#session'), 'keyup', function () {
  sessionStorage.setItem('value', this.value);
  sessionStorage.setItem('timestamp', (new Date()).getTime());
});

addEvent(document.querySelector('#local'), 'keyup', function () {
  localStorage.setItem('value', this.value);
  localStorage.setItem('timestamp', (new Date()).getTime());
});

addEvent(document.querySelector('#clear'), 'click', function () {
  sessionStorage.clear();
  localStorage.clear();
  
  document.querySelector('#previous').innerHTML = '';
  getStorage('local');
  getStorage('session');
});
</script>
<a id="html5badge" href="http://www.w3.org/html/logo/">
<img src="http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-device-graphics-multimedia-performance-semantics-storage.png" width="325" height="64" alt="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage" title="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage">
</a>
    <footer><a href="/">HTML5 demos</a>/<a id="built" href="http://twitter.com/rem">@rem built this</a>/<a href="#view-source">view source</a></footer> </section>
<a href="http://github.com/remy/html5demos"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<script src="js/prettify.packed.js"></script>
<script>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script>
try {
var pageTracker = _gat._getTracker("UA-1656750-18");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>