En un post anterior, vimos cómo hacer un Geocode Simple, donde obteníamos las coordenadas a partir de una dirección dada, es decir, podríamos poner cualquier combinación de calles, colonias, ciudad, etc. y obtener las coordenadas de esa dirección para colocarlas en un mapa. En este caso es al contrario, buscar direcciones (de acuerdo a la base de datos de Google) a partir de coordenadas.

Lo que haremos se resume en: escribir coordenadas (latitud, Longitud), verificar si existe, si existe, colocar un marcador, centrar y dar zoom en el mapa en la región de la dirección obtenida, si no existe la dirección arrojar un error diciendo que no existe.

Al igual que el ejemplo anterior, es necesario crear un objeto Geocoder, que nos permitirá hacer la interpretación de lo que intentemos buscar.

var geocoder = new google.maps.Geocoder();

El objeto que se obtiene de respuesta es un JSON, donde lo manejaríamos como regularmente se hace en javascript, el resultado es algo como esto:

{
  "status": "OK",
  "results": [ {
    "types": [ "street_address" ],
    "formatted_address": "1600 Amphitheatre Pkwy, Mountain View, CA 94043, USA",
    "address_components": [ {
      "long_name": "1600",
      "short_name": "1600",
      "types": [ "street_number" ]
    }, {
      "long_name": "Amphitheatre Pkwy",
      "short_name": "Amphitheatre Pkwy",
      "types": [ "route" ]
    }, {
      "long_name": "Mountain View",
      "short_name": "Mountain View",
      "types": [ "locality", "political" ]
    }, {
      "long_name": "California",
      "short_name": "CA",
      "types": [ "administrative_area_level_1", "political" ]
    }, {
      "long_name": "United States",
      "short_name": "US",
      "types": [ "country", "political" ]
    }, {
      "long_name": "94043",
      "short_name": "94043",
      "types": [ "postal_code" ]
    } ],
    "geometry": {
      "location": {
        "lat": 37.4219720,
        "lng": -122.0841430
      },
      "location_type": "ROOFTOP",
      "viewport": {
        "southwest": {
          "lat": 37.4188244,
          "lng": -122.0872906
        },
        "northeast": {
          "lat": 37.4251196,
          "lng": -122.0809954
        }
      }
    }
  } ]
}

Lo único que nos faltaría es el código para validar, interpretar y dibujar. Para esto, hay 3 cosas importantes que debemos tomar en cuenta del JSON que tenemos de respuesta:

• status: contiene la respuesta del estado de la petición, si fue satisfactoria o si hubo algún error y que tipo de error.
• geometry.location: la ubicación de la dirección solicitada.
• geometry.viewport: los límites recomendados para ajustar el zoom del mapa, haciendo un cuadrante con las esquinas Noreste (superior derecha) y Suroeste (inferior izquierda).

Con esto en presente, la función siguiente nos mostrará solamente el primer resultado obtenido, quedando así :

function codeLatLng() {
   var input = $('#latlng').val();
   var latlngStr = input.split(',', 2);
   var lat = parseFloat(latlngStr[0]);
   var lng = parseFloat(latlngStr[1]);
   var latlng = new google.maps.LatLng(lat, lng);
   geocoder.geocode({'latLng': latlng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
         if (results[0]) {
            map.fitBounds(results[0].geometry.viewport);
            marker.setMap(map);
            marker.setPosition(latlng);
            $('#address').text(results[0].formatted_address);
            infowindow.setContent(results[0].formatted_address);
            infowindow.open(map, marker);
            google.maps.event.addListener(marker, 'click', function(){
               infowindow.setContent(results[0].formatted_address);
               infowindow.open(map, marker);
            });
         } else {
            alert('No results found');
         }
      } else {
         alert('Geocoder failed due to: ' + status);
      }
   });
}

Los primeros 4 renglones de la función realizan la validación y separación de latitud y longitud, para poder formar el objeto latLng, y listo con esto tenemos terminado nuestro ejercicio, puedes verificarlo en funcionamiento en la página de demos:

El código completo quedaría así:

var geocoder;
var map;
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker();

function closeInfoWindow() {
      	infowindow.close();
   }

function initialize() {
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(20.68009, -101.35403);
  var mapOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: 'roadmap'
  }
  map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

  google.maps.event.addListener(map, 'click', function(){
        	closeInfoWindow();
     	  });
}

function codeLatLng() {
  var input = $('#latlng').val();
  var latlngStr = input.split(',', 2);
  var lat = parseFloat(latlngStr[0]);
  var lng = parseFloat(latlngStr[1]);
  var latlng = new google.maps.LatLng(lat, lng);
  geocoder.geocode({'latLng': latlng}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
		ObjectDump(results, "description");
      if (results[0]) {
		map.fitBounds(results[0].geometry.viewport);
                marker.setMap(map);
                marker.setPosition(latlng);
		$('#address').text(results[0].formatted_address);
		infowindow.setContent(results[0].formatted_address);
        infowindow.open(map, marker);
		google.maps.event.addListener(marker, 'click', function(){
            infowindow.setContent(results[0].formatted_address);
	        infowindow.open(map, marker);
        });
      } else {
        alert('No results found');
      }
    } else {
      alert('Geocoder failed due to: ' + status);
    }
  });
}

$(document).ready(function(){
   initialize();
});

Y en el Body solamente esto:

<div>
   <input id="latlng" type="textbox" value="20.68009, -101.35403">
</div>
<div>
   <input type="button" value="Reverse Geocode" onclick="codeLatLng()">
</div>
<table class="width2">
   <tr><td class="unitx1"><strong>Dirección:</strong></td><td><div id="address"></div></td></tr>
</table>
<div id="map_canvas" style="width: 990px; height: 500px"></div>

Espero les sirva y cualquier cosa, ya saben cómo contactarme…

Enjoy this Life!

Una disculpa enorme a quienes me han escrito comentarios o correos desde aquí, en esta semana intentaré dar respuesta a todo y empezar a publicar nuevamente.

Así que manos a la obra…

Enjoy!

La herramienta se llama Groovedown y es sumamente sencilla de utilizar, hace un tiempo encontré esta aplicación, permitiéndonos descargar las canciones que se encuentran en Grooveshark, pero, su limitante es que era únicamente para Windows, que podía ser emulado desde Mac o Linux con Wine, pero en ocasiones no funcionaba del todo bien. Ahora han mejorado y cerrando el 2011 han hecho la aplicación multiplataforma, para windows es un instalador, para Mac y Linux la aplicación está desarrollada en Java, así que con un doble click tendremos funcionando el programa.

Su uso es bastante sencillo, colocamos lo que estamos buscando y hacemos click en “Search”, de forma opcional podemos seleccionar en los botones de arriba de la caja de búsqueda, que le de prioridad a buscar bajo el concepto que hayamos buscado, el nombre de la canción/artista/álbum o incluso lista de reproducción. Ya que nos aparecen los resultados, seleccionamos la canción y hacemos click en el signo “más” (+) que nos aparece a la izquierda, esto la descargará automáticamente y podremos visualizar su avance en la lista de descargas. Además nos deja un historial de lo que hemos descargado.

Por último tenemos la opción de configuraciones, dónde guardar los archivos descargados, máximo de descargas en paralelo y cómo y dónde queremos que se guarden las descargas.

Cabe mencionar que la aplicación sigue en desarrollo y de repente tiene algunos detalles, otro detalle es que está libre de virus, es una aplicación que se conecta a un servicio de música exclusivamente, así que no encontraremos sorpresas con las descargas, además es de uso bajo propio riesgo conforme a sus términos de uso.

Sitio y descarga: Groovedown.me

Enjoy this Life!!

En esta ocasión veremos un ejemplo buscado por muchos, y que puede llegar a tener gran utilidad dependiendo de nuestra aplicación, estamos hablando de trazar rutas… dije ¿rutas?, si, rutas, direcciones, un pequeño GPS en web.

Lo que haremos es bastante sencillo de entender y lo pondremos de la manera más básica, esto para darte la amplitud a que lo mejores y le pongas la cara que desees.

El proceso es entendido por todos, es proporcionar 2 puntos, un origen y un destino, a partir de esto, que nos proporcione una ruta para ir de un lado a otro. Sin más preámbulo manos a la obra.

Lo primero (siempre usaremos los scripts de jQuery y GMaps) que haremos será crear el html sobre el cuál vamos a trabajar, para esto solamente requerimos 2 cajas de texto para escribir el origen y el destino, un botón para ejecutar el proceso, 2 combobox donde uno será para elegir el modo de viaje (auto, bicicleta, caminando) y el otro para elegir el sistema de medición (Métrico -mts, Km-, Imperial -ft, Mi-), por último 2 divs, uno para el espacio del mapa y otro para el panel de direcciones.

<div>
	<label for="origen">Origen</label>
	<input type="text" name="origen" id="origen" placeholder="calle, ciudad, estado..." />
	<br />
	<label for="destino">Destino</label>
	<input type="text" name="destino" id="destino" placeholder="calle, ciudad, estado..." />
	<br />
	<input type="button" id="buscar" value="Buscar ruta"  />
</div>
<br />
<h3>Opciones</h3>
<div id="rutaOps">
	<select id="modo_viaje" class="opciones_ruta">
		<option value="DRIVING" selected="selected">Auto</option>
      	<option value="BICYCLING">Bicicleta</option>
      	<option value="WALKING">Caminando</option>
  	</select>
  	<select id="tipo_sistema" class="opciones_ruta">
      	<option value="METRIC" selected="selected">Métrico</option>
      	<option value="IMPERIAL">Imperial</option>
  	</select>
</div>
<br />
<div>
	<div id="map_canvas" style="float:left; width:70%; height:500px"></div>
	<div id="panel_ruta" style="float:right; overflow: auto; width:30%; height: 500px"></div>
</div>

Una vez que tenemos el HTML nos enfocaremos en el la API y JS completamente, declaramos 2 objetos globales, uno es DirectionsRenderer y otro es DirectionsService. El primero nos dará las herramientas necesarias para que visualicemos en el navegador toda la información obtenida, el segundo es el servicio que buscará en las bases de datos de Google Maps tanto los puntos como la(s) rutas existentes.

var directionsDisplay = new google.maps.DirectionsRenderer();
var directionsService = new google.maps.DirectionsService();

Una vez hecho esto, escribimos el código para ya tener inicializado y dibujado el mapa en nuestra página, creamos una función con el nombre que nosotros queramos, dentro de ella, vamos a colocar lo siguiente:

var request = {
 origin: $('#origen').val(),
 destination: $('#destino').val(),
 travelMode: google.maps.DirectionsTravelMode[$('#modo_viaje').val()],
 unitSystem: google.maps.DirectionsUnitSystem[$('#tipo_sistema').val()],
 provideRouteAlternatives: true
 };

Línea por línea:

1. Declaramos una variable con las opciones con las que se va a solicitar la información al objeto DirectionsServices, lo siguiente son parámetros para hacer la búsqueda de acuerdo a los datos introducidos.
2. A origin se le asigna el valor de  la caja de texto origen estableciendo el punto de partida de la ruta.
3. A destination se le asigna el valor de la caja de texto destino con el que se especifica el punto final de la ruta.
4. En la opción travelMode se asigna la opción elegida para el modo de viaje (modo_viaje), por esta razón en el valor de cada opción se definió de acuerdo al valor asignado en la API.
5. unitSystem se refiere al tipo de unidades que se utilizarán para mostrar distancias, obteniendo el valor del tipo_sistema.
6. Con la opción provideRouteAlternatives establecemos en verdadero o falso (por default false), para indicar que puede ofrecernos más resultados para las rutas (rutas alternativas).

Una vez declarada la variable con el arreglo de los parámetros, con unas cuántas líneas vamos a hacer la solicitud y plasmar el resultado:

directionsService.route(request, function(response, status) {
	if (status == google.maps.DirectionsStatus.OK) {
		directionsDisplay.setMap(map);
		directionsDisplay.setPanel($("#panel_ruta").get(0));
		directionsDisplay.setDirections(response);
	} else {
	        alert("No existen rutas entre ambos puntos");
	}
});

Recordemos que al inicio declaramos 2 objetos, teniendo en cuenta su función, les explico línea a línea:

1. directionsService.route hace la solicitud a la API con los datos que previamente establecimos (request), creamos una una función interna, que recibe los parámetros de respuesta (response) que es donde vendrían contenidos los datos y un estatus (status) que indica si fue exitosa la solicitud.
2. Si el estatus es OK procedemos, si no, mandamos un mensaje de error diciendo que no se pudo encontrar ruta entre ambos puntos. Existe una serie de estatus distintos, sin embargo y para efectos prácticos solamente usamos aquí el OK (para ver más tipos de status, hay que ir directamente a la documentación de la API).
3. directionsDisplay.setMap(map) establece el mapa sobre el cuál será trazada la ruta, la variable map debe ser un objeto tipo Mapa, además de global.
4. directionsDisplay.setPanel($(“#panel_ruta”).get(0)) indica dónde van a ser escritas las indicaciones de la ruta, aquí es necesario indicar un div disponible (panel_ruta).
5. directionsDisplay.setDirections(response) hace la magia, imprime en el mapa la ruta y escribe las indicaciones de acuerdo a las 2 instrucciones anteriores.

Por último solamente creamos un par de funciones para que al hacer click en el botón busque la ruta o la redibuje si se eligen diferentes opciones, esto es opcional, si no lo quieren así hay que hacer que indicar que al hacer click, la función central se ejecute, para mi caso, la función la llamé rockAndRoll 

$('#buscar').live('click', function(){
	rockAndRoll();
});

$('.opciones_ruta').live('change', function(){
	rockAndRoll();
});

Es todo por esta ocasión, espero les ayude en sus proyectos o simplemente para jugar un rato, si quieren verlo en función denle click en el botón verde, dudas y comentarios son bien recibidos, o pueden encontrarme en twitter @jafrancov

Enjoy this Life!!

Todo iba correctamente hasta que algo me saltó, algo no estaba cuadrando en mi grupo de amigos y conocidos en Foursquare, uno de ellos (RubenAlgo) veía que siempre tenía un puntaje mayor a 700, 245 Mayorships y 5428 checkins en 340 días (datos a la fecha de este post), esto es una cantidad realmente impresionante, ya que diariamente y sin fallar debe hacer alrededor de 15 checkins, más o menos distribuidos para que la API no le bloquee y siga manteniendo sus Mayorships. Ocasionalmente coincidía que hacía checkins donde se supone yo estaba, para mi sorpresa, no estaba él allí (¿checkins falsos?). Hasta hace un par de días, me puse a investigar un poco al respecto y descubrí el truco (además descubrí que una de dos, o descubrió la teletransportación o es Jumper), en cada checkin, se registra desde qué aplicación se realizó dicho check-in, y para la gran mayoría de este caso particular, fueron desde una aplicación llamada Auto4Sq.

Auto4Sq nos dice que su intención es esta:

Programación Automática de Check-ins
CÓMO FUNCIONA
Es un concepto simple. Hace check-in en Foursquare en el mismo lugar todos los días. Tal vez el trabajo, tal vez la escuela, tal vez en su club deportivo favorito. Pero a veces se olvida ¡hacer check-in! Pues no más. Programe sus check-ins de Foursquare con nosotros y automáticamente haremos sus check-ins día a día!

1. Ingresar a través de Foursquare
2. Elegir un lugar de su historial
3. Seleccione el día/hora para programar sus check-ins
4. ¡Siéntese y deje el auto check-ins de comience!

La intención es bastante buena y de hecho la aplicación en sí, lo es, sin embargo, muchos usuarios han encontrado que es la mejor manera de “hacer trampa” en Foursquare, ya que, dejan programados una gran cantidad de checkins a lo largo del día en innumerables lugares, además de que la aplicación toma el lugar donde hiciste checkin de tu historial y usa los mismos datos de geolocalización para hacer que el checkin cuente para obtener el Mayor, con esto, a mi punto de vista, se rompe por completo la dinámica del juego.

Tengamos algo en cuenta, todo este rollo de Foursquare es un graaaaaan juego, pero, hacer trampa en lo que sea, no es tan cool, dirían los comerciales de TV “Tienes el Valor o ¿Te Vale?” jaja.

Link: Auto4Sq

Ya hemos visto el cómo obtener geolocalización para ubicar el lugar donde nos encontramos, pero, ¿qué pasa cuando buscamos una dirección diferente a donde nos encontramos?, sería necesario escribir y buscar la dirección deseada, bien pues el proceso es relativamente sencillo. (Para esto requeriremos que agregues los scripts de GMaps y de jQuery, consulta los anteriores post si tienes duda de esto).

Lo que haremos se resume en: escribir una dirección, verificar si existe, si existe, colocar un marcador, centrar y dar zoom en el mapa en la región de la dirección obtenida, si no existe la dirección arrojar un error diciendo que no existe.

La parte importante del código es generar un objeto que nos permita comunicarnos con la API  de Google Maps y nos convierta la dirección en latitud y longitud de manera que podamos maniobrarlas a placer.

var geocoder = new google.maps.Geocoder();

Cuando se genera una petición de Geocoding, pueden enviarse varios parámetros para obtener resultados más específicos, un objeto de solicitud completa comprendería:

• address (obligatorio *): es la dirección que deseas codificar de forma geográfica.
• latLng (obligatorio *): la latitud y la longitud (LatLng ) para las que deseas obtener la dirección interpretable por humanos más cercana.
• bounds (opcional): los límites de latitud y de longitud (LatLngBounds) dentro de los que quieres predeterminar los resultados de codificación geográfica con mayor importancia. Para obtener más información, consulta la sección Especificación de la ventana gráfica que encontrarás a continuación.
• language (opcional): es el idioma en el que se devuelven los resultados.
• region (opcional): el código de región, especificado como una subetiqueta region del lenguaje IANA. En la mayoría de los casos, estas etiquetas se asignan directamente a valores de dos caracteres ccTLD (“dominio de nivel superior”) ya conocidos. Para obtener más información, consulta la sección Especificación del código de región que encontrarás a continuación.

* Nota: la búsqueda funciona incluyendo solamente el campo address, aunque siempre es requisito incluir un campo address o un campo latLng obligatoriamente, si se coloca un campo latLng, el geocoder realizará el proceso conocido como codificación geográfica inversa, o sea, convertir coordenadas en direcciones, pero, eso lo veremos en otro post.

La solicitud se hace de la siguiente manera:

// Obtenemos la dirección y la asignamos a una variable
var address = $('#address').val();
// Creamos el Objeto Geocoder
var geocoder = new google.maps.Geocoder();
// Hacemos la petición indicando la dirección e invocamos la función
// geocodeResult enviando todo el resultado obtenido
geocoder.geocode({ 'address': address}, geocodeResult);

El objeto que se obtiene de respuesta es un JSON, donde lo manejaríamos como regularmente se hace en javascript, el resultado es algo como esto:

{
  "status": "OK",
  "results": [ {
    "types": [ "street_address" ],
    "formatted_address": "1600 Amphitheatre Pkwy, Mountain View, CA 94043, USA",
    "address_components": [ {
      "long_name": "1600",
      "short_name": "1600",
      "types": [ "street_number" ]
    }, {
      "long_name": "Amphitheatre Pkwy",
      "short_name": "Amphitheatre Pkwy",
      "types": [ "route" ]
    }, {
      "long_name": "Mountain View",
      "short_name": "Mountain View",
      "types": [ "locality", "political" ]
    }, {
      "long_name": "California",
      "short_name": "CA",
      "types": [ "administrative_area_level_1", "political" ]
    }, {
      "long_name": "United States",
      "short_name": "US",
      "types": [ "country", "political" ]
    }, {
      "long_name": "94043",
      "short_name": "94043",
      "types": [ "postal_code" ]
    } ],
    "geometry": {
      "location": {
        "lat": 37.4219720,
        "lng": -122.0841430
      },
      "location_type": "ROOFTOP",
      "viewport": {
        "southwest": {
          "lat": 37.4188244,
          "lng": -122.0872906
        },
        "northeast": {
          "lat": 37.4251196,
          "lng": -122.0809954
        }
      }
    }
  } ]
}

Lo único que nos faltaría es el código para validar, interpretar y dibujar. Para esto, hay 3 cosas importantes que debemos tomar en cuenta del JSON que tenemos de respuesta:

• status: contiene la respuesta del estado de la petición, si fue satisfactoria o si hubo algún error y que tipo de error.
• geometry.location: la ubicación de la dirección solicitada
• geometry.viewport: los límites recomendados para ajustar el zoom del mapa, haciendo un cuadrante con las esquinas Noreste (superior derecha) y Suroeste (inferior izquierda).

Con esto en presente, la función siguiente nos mostrará solamente el primer resultado obtenido, quedando así :

function geocodeResult(results, status) {
    // Verificamos el estatus
    if (status == 'OK') {
        // Si hay resultados encontrados, centramos y repintamos el mapa
        // esto para eliminar cualquier pin antes puesto
        var mapOptions = {
            center: results[0].geometry.location,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map($("#map_canvas").get(0), mapOptions);
        // fitBounds acercará el mapa con el zoom adecuado de acuerdo a lo buscado
        map.fitBounds(results[0].geometry.viewport);
        // Dibujamos un marcador con la ubicación del primer resultado obtenido
        var markerOptions = { position: results[0].geometry.location }
        var marker = new google.maps.Marker(markerOptions);
        marker.setMap(map);
    } else {
        // En caso de no haber resultados o que haya ocurrido un error
        // lanzamos un mensaje con el error
        alert("Geocoding no tuvo éxito debido a: " + status);
    }
}

Y listo con esto tenemos terminado nuestro ejercicio, puedes verificarlo en funcionamiento en la página de demos:

El código completo quedaría así:

$(document).ready(function() {
    load_map();
});

var map;

function load_map() {
    var myLatlng = new google.maps.LatLng(20.68009, -101.35403);
    var myOptions = {
        zoom: 4,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map($("#map_canvas").get(0), myOptions);
}

$('#search').live('click', function() {
    // Obtenemos la dirección y la asignamos a una variable
    var address = $('#address').val();
    // Creamos el Objeto Geocoder
    var geocoder = new google.maps.Geocoder();
    // Hacemos la petición indicando la dirección e invocamos la función
    // geocodeResult enviando todo el resultado obtenido
    geocoder.geocode({ 'address': address}, geocodeResult);
});

function geocodeResult(results, status) {
    // Verificamos el estatus
    if (status == 'OK') {
        // Si hay resultados encontrados, centramos y repintamos el mapa
        // esto para eliminar cualquier pin antes puesto
        var mapOptions = {
            center: results[0].geometry.location,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map($("#map_canvas").get(0), mapOptions);
        // fitBounds acercará el mapa con el zoom adecuado de acuerdo a lo buscado
        map.fitBounds(results[0].geometry.viewport);
        // Dibujamos un marcador con la ubicación del primer resultado obtenido
        var markerOptions = { position: results[0].geometry.location }
        var marker = new google.maps.Marker(markerOptions);
        marker.setMap(map);
    } else {
        // En caso de no haber resultados o que haya ocurrido un error
        // lanzamos un mensaje con el error
        alert("Geocoding no tuvo éxito debido a: " + status);
    }
}

Y en el Body solamente esto:

<div><input type="text" maxlength="100" id="address" placeholder="Dirección" /> <input type="button" id="search" value="Buscar" /></div><br/>
<div id='map_canvas' style="width:600px; height:400px;"></div>

Espero les sirva y cualquier cosa, ya saben cómo contactarme…

Enjoy this Life!

Por un rato creí que iba a sufrir el largo camino de las actualizaciones manuales y hacer circo maroma y teatro para lograrlo, hasta que encontré la solución, activar SSH2 para las actualizaciones de WordPress… parece como muy difícil pero la verdad es que es sumamente sencillo realizarlo.

Los servidores en los que hice esto son Ubuntu/Debian, pero puedes realizar lo equivalente según tu caso, entra a la consola de tu servidor y ejecutamos esto:

• apt-get install libssh2-php
• /etc/init.d/apache2 restart

En resumen es instalar la librería de PHP libssh2-php y reiniciar nuestro servidor web, si, así de sencillo es, una vez que entres a WordPress, te diriges a la sección de actualizaciones y seleccionamos que actualice de forma automática, veremos una opción que dice SSH2 la seleccionamos, ponemos nuestros datos de acceso y ¡listo! Espero les sirva tanto como a este servidor.

Enjoy this Life!

1. En Chrome para Mac OSX, en la barra de direcciones escribe about:flags
2. Activa o habilita una función que se llama Descripción general de pestaña o Tab Overview
3. Al activarlo, al final de esa página aparecerá un botón que dice Reiniciar Ahora, les cerrará y abrirá Chrome tal cual lo tenían, pero ahora con la función habilitada.
4. En el trackpad deslicen 3 dedos verticalmente hacia abajo y ¡¡voilá!! tendrás algo como esto:

Lamentablemente no hay esta función para usuarios de Windows y Linux, por la misma razón de que no existen gestos multitáctiles en los trackpads de la mayoría de las PCs, en algunas si, pero no funciona del todo, puede darse el caso de que se pueda con combinación de teclas pero por el momento no hay nada… sorry.

Enjoy this Life!!

Los dos, dependiendo el uso que pretendas darle al servicio.

Veamos y aclaremos primeramente cuáles son las reglas básicas de lo que es cada cosa.

La primera y la más importante de todas, qué es una Red Social, según la wikipedia nos dice:

Las redes sociales son estructuras sociales compuestas de grupos de personas, las cuales están conectadas por uno o varios tipos de relaciones, tales como amistad, parentesco, intereses comunes o que comparten conocimientos.

Ahora, todos sabemos o al menos tenemos idea de lo que es un

Blog es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente.

Entonces si un Blog, el autor del artículo explayarse tanto como quiera, un sistema de microblogging, es como un blog limitado a una extensión predefinida de contenido.

Ya con esas dos definiciones podemos continuar, entendamos algo, Twitter y Facebook cumplen propósitos MUY diferentes.

Facebook SI es una Red Social, la razón es muy sencilla, nos conecta con personas con las que tenemos algún tipo de relación o con la que queremos tener un tipo de relación. Además de que para que una relación sea considerada como relación, debe ser recíproca, acción que realizamos en el momento en que aceptamos esa “amistad”. Facebook nos puede servir para conocer más a detalle lo que hacen nuestros amigos, dónde estudiaron, a qué fiesta fueron, qué amistades tenemos en común, qué les gusta o no les gusta, jugar colaborativamente y puff… muchísimas cosas más que sin darnos cuenta, son detalles que vamos conociendo día a día que revisamos aquellos muros, perfiles o fotografías de aquellas personas que tenemos en nuestra lista de “amigos”.

Facebook va más allá de simplemente tener a todos tus conocidos y amigos en un círculo socio-virtual, es un mounstruo de aplicaciones, como una agenda, planeación de eventos, juegos…¿pero y todo esto de qué nos sirve? quizá a muchos de nosotros como simples usuarios solamente para tener un punto más de interconexión con nuestras amistades, pero para las empresas, toda aquella información que proporcionamos o que hacemos en la Red Social pueden convertirse en datos sumamente jugosos y preciados para analizar.

En la categoría de Redes Sociales podemos encontrar Facebook, LinkedIn, Bebo, MySpace, Hi5, Orkut, pero bueno, en fin, Facebook en resumidas cuentas es una conexión recíproca, es decir para estar conectados hay que tener una aceptación de ambas partes para ser “amigos”.

Twitter para empezar NO es una Red Social, mucha gente cree que si, pero no lo es, es un sistema de microblogging. Para explicarlo mejor, imaginemos que todos somos los editores de un periódico personal, yo publico y distribuyo aquello que yo he escrito, asimismo cada uno de ustedes, la gente a la que le interesan mis publicaciones, comienza a seguir más de cerca mis artículos (me da Follow), sin embargo, yo no estoy obligado a retornarle el favor a menos que me guste lo que publica (Followback).  Pues así es como funciona Twitter, tú decides a quién seguir y cuando alguien te sigue, es op-cio-nal regresar el follow, esto rompe con el esquema de una Red Social ya que no es obligatoriamente recíproco, solo pensemos, ¿te seguirías a ti mismo?

Muchos pensaríamos al inicio, que Twitter es algo como Facebook pero sin esteroides, más ahora con los cambios en la versión web, que tiene una semejanza mayor por las previsualizaciones de links, ya sean imágenes, videos, o cualquier otra publicación, pero sigue sin ser igual o similar, solamente es una vista diferente, la esencia son los 140 caracteres. Entre los microblogging podremos encontrar a Twitter, Jaiku, Identi.ca, Yammer.

Pero ¿como para qué se usa Twitter? tan grande puede ser su impacto, que es un punto donde puede explotar una comunicación viral impresionante. Es abierto, es como leer el blog de alguien, como un sitio web personal. Servicios como los botones para compartir, publicar imágenes o videos, entre muchas otras aplicaciones que usan como fuente de información los tweets que todos nosotros publicamos, han hecho de twitter un gran medio y/o vía de comunicación instantánea.

Quizá por ahí se me fue uno que otro punto pero traté de no extenderme demasiado, ahora si, podremos volver a la pregunta inicial ¿Twitter o Facebook? … Para mi la respuesta más acertada es AMBAS.

Imágenes: SoxialMedia, Paola’s Blog

Enjoy this Life!!

En OSX a veces las cosas que parecen complicadas pueden llegar a ser las más sencillas, para recuperar las claves haremos lo siguiente:

1. Abrimos la aplicación de Keychain Access (Acceso a llaveros), la podemos encontrar en /Aplicaciones/Utilidades/Acceso a Llaveros.app
2. Una ves abierta, en la barra izquierda identificamos donde dice “Contraseñas” esto nos mostrará todas las aplicaciones, redes y conexiones que hayamos hecho con nuestra Mac. Ahora identificamos la red o aplicación de la cuál queremos descubrir su clave y le damos un doble click.
3. Al hacer doble click nos muestra una ventana con la información concentrada del elemento, y chequeamos la opción de “Mostrar contraseña“, nos pedirá nuestra contraseña de usuario, se la otorgamos y tatáaaaa… tendremos revelada la contraseña del elemento, sea red, aplicación, conexión o hasta sitio web al que le hayamos dado permiso de guardar la contraseña.

Es todo, espero les sirva para cuando requieran aquella contraseña casi imposible de recordar =P

Enjoy this Life!!