Cabeza de Teclado

Un HelloWorld de GoogleMaps en Android [Tutorial]

2012-01-31T19:20:00.000-03:00

Asumiendo que ya tienen un proyecto creado, deben seguir las siguientes instrucciones para hacer funcionar GoogleMaps en su applicación Android:

1. Antes que todo, deben saber que para hacer funcionar los mapas, deben conseguir una API key, una clave, gratuita proporcionada por Google. Ésta es única para cada computador, por lo que si trabajan colaborativamente, no podrán usar una sola clave para el proyecto, cada uno debe tener la suya.

Las instrucciones las pueden obtener aquí http://code.google.com/intl/es/android/add-ons/google-apis/mapkey.html (en inglés) Si necesitan ayuda con eso, escriban en los comentarios.

Ahora que tienen la apikey, seguimos con nuestr aplicación:

2. Creen una nueva vista (donde mostrarán el mapa). Vayan a la carpeta res/layout y creen un archivo nuevo, llámenlo mapview.xml .
3. Creen una nueva clase, llámenla GoogleMapActivity (aparecerá como GoogleMapActivity.java)
4. El GoogleMap debe extender de MapActivity para poder hacer funcionar el mapa. El código base que deben tener en esa clase es:

package el.nombre.de.su.paquete;

import android.os.Bundle;
import com.google.android.maps.MapActivity;

public class GoogleMapActivity extends MapActivity {

    /*Se llama cuando la actividad se crea inicialmente*/
    @Override
    public void onCreate(Bundle savedInstanceState)

    {
        super.onCreate(savedInstanceState);

      /*Configuramos el contenido para que se muestre en la vista que creamos en el paso 2.*/
        setContentView(R.layout.mapview);
    }

    @Override
    protected boolean isRouteDisplayed() {
        return false;
    }
}

5. En el manifest se deben agregar algunas líneas de código:

<uses-permission android:name="android.permission.INTERNET"/>

esto debe ir dentro de los tags:

 <manifest> </manifest>

y dentro de los tags

<aplication> </aplication>

deben agregar:

<uses-library android:name="com.google.android.maps"></uses-library>

6. Y con eso ya estamos listos. Ahora para llamar al mapa con un boton, hay que agregar el botón al main.xml de res/layout, llamar a la actividad desde la actividad principal con el siguiente código por ejemplo:

Button btn_map = (Button) findViewById(R.id.button2);
btn_map.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
 Intent myIntent = new Intent(this, GoogleMapActivity.class);
     startActivity(myIntent);
 }
});

y agregar la actividad al manifiesto:

 <activity android:name=".GoogleMapActivity"></activity>

OJO: Recuerden que en las propiedades del proyecto el target debe estar configurado para un Google APIs

Este tutorial fue posible gracias a este link (en inglés).

Abrir la consola desde cualquier carpeta

2012-01-28T00:51:00.001-03:00

No es nada nuevo, pero siempre se me olvida qué es lo que hay que instalar para poder abrir una consola desde cualquier carpeta.

En Ubuntu 11.10, se puede ir al "Ubuntu Software Center" y buscar el programa:

nautilus-open-terminal

Una vez instalado, es recomendable reiniciar el computador.

Ahora podrán abrir una carpeta cualquiera, hacer click derecho y tendrán en el menú una nueva opción que te permite abrir una consola "Open in Terminal". Así la consola estará ubicada en esa carpeta y no es necesario navegar a ese directorio de forma manual.

Accediendo a la Bios teniendo FreeDOS

2012-01-25T01:33:00.000-03:00

Para acceder a la BIOS al arrancar el computador, presionar la tecla "del" o "supr" antes de que aparezca el menu de FreeDOS.

Widget de entradas relacionadas

2012-01-16T16:48:00.001-03:00

Hoy encontré un widget que me gustó mucho y quiero compartirlo con ustedes.
Se trada de Link Within un widget que publica entradas (posts) relacionadas al post actual, al final de éste.

Es muy fácil agregarlo a blogger y no requiere registrarse. Basta colocar su mail, la url de su blog, indicar donde se aloja su blog y la cantidad de entradas y luego hacer click en agregar widget y listo! Tienen posts relacionados en cada una de las entradas de su blog.

No solo funciona con Blogger, también sirve para blogs de Wordpress y TypePad.

En caso que sus entradas tengas fotos, estos links incluirán la primera foto. En caso que no lo tengan, sólo será un link de texto.

Ignorar un directorio de SVN en Ubuntu

2011-11-21T22:11:00.000-03:00

Si se han preguntado cómo ignorar un directorio de SVN en Ubuntu. Este

svn propedit svn:ignore path/to/dir

svn propedit svn:ignore . si estan en la carpeta

se abre un archivo y se debe escribir * para ignorar todo o bien se puede escribir el nombre de un archivo que se desee ignorar.

Could not find a JavaScript runtime. al correr rake db:create

2011-11-19T23:59:00.000-03:00

Si se encontraron con el error

Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes.

al correr rake db:create

Lo pueden solucionar al agregar dos lineas a su Gemfile:

gem 'execjs'

gem 'therubyracer'

Y luego corriendo:

bundle install

RoR: Tablas y Columnas

2011-11-09T02:39:00.001-03:00

Trabajando con Ruby on Rails, muchas veces olvido las tablas y columnas que tengo creadas en mi base de datos. Esto se puede solucionar inspeccionando la base de datos desde la consola de rails.

Para abrir la consola en Ubuntu ejecuta desde la linea de comando:

rails console

luego para ver las tablas creadas puedes correr el comando:

ActiveRecord::Base.connection.tables

Y para ver las columnas de una tabla puede correr:

ActiveRecord::Base.connection.columns("nombre_tabla").map{|c| [c.name, c.type]}

donde el .map{..} se usa para que puedas ver las columnas de una forma más ordenada, ya que de otra forma el comando te retorna los objectos de las colmnas en lugar de solo el nombre y el tipo.

Error: ActionView::Template::Error (application.css isn't precompiled):

2011-11-01T19:23:00.001-03:00

Al tratar de visualizar una página de mi aplicación de rails me apareció el siguiente error:

ActionView::Template::Error (application.css isn't precompiled):

2: <html>

3: <head>

4: <title>MyApp</title>

5: <%= stylesheet_link_tag "application" %>

6: <%= javascript_include_tag "application" %>

7: <%= csrf_meta_tags %>

8: </head>

app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__312531564_69848393197180'

app/controllers/users_controller.rb:7:in `index'

Por defecto Rails asume que se tienen los archivos en producción precompilados.

Para solucionar este problema se debe configurar config.assets.compile a true

De esta manera de compilarán los archivos faltantes que sean necesarios.

Este cambio se debe hacer en el archivo production.rb ubicado en config/environments.

La solución la encontré aquí

Borrar archivos faltantes de svn

2011-10-29T15:01:00.000-03:00

Si por casualidad borraron archivos de manera manual de una carpeta que tienen con svn. Este programa los va a marcar como faltantes. Para eliminar todos los archivos faltantes se debe correr el siguiente comando en su terminal:

svn rm $( svn status | sed -e '/^!/!d' -e 's/^!//' )

Luego se corre un commit (svn ci -m "un mesaje") y se borrarán esos archivos de su repositorio

iTunes playlists y DoubleTwist

2011-10-26T11:22:00.000-03:00

Recientemente bajé la aplicación DoubleTwist para poder sincronizar la música de mi computador con mi celular Android.

En cuanto inicié la aplicación, DoubleTwist reconoció toda la música en mi iTunes, pero no apareció ninguna lista.

Para importar las playlist a iTunes hay que hacer click en el botón Playlist Setup (bajo Playlist, en la barra del costado izquierdo). Ahí se abrirá una pantalla y te preguntará qué playlist deseas importar: iTunes, WMP, o ambos. Haces clic en importar y listo!

Un detalle importante, si haces cambios en tu biblioteca de iTunes los éstos no se verán reflejados en DoubleTwist. Para ello es necesario eliminar la carpeta /Library/Application Support/doubleTwist/Libraries en Mac o C:\Users\%UserName%\AppData\Local\doubleTwist Corporation\doubleTwist desktop\Data\%long_hexadecimal_number_here% en Windows y se volverá a realizar el escaneo de la biblioteca cuando vuelvas a iniciar la aplicación y se re-importará la información de iTunes y iPhoto.

missing org.eclipse.wst.sse.core 0.0.0

2011-10-26T11:00:00.001-03:00

Es posible que al instalar el ADT de Android en Eclipse, les aparezca el error donde indica que falta el componente org.eclipse.wst.sse.core 0.0.0

De este link encontré los siguientes pasos a seguir para solucionar el problema, (se los dejo en inglés):

Eclipse 3.6 (Helios)

Select Help > Install New Software...
Click the link for Available Software Sites.
Ensure there is an update site named Helios. If this is not present, click Add... and enterhttp://download.eclipse.org/releases/helios for the Location.

Una vez realizado esto, vayan a Help > Install New Software... y vuelvan a intentar con el ADT, fíjense que deben tener marcada la casilla "Contact all update sites during the install to find required software"

Crear xml personalizado en Rails

2011-10-25T00:12:00.002-03:00

En el controlador probablemente tienen lo siguiente:

def mi_accion
    @algos = Algo.all

    respond_to do |format|
      format.html # index.html.erb
      format.xml  { render :xml => @algos }
    end
  end

El primer paso es sacar la información adicional que contiene el format.xml y dejarlo de esta manera:

def mi_accion
    @algos = Algo.all

    respond_to do |format|
      format.html # index.html.erb
      format.xml
    end
  end

El segundo paso es crear un archivo nuevo en la sección Vistas (Views) con la extensión: .xml.builder
En este caso: mi_accion.xml.builder
y dentro de este archivo es donde podrán crear el xml a su gusto. Deben partir colocando xml.instruct! al inicio de su archivo. Puede tener una estructura como esta:

xml.instruct!
xml.algos do
  @algos.each do |algo|
     xml.algo
        xml.tipo algo.tipo
        xml.id algo.id
        xml.nombre algo.nombre
    end
  end
end

y generará algo como:

<algos>
  <algo>
   <tipo>0</tipo>
   <id>33</id>
   <nombre>Rafael</nombre>
  <algo>
</algos>

Recuerden siempre tener sólo un nodo raíz, de otra manera no se generará el archivo que buscan.

Dropdown en Ruby on Rails

2011-10-21T02:36:00.002-03:00

Los formularios generados por rails generan campos de texto o checkboxes, pero qué pasa si quiero otro tipo de input del usuario, por ejemplo un dropdown?

Es tan fácil como cambiar

<%= f.text_field :pais %>

por

<%= f.select :pais, [['Chile','CL'],['Estados Unidos','USA'],['Argentina','ARG']] %>

Espero les sirva el dato :)

[Rhomobile Rhodes] error: device not found

2011-09-03T23:13:00.001-03:00

Si les sale el mensaje "error: device not found" cuando tratan de correr su aplicación en el emulador, es muy posible que no hayan instalado el SDK de Android en la carpeta adecuada. Por ejemplo si la tienen en

C:\Archivos de Programa\Android\android-sdk

Muevan la carpeta de Android/android-sdk de manera que la ruta les quede así:

C:\Android\android-sdk

Luego corran en la consola:

$ rhodes-setup

Y configuren la nueva ruta del sdk.

Ahora el problema debiese estar solucionado. Esto se debe a que se produce en error por los espacios que contiene el nombre de las carpetas que venían antes de Android.
Si usan el SDK de Android con Eclipse también tendrán que hacer un arreglito para que les corra el emulador.

Rhodes: "Error wrong android API version:"

2011-09-01T01:46:00.003-03:00

Si al tratar de correr tu aplicación con Rhodes te tira el error "Error wrong android API version:" revisa los Android API's que tienes instalado desde el Android SDK and AVD Manager

Rhodes sólo soporta hasta el SDK 3.0, por lo que si cuentas con las API's 12 y/o superiores instaladas debes eliminarlas para poder correr tu aplicación.

Para eliminar basta seleccionarlas de la lista y luego hacer clic en el botón delete
O bien se puede ir a la carpeta del Android SDK, luego a la carpeta Platforms y eliminar las API's que "nos sobran".

Con eso se soluciona el problema.

Generar latitud y longitud a partir de una dirección en javascript

2011-06-26T23:23:00.026-04:00

Google nos proporciona una herramienta para realizar lo que necesitamos, se llama Geocoder y se suele usar como parte del API de Google Maps

El código que nos interesa es el siguiente:

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

var address = 'Santiago, Chile'
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {

    var latitude = results[0].geometry.location.lat();

    var  longitude = results[0].geometry.location.lng();

    alert('La longitud es: ' + longitude + ', la latitud es: ' + latitude);

    } 
});

Como podemos ver, necesitamos crear una variable que contenga la dirección de nuestro interés, en este caso está hardcodeada pero también se puede generar de manera dinámica. Lo importante es que la variable address tenga una dirección asignada. Luego dentro de la función de geocode se asignan los valores de nuestro interés a las variables latitude y longitude, desplegamos un mensaje de alerta para ver los valores que nos está retornando el código, este mensaje se puede sacar al ver que los valores son los adecuados.
Dentro de la misma función se puede agregar más codigo para trabajar con los valores recién obtenidos

IMPORTANTE: Para poder utilizar este código, es necesario agregar la siguiente linea a nuestro documento:

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript">

Fuerza un estilo CSS

2011-06-25T14:36:00.001-04:00

Si te pasa que una propiedad de tu css se está sobrescribiendo con otra cosa hay una solución muy facil de implementar.

Se debe agregar !important al final de aquella propiedad que se está sobreescribiendo.

Así por ejemplo, en tu CSS puedes tener lo siguiente:

a {
   color: #ffffff !important;
 }

fuerza que los links sean de ese color. Esto no siempre va a funcionar, pero en algunos casos puede ser de utilidad.

Crear un botón con un link en Ruby on Rails

2011-06-17T20:33:00.000-04:00

Ya conocemos la linea:

<%= link_to 'Volver', :back %>

Si queremos convertir esto en un botón en lugar de tener un simple link, basta realizar esta pequeña modificación:

<%= button_to 'Volver', :back %>

Solicitar confirmación de una acción en Ruby on Rails

2011-06-16T23:59:00.003-04:00

Muchas veces necesitamos asegurarnos que el usuario realmente quiere hacer lo que está solicitando. Por ejemplo: hacer click en un link mientras se está editando un formulario, si se dirije al otro link se perderán los cambio.

Para eso existe una simple linea de código que se agrega al link:

 :confirm => 'Seguro que desea seguir?'

Agregando esto a un link, al hacer click en el se desplegará un mensaje de alerta preguntando si está seguro de querer continuar (o cualquier texto que quieran). Si el usuario acepta, se realizará la acción del link, en caso contrario no se hará nada.

Este es un ejemplo de un link y su confirmación:

<%= link_to 'Volver', :back, :confirm => "Seguro que desea seguir?\nLos cambios no han sido guardados" %>

Ahí tenemos un link que retorna a la página anterior que visitó el usuario, esta se encuentra al final de un formulario, por lo que advertimos al usuario que si sigue se perderán todos los cambios.

Crea un link a la página visitada previamente en Ruby on Rails

2011-06-16T18:51:00.001-04:00

Para crear un link a la página de donde viene el usuario en Ruby on Rails, basta colocar la siguiente linea de código:

<%= link_to_function 'Volver', 'history.back()' %>

o bien:

<%= link_to_function 'Volver', :back %>

Esto es equivalente a lo que hace la linea de código:

javascript:history.back()

Abre archivos .docx en versiones antiguas de Office

2011-04-27T01:06:00.000-03:00

Un dato de ayuda pública:

Si aun utilizan versiones de Office 2003 o XP, bajen el siguiente plugin para abrir archivos creados con versiones más nuevas de Office como (2007 o 2010), los archivos .docx y similares.

El plugin lo proporciona Microsoft, les dejo el link aqui.

Edita grub para iniciar con otro sistema operativo por defecto

2011-04-27T00:59:00.001-03:00

Si quieren tener Windows 7 y Ubuntu 10.04 corriendo en un mismo computador es muy fácil realizar la instalación. Basta con crear las particiones pertinentes, instalar Windows 7 primero en una partición y luego Ubuntu en otra partición.
Así, automáticamente se les instalará GRUB, un multiboot boot loader, de esta manera al encender su computador les aparecerá los dos sistemas operativos que tienen instalado y podrán escoger con cual iniciar, pero habrá uno que iniciará por defecto después de 10 segundos si no le indican lo contrario

Si quieren editar el sistema operativo que inicia por defecto deben hacer lo siguiente:

Iniciar Ubuntu 10.04 (ojo que en versiones más nuevas que utilizan grub 2 esta solución no sirve)
Abrir el terminal
Escribir: sudo gedit /boot/grub/grub.cnf
Deben ingresar su clave y luego se les abrirá un archivo que comienza con algo como "#DONT EDIT THIS FILE"
Como en la 4ta linea de código, la linea 12 del archivo, dice: set default = "0", ese es el número que les interesa cambiar. Cuando inician su computador y les aparece el grub con la lista de los sistemas operativos a iniciar deben ver en qué lugar está su sistema operativo de interés. Recuerden que se empieza a contar desde 0 y no desde 1.
Cambian ese número por el que necesitan, guardan el archivo y están listos. La próxima vez que inicien su computador tendrán por defecto el sistema operativo que ustedes señalaron.

Error de instalación de Visual Studio 2008

2011-04-17T13:38:00.000-03:00

Si al tratar de instalar Visual Studio 2008 les aparece el siguiente error:

error:the following component failed to install :Microsoft Visual Studio Web Authoring Component

Este error puede ser causado por Microsoft Office 2007, si lo tienes instalado, desinstalalo y vuelve a intentar con Visual Studio 2008.

Google talk en tu sitio web o blog

2011-04-16T14:02:00.001-03:00

Si quieres incluir un live chat en tu sitio web y que éste sea gratis, lo puedes hacer con Google Talk chatback Badge. Sólo debes agregar un par de lineas de código html y listo! Verás algo así:

El código lo puedes sacar de aquí, es un simple copy/paste. También te permite editar lo que se muestra en letras azules en la imagen de arriba, y si quieres o no mostrar tu status.

Un detalle no menor es que este servicio no se puede usar directamente con Google talk para el computador, sólo te avisa que alguien se metió a chatear contigo y tu debes conectarte a tu cuenta de Gmail para continuar con el chat. Esto es algo que deberían mejorar, pero por mientras el servicio saca de apuros.

También hay servicios pagados como OggChat en caso que busquesn algo más profesional. Permite tener varias cuentas y redirigirlas entre operadores.

Crea tu mail @tudominio.cl para tu blog editando los registros MX en CDMon

2011-04-14T12:21:00.000-03:00

En el post pasado indiqué cómo crear tu propio dominio .cl para tu blog. El siguiente paso es configurar un correo de la forma tunombre@tudominio.cl. Para esto necesitaremos la ayuda de Google Apps.

1. Si es que no tienen una cuenta en Google Apps, regístrense aquí o aquí, es gratis. Una vez que sigan todas las instrucciones y terminen con su registro, sigan al paso siguiente:

2. Activen la opción de correo electrónico en su Google apps. Esto los llevará a una segunda página que les indicará los registros MX que deben configurar más adelante, mantengan esa página abierta (o copien esos registros ya que los usarán en los siguientes pasos). Los registros MX tienen la forma "Dirección - prioridad". Deben ser algo como:

Dirección del servidor MX	Prioridad
ASPMX.L.GOOGLE.COM	10
ALT1.ASPMX.L.GOOGLE.COM	20
ALT2.ASPMX.L.GOOGLE.COM	20
ASPMX2.GOOGLEMAIL.COM	30
ASPMX3.GOOGLEMAIL.COM	30
ASPMX4.GOOGLEMAIL.COM ASPMX5.GOOGLEMAIL.COM	30 30

3. Ahora diríjanse a su panel de control en CDmon, vayan a la opción DNS Estático,

Ahí deben ver una lista de sus dominios, seleccionen el dominio de interés y hagan click en gestionar.

4. Hagan clic en editar registro CName del registro principal que les aparece ahí

5. Les aparecerán las siguientes opciones:

y hagan clic en Redirección URL (si, estamos cambiando de CNAME a Redirección, pero es la única manera de hacerlo funciona ya que el registro CNAME no permite modificar los registros MX)
Como URL coloquen www.midominio.cl y hagan click en guardar.

6. Ahora debemos agregar los registros MX que nos entregó Google Apps anteriorment. Para esto debemos hacer click en el link que parece un sobre:

Esto lo deberán hacer 6 veces, una para cada registro entregado por Google. Es muy importante que indiquen las prioridades que les entregó google.

Finalmente se verá así:

Deben esperar a que CDmon publique sus cambios para ver si todo anda bien. Esto demora unos 15 minutos.

7. Ahora vuelvan a Google Apps y hagan clic en el botón "He realizado estos pasos" para efectuar la verificación de los registros MX. Esta verificación puede demorar hasta 48 horas, en mi caso demoró sólo un par de minutos

Y listo! Ya tienen su mail@midominio.cl configurado. Espero les haya ayudado este tutorail