Zen of Palm es un documento de la compañía PalmSource escrito en el 2003. Esta era la compañía encargada por aquel entonces del desarrollo del sistema operativo de las pdas Palm, y en 44 páginas fueron capaces de condensar todo lo que debía ser un dispositivo portátil.

Entre las páginas del documento se encuentran las principales directrices que se debería seguir en el desarrollo de software para dispositivos portátiles que funcionan a batería. Después de 4 años de la publicación apareció en el mercado el iPhone de Apple, y es increíble ver como sigue casi al pie de la letra todo lo que en archivo de Palm se menciona.

En un apartado se dice que un dispositivo portátil no tiene porque ser como un ordenador de sobremesa, ya que se usa para fines distintos, como hacer pequeñas anotaciones en vez de escribir largos textos. El siguiente gráfico muestra lo que no se debería hacer y que sin embargo Microsoft ha hecho con sus productos durante muchos años:

Creo que se trata de una lectura más que recomendada para todo aquel que quiera desarrollar programas para sistemas Android, iPhone o Windows Mobile, ya que ayuda a cambiar el ‘chip’ de programar para sobremesa a programar para ‘portable’.

• Zen of palm.pdf

Fuente: accessdevnet

Es usual ver muchos mapas de Google incrustados en cientos de sitios web, pero para aquellos que no quieran caer en las garras de este gigante (o por cualquier otra razón) es posible utilizar la alternativa libre y colaborativa Openstreetmap junto con la librería javascript para visualizar mapas Openlayers.

Y para que se vea lo bien que funciona esta combinación aquí os dejo un ejemplo al que le sigue el código que lo hace funcionar:



CREAR MAPA Mostrar LA PILARICA

El código que muestra el mapa y ejecuta las acciones de los botones es el siguiente:

<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
  var map;
  function crearMapa() {
  if (document.getElementById('basicMap').innerHTML == ""){
    // apaño para modificar el estilo de texto de la atribución
    var S = document.createElement('style');
    S.type = 'text/css';
    var T = '.olControlAttribution {bottom: 0 !important;}';
    T = document.createTextNode(T)
    S.appendChild(T);
    document.body.appendChild(S);
    // Creación de un mapa
    map = new OpenLayers.Map("basicMap");
    // Creación de la capa que muestra el mapa de openstreetmap
    var mapnik = new OpenLayers.Layer.OSM();
    // Muestra imagenes pixeladas mientras se hace zum
    mapnik.transitionEffect = "resize";
    // Añadir la capa al mapa
    map.addLayer(mapnik);
    //web para sacar coordenadas
    //http://www.gorissen.info/Pierre/maps/googleMapLocationv3.php
    // Centrar el mapa transformando las coordenadas
    map.setCenter(new OpenLayers.LonLat(-0.878563,41.652603)
      .transform(
        new OpenLayers.Projection("EPSG:4326"), // de WGS 1984
        new OpenLayers.Projection("EPSG:900913") // a Proyección Esférica Mercator
      ), 13 // Nivel de zum
    );
  }else{
    alert("¡El mapa ya ha sido creado!");
  }
  }
  function mostrarPopup() {
    map.addPopup(new  OpenLayers.Popup.FramedCloud(
                            "La pilarica",
                             new OpenLayers.LonLat(-0.878756,41.656717)
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // de WGS 1984
            new OpenLayers.Projection("EPSG:900913")),
          null,
          "<img src=\"http://t1.gstatic.com/images?q=tbn:KWchVEJywTCKcM:http://upload.wikimedia.org/wikipedia/commons/5/58/Basilica_del_Pilar_ZaragozaAragon%28Spain%29.jpg\" alt=\"pilarica\" />",
          null,
          true
    ));
  }
</script>
<button onclick="crearMapa();"> CREAR MAPA </button> <button onclick="mostrarPopup();"> Mostrar LA PILARICA </button>
<div style="width: 550px;height: 300px;margin: 0;" id="basicMap"></div>

Fuente: openstreetmap.org wiki

La imagen superior en no es una imagen insertada al uso, sino que se trata de una imagen cuyos datos están insertados en el código html. De hecho, esta es la “pinta” que tiene:

<img alt="Embedded Image" width="120" height="120"
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA..." />

Para la obtención de la cadena de texto codificada en base64 que va justo después de la coma se puede usar el siguiente comando:

uuencode -m images.jpeg /dev/stdout | sed ’1d’ | sed ‘$d’ | tr -d ‘\n’

(sino se tiene disponible el comando, instalar el paquete donde está: sudo aptitude install sharutils)

Esta forma de insertar imágenes en una página web puede ser útil para determinadas aplicaciones donde no tenemos la posibilidad de subir imágenes, pero si podemos poner todo el texto que queramos.

También hay que decir que Internet Explorer no es muy amigo de este tipo de incrustación, así que es posible que a algunos no se les vea bien el ejemplo

Fuentes: greywyvern.com y commandlinefu.com

Actualización 13/01/2012: para más información, ver el artículo de Data URI Scheme en la wikipedia

Revisando un artículo acerca de la conferencia de prensa que dio google el pasado día 20, y que se centró en su sistema operativo/navegador web google chrome os, me ha llamado poderosamente la atención la diapositiva que hay como cabecera del artículo. En ella se resumen (y mucho) los aspectos más importantes para google del nuevo estándar HTML 5.

Este estándar pretende determinar como se escribirán e interpretarán las páginas web del futuro, así que no está de más explicar de forma escueta en que consistirán algunas de las novedades:

• Graphics

  
  El nuevo elemento canvas permite definir áreas de la página a las que se podrá acceder libremente usando javascript y dibujar dinámicamente en ellas. Así podrán hacerse animaciones o dibujos en tiempo real. Un ejemplo usando el elemento canvas para hacer un arkanoid.

• Video/Audio playback

  
  Los nuevos elementos video y audio permiten integrar directamente video y audio en una página web sin necesidad de que el usuario final tenga que tener instalado ningún plugin, siendo el navegado el encargado de reproducirlos. También se puede controlar la reproducción mediante javascript: pausa, silencio… Un ejemplo de vídeo y otro de audio.

• Threads

  
  El nuevo objeto webworker permite ejecutar un script en segundo plano y no quedarse bloqueado esperando acciones del usuario. También permite sacar provecho de los nuevos procesadores que disponen de varios núcleos, ejecutando tareas en paralelo. Explicación y ejemplo de webworker en la página de mozilla.

• Notifications

  
  Los server-sent events son eventos producidos por un servidor que llegan a una página web visualizada por un usuario. Dicha página web tiene que haber declarado previamente un manejador que será el que reciba la información de los eventos producidos. Un ejemplo de chat usando ‘server-sent events’ en el blog de Opera (funciona en Opera 9).

• Real-Time communication

  
  El nuevo objeto websocket permite la comunicación bidireccional entre una página web de una forma sencilla, sin importar los intermediarios que haya (proxies, firewalls…). Una explicación de websockets en la página de kaazing.org.

• Local Storage

  
  Los elementos sessionStorage y localStorage permiten almacenar información de manera local en el ordenador del usuario, pudiendo acceder a ella en el futuro. Así es posible guardar/cachear información para no tener que descargarla de nuevo en el futuro, o permitir a las aplicaciones web funcionar sin conexión a internet. Un ejemplo de webstorage en la página del w3.org.

En el artículo anterior explicaba como acceder a un objeto OLE o ActiveX desde java. En este voy a mostrar un ejemplo de como acceder al objeto OLE “Internet Explorer” desde una macro Excel para navegar a una cierta página y obtener información.

En concreto la página es google maps y la información es relativa a la distancia por carretera entre dos localidades. Para ver el ejemplo solo es necesario invocar a la función de la siguiente forma:

Aquí dejo los ficheros Excel con la función implementada para el que quiera aprender a usar esta funcionalidad o le pueda ser útil la función en si misma:

• calculadora_distancias_google_maps.xsl

Para el que esté interesado en usarlo aquí dejo un pequeño ejemplo que abrirá una ventana de Internet Explorer, navegará hasta la página principal de mi blog y a los 10 segundos se cerrará:

import com.jacob.activeX.ActiveXComponent;
import com.jacob.com.ComThread;
import com.jacob.com.Dispatch;
import java.util.logging.Level;
import java.util.logging.Logger;

public class OLE {

    // Declaración de la variable que almacenará el objeto OLE
    static ActiveXComponent IE;
    public static void main(String[] args){
      // Inicialización de la librería
      ComThread.InitSTA();
      // Creacón del objeto
      IE = new ActiveXComponent("InternetExplorer.Application");
      // Cambio de una propiedad del objeto
      Dispatch.put(IE, "Visible", true);

      // Invocación de un procedimiento
      Dispatch.call(IE, "Navigate", "http://blog.wikifotos.org");

      //Espera de 10 segundos
        try {
            Thread.sleep(10000);
        } catch (InterruptedException ex) {
            Logger.getLogger(OLE.class.getName()).log(Level.SEVERE, null, ex);
        }

      // Llamada al método que cierra la aplicación
      Dispatch.call(IE, "Quit");
  }
}

Para compilar el ejemplo*:

javac -cp lib\jacob.jar OLE.java

Para ejecutarlo*:

java -cp .;lib\jacob.jar -Djava.library.path=lib OLE

* en la carpeta “lib” han de estar contenidos los archivos: jacob.jar y jacob-X.XX-XX-x86.dll descargados de su página oficial.

Para usuarios más avezados, en el mismo archivo donde se incluyen las librerías se pueden encontrar también ejemplos más complejos del uso de la librería. Y si queréis trastear algo más con Internet Explorer aquí tenéis una referencia de propiedades y métodos disponibles.

Un algoritmo A* es un algoritmo de búsqueda de camino más corto entre dos puntos dados y se suele usar para calculo de rutas en navegadores GPS y en videojuegos. El algoritmo va explorando todas posibles alternativas de un camino y elije el paso que le lleve más cerca de la meta.

Lo cierto es que excel no es la mejor herramienta para implementar este algoritmo de forma eficiente, pero para hacer bocetos de aplicaciones y un poco de RAD a veces puede valer. El código que realiza todas las operaciones está basado en el pseudo código A* que hay en el artículo de la wikipedia, con alguna modificación.

Para aquel que le pueda interesar o solo por curiosidad, aquí están los ficheros con el código y un ejemplo de uso:

• a_estrella.xls (office 2003 y anteriores)
• a_estrella.xlsm (office 2007)

Me gustaría haberlo intentado también con OpenOffice, pero el tiempo no da para más, ¿algún valiente se atreve?

Primero tenemos que descargar e instalar el siguiente programa (vale para access 2007 y anteriores):

• 2007 Office System Driver: Data Connectivity Components

Luego de instalarlo podemos probarlo con un ejemplo como el siguiente:

public void queryAccess() {
        try {
            String accessFileName = "C:\mydatabase.mdb";
            String connURL = "jdbc:odbc:;DRIVER=Microsoft Access Driver (*.mdb);DBQ=" + accessFileName + ";PWD=";
            Connection con = DriverManager.getConnection(connURL, "", "");

            Statement stmt = con.createStatement();

            stmt.execute("select * from \"Contactos\" where \"Fecha cumple\" >= DATE()");
            ResultSet rs = stmt.getResultSet();

            if (rs != null) {
                while (rs.next()) {
                    System.out.println("Nombre: "+rs.getString("nombre"));
                }
            } else {
                System.out.println("Nadie tiene cumpleaños en el futuro");
            }

            stmt.close();
            con.close();
         } catch (SQLException ex) {
            System.out.println("Error while connecting  database");
        }
    }

El primer ejemplo obtendrá un fichero XML correspondiente al RSS de la página web barrapunto:

public static void main (String[] args){
      // Creación del objeto cliente que realizará las peticiones
      HttpClient httpclient = new DefaultHttpClient();
      // Creación del objeto petición
      HttpGet httpget = new HttpGet("http://barrapunto.com/index.rss");
      // Creación del objeto respuesta
      HttpResponse response;
      try {
          // Ejecución de la petición y guardado de respuesta
          response = httpclient.execute(httpget);
          // Mostramos el resultado  de la petición
          System.out.println("Estado: "+response.getStatusLine().toString());
          // Leemos los datos de la respuesta
          HttpEntity entity = response.getEntity();
          // Si hay datos la petición se hizo correctamente y procedemos a mostrarlos
          if (entity != null) {
              InputStream instream = entity.getContent();
              String result= convertStreamToString(instream);
              System.out.println("Datos: "+result);
              instream.close();
          }

      } catch (ClientProtocolException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
      } catch (IOException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
}

El segundo ejemplo obtendrá datos de la página moneytrackin.com a través de su API haciendo uso de autentificación:

public static void main (String[] args){
      HttpClient httpclient = new DefaultHttpClient();
      // Creamos un objeto que nos permita autentificarnos al acceder a una página restringida
      // La contraseña está codificada en MD5 de acuerdo a los requerimientos de la API
      ((AbstractHttpClient) httpclient).getCredentialsProvider().setCredentials(
				new AuthScope("www.moneytrackin.com", 80),
				new UsernamePasswordCredentials("usuario", "abf44982818cc242f222e0c367ab1c55"));

      HttpGet httpget = new HttpGet("http://www.moneytrackin.com/api/rest/getBalance");
      HttpResponse response;

      try {
          response = httpclient.execute(httpget);

          System.out.println("Estado: "+response.getStatusLine().toString());
          HttpEntity entity = response.getEntity();

          if (entity != null) {
              InputStream instream = entity.getContent();
              String result= convertStreamToString(instream);
              System.out.println("Datos: "+result);
              instream.close();
          }

      } catch (ClientProtocolException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
      } catch (IOException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
}

El tercer ejemplo obtiene los mismos datos que el anterior, pero lo hace a través de una conexión segura SSL (que la API permite) también haciendo uso de autentificación:

public static void main (String[] args){
      HttpClient httpclient = new DefaultHttpClient();
      // Notar la el puerto especificado es el 443 correspondiente al servicio SSL
      ((AbstractHttpClient) httpclient).getCredentialsProvider().setCredentials(
				new AuthScope("www.moneytrackin.com", 443),
				new UsernamePasswordCredentials("usuario", "abf44982818cc242f222e0c367ab1c55"));
      // También se cambia la URL por la segura, que comienza por 'https'
      HttpGet httpget = new HttpGet("https://www.moneytrackin.com/api/rest/getBalance");
      HttpResponse response;

      try {
          response = httpclient.execute(httpget);

          System.out.println("Estado: "+response.getStatusLine().toString());
          HttpEntity entity = response.getEntity();

          if (entity != null) {
              InputStream instream = entity.getContent();
              String result= convertStreamToString(instream);
              System.out.println("Datos: "+result);
              instream.close();
          }

      } catch (ClientProtocolException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
      } catch (IOException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
}

Y el cuarto ejemplo muestra como autenticarse en una página a través de un formulario y poder hacer luego peticiones de otras páginas accesibles solo para usuarios registrados (ideal para webs que no tienen API disponible y la autentificación se hace con cookies, pero trabajoso por la cantidad de parseo del html a realizar). Utilizaré la web spritmonitor (que no tiene API de acceso) para ilustrarlo:

public static void main (String[] args){
  HttpClient httpclient = new DefaultHttpClient();
  HttpResponse response;
  // Esta página guarda la autentificación en una cookie, por ello lo primero es
  // acceder a la web donde está el formulario de registro
  HttpGet httpget = new HttpGet("http://www.spritmonitor.de/en/");
  try {
    response = httpclient.execute(httpget);
    System.out.println("Estado: " + response.getStatusLine().toString());
    HttpEntity entity = response.getEntity();
    entity = response.getEntity();
    if (entity != null) {
      // Consumimos los datos de la respuesta para liberar al cliente y poder hacer más peticiones
      entity.consumeContent();
      // Especificamos la url donde irán los datos al ejecutarse la acción SUBMIT junto con los datos de autentificación
      // loginname y password se corresponden con el nombre de los fields en el formulario
     HttpPost httppost = new HttpPost("http://www.spritmonitor.de/en/login.html?action=login&loginname=name&password=password");
      response = httpclient.execute(httppost);
      System.out.println("Estado: " + response.getStatusLine());
      entity = response.getEntity();
      if (entity != null) {
        // Ya deberíamos estar autentificados, ahora podríamos acceder a cualquier parte del sitio web
        // al que solo pueden acceder usuarios registrados
        // Podríamos liberar el cliente...
        entity.consumeContent();
        // y acceder por ejemplo a la página de preferencias del usuario
        HttpGet httpget2 = new HttpGet("http://www.spritmonitor.de/en/my_data.html");
        response = httpclient.execute(httpget2);
        System.out.println("Estado " + response.getStatusLine());
        entity = response.getEntity();
        if (entity != null) {
          InputStream instream = entity.getContent();
          String result= convertStreamToString(instream);
          System.out.println("Datos: "+result);
          instream.close();
        }
      }
    }
  } catch (ClientProtocolException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
  } catch (IOException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
  }
}

Para el que se pregunte que hace la función convertStreamToString aquí va el código:

public static String convertStreamToString(InputStream is) {
	      BufferedReader reader = new BufferedReader(new InputStreamReader(is));
	      StringBuilder sb = new StringBuilder();

	      String line = null;
	      try {
	          while ((line = reader.readLine()) != null) {
	              sb.append(line + "\n");
	          }
	      } catch (IOException e) {
	          e.printStackTrace();
	      } finally {
	          try {
	              is.close();
	          } catch (IOException e) {
	              e.printStackTrace();
	          }
	      }
	      return sb.toString();
	  }

Actualización 20/08/2009: si es necesario acceder a internet a través de un proxy, habría que añadir las siguientes líneas:

...
      HttpClient httpclient = new DefaultHttpClient();
      String proxy_ip="139.96.100.1";
      int proxy_port = 80;
      // La siguiente línea solo es necesario si el proxy requiere autentificación
      ((AbstractHttpClient) httpclient).getCredentialsProvider().setCredentials(new AuthScope(proxy_ip, proxy_port), new UsernamePasswordCredentials("username", "password"));
      // Creamos el objeto proxy
      HttpHost proxy = new HttpHost(proxy_ip, proxy_port);
      // Establemecemos la propiedad correspondiente
      httpclient.getParams().setParameter(ConnRoutePNames.DEFAULT_PROXY, proxy);
...

Fuentes: romefort, httpclient tutorial y Praeda & Co

En la misma línea del artículo de como generar códigos de barras CODE 128 desde excel, aquí dejo una pequeña “ñapa” hecha con excel y java para poder generar códigos de barras pdf417 en excel. En el archivo solo se genera una etiqueta a la vez, pero para aquellos con conocimientos de VBA no debería haber ningún problema en modificarlo para generarlo en hojas enteras.

Los pasos a seguir para usar el generador son los siguientes:

1. Descargar y descomprimir el siguiente archivo zip que contiene los archivos excel así como el generador hecho en java:
   • pdf417generator.zip
2. Abrir el archivo excel correspondiente a nuestra versión de office instalada, xls para office 2003 y anteriores y xlsx para office 2007
   
3. Modificar el ancho del módulo, la altura de la fila, el nivel de correción y/o el número de columnas si se desea (celdas B1 a B4)
4. Introducir en la celda B5 la cadena de caracteres a codificar y pulsar el botón “Generar código pdf417″ para que se lance el programa java y se genere el código de barras
5. En la celda D10 aparecerá el código de barras correspondiente a la cadena de texto y con los atributos indicados

Para los interesados en el código fuente del generador hecho en java, he usado la librería barcode4j y el este es el código del proyecto netbeans correspondiente.