Nideaderedes

OpenWatcom 1.5 para Windows y OS/2

Acaban de publicar el anuncio del lanzamiento de OpenWatcom 1.5, heredero del mítico compilador Watcom C (aquí un poco de historia), que permite crear aplicaciones para sistemas de 16 bits (DOS, OS/2 1.x, and Windows 3.x) y 32 bits (extended DOS, Win32 (Windows NT/2000/XP and Windows 95/98/Me), OS/2, Novell NLMs, and Windows 3.x (Win32s and Win386).

Por ahora sólo hay versiones para Windows y OS/2, pero están trabajando en versiones para Linux y BSD.

Enlaces al wiki:

* Lista de cambios.

* Descargas.

* Licencia: Open Watcom Public License.

* Características principales.

Introducción a Google Maps (III)

Vamos a empezar esta tercera entrega añadiendo unos botones que permiten cambiar estre las distintas vistas que ofrece Google Maps: visión satélite, mapa o vista híbrida. Como siempre un ejemplo.

Para mostrar estos botones tenemos que añadir a nuestro “programa”:

map.addControl(new GMapTypeControl());

Estos botones, y todos los mensajes que se muestran en el mapa, salen en inglés por defecto. Podemos cambiar el idioma de los botones modificando la línea desde la que llamamos a la API de Google Maps:

añadiendo al final:

&hl=es

es decir:

hl es el código con el que le indicamos a Google Maps el idioma que queremos usar. Por ahora están disponibles estos idiomas:

Japanese (ja), French (fr), German (de), Italian (it), Spanish (es), Catalan (ca), Basque (eu) and Galician (gl).

Mostrar un mensaje

Vamos a añadir una nueva tontería a nuestra pequeña aplicación; esta vez vamos a ver cómo añadir un mensaje dentro del mapa. Para que te hagas una idea vamos a ver cómo mostrar el mensaje de este ejemplo.

Es tan sencillo como añadir la siguiente línea:

map.openInfoWindow(map.getCenter(), document.createTextNode("Yo estuve aquí una vez"));

Este método funciona así:

openInfoWindow(coordenadas,  nodo,  opciones)

- coordenadas: es un objeto del tipo GLatLng. En el ejemplo le hemos pasado las coordenadas del centro del mapa: map.getCenter().
- nodo: el texto que queremos mostrar, en el ejemplo hemos puesto document.createTextNode("Yo estuve aquí una vez").
- opciones: objeto del tipo GInfoWindowOptions. Por ahora lo dejamos en blanco, es optativo.

Buscoprofe.com – servicio de resolución de trabajos de clase

Ayer hicimos el lanzamiento oficial de BuscoProfe.com, el servicio de resolución de trabajos de clase.

Este servicio pone en contacto a gente que necesita ayuda para resolver sus trabajos de clase con gente dispuesta a resolverlos (cobrando por ello, por supuesto).

El proyecto está desarrollado íntegramente en PHP + MySQL. Posiblemente le iremos añadiendo algunas de las cosas tan de moda como Ajax para hacerlo más “usable”.

PhpMyVisites – Estadísticas para tu sitio web

PhpMyVisites es un software escrito en PHP que permite tener un completo sistema de visitas en tu web. No es un servicio externo, se ejecuta completamente en tu servidor. Es necesario disponer de una base de datos MySQL y PHP (>4.3 en el momento de escribir este artículo).

Características:

• Fácil de integrar en cualquier proyecto: basta con añadir un pequeño código JavaScript (en las FAQ explican cómo hacerlo funcionar con algunos de los proyectos más conocidos: OsCommerce, PHP-Nuke, PHPBB, etc…)
• Estadísticas muy completas: visitantes, páginas vistas, página de entrada y de salida de las visitas, origen de los visitantes, etc…
• Está traducido a varios idiomas, entre ellos el español.
• Es GPL.

Hay una demo disponible para ver su funcionamiento.

El vicio de programar

¿Alguna vez te has sentido así? Bienvenido al mundo de los enfermos del teclado.

Introducción a Google Maps (II)

En esta segunda entrega vamos a ver cómo añadir eventos a nuestra miniaplicación de Google Maps. Puedes ver el ejemplo aquí.

El evento que vamos a añadir va a mostrar justo debajo del mapa la latitud y la longitud del punto central del mapa. Esta información se va a actualizar cada vez que cambie el centro del mapa, es decir cada vez que movamos el mapa.

Para añadir un evento usamos un objeto GEvent y su método addListener:

GEvent.addListener( origen, evento, manejador );

Parámetros:

origen: es el objeto que provoca el evento.
evento: el tipo de evento que ha tenido lugar.
manejador: función que realiza una acción cuando el objeto lanza el evento.

En nuestro caso:

GEvent.addListener(map, "moveend", function() { cambiarCoordenadas(map); });

Es decir: “cuando el objeto map provoque el evento moveend hay que llamar a la función cambiaCoordenadas”. La función cambiaCoordenadas simplemente escribe las coordenadas debajo del mapa.

Aquí está la función load() modificada:

function cambiarCoordenadas(map) {
	var center = map.getCenter();
	var coordenadas = "Latitud: " + center.lat() +
		", Longitud: " + center.lng().toString();
	document.getElementById("coordenadas").innerHTML = coordenadas;
}
function load() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	GEvent.addListener(map, "moveend", function() { cambiarCoordenadas(map); });
	map.setCenter(new GLatLng(43.2647,-2.93798), 13);
	map.addControl(new GLargeMapControl());
	map.setMapType(G_SATELLITE_TYPE);
  }
}

Y esta es la parte del código HTML:

Truquillo Wordpress: Mostrar código fuente demasiado ancho

En ocasiones queremos mostrar código fuente que “se sale” del área destinada al texto. En esos casos podemos resolverlo modificando en nuestra hoja de estilos la etiqueta “pre” añadiendo el parámetro “overflow”:

pre {
   overflow: auto;
}

De esta forma el código se muestra dentro de una “cuadro” con una barra de desplazamiento horizontal. Véase un ejemplo:

printf("Este código es demasiado largo para mostrarlo en el área del post y se comería parte del menú de la derecha a no ser que se use este \n"truquillo\"\n");

En Explorer no funciona correctamente así que hay que añadir el ancho (se puede indicar en pixels o en %):

pre {
   overflow: auto;
   width: 470px;
}

De nuevo el explorer nos da problemas; la barra de desplazamiento quita espacio para mostrar el código en lugar de aparecer bajo el cuadro del código (como sucede en Firefox).

He probado varias soluciones, entre ellas la propiedad min-height, y por ahora la que mejor queda es usar un padding grande, por ejemplo:

pre {
padding: 20px;
overflow: auto;
width: 470px;
}

He encontrado este tutorial para establecer una altura mínima: CSS min-height hack. Voy a echarle un vistazo a ver qué tal es ésa solución.

Y ya que hablamos del tema… usa Firefox o cualquier otro navegador que respete los estándares.

El derecho a una vivienda digna

Al hilo de la convocatoria a la sentada por una vivienda digna he encontrado este par de enlaces:

* Plataforma por una vivienda digna

*Una crítica constructiva a la sentada por una vivienda digna.

Google Maps Europa ya está en marcha

Lo dicho, Google Maps añadió ayer los mapas de unos cuantos países de Europa, entre ellos España. Ya puedo ver por fin el plano de mi querido Bilbao con la localización de estaciones de Metro incluidas.

Según parece Google Maps utiliza información de comercios y empresas proporcionada por TPI Páginas Amarillas.

Code autoescape: Plugin para mostrar código en un Post

Si has intentado alguna vez publicar un trozo de código fuente en WordPress te habrás enfrentado a una de sus limitaciones: no viene “de serie” preparado para esta tarea. Por ejemplo si intentas introducir algún símbolo <, %gt; Wordpress se los “come”. También tendrás problemas si intentas poner un ejemplo en HTML con etiquetas sin cerrar como por ejemplo:

  

  

...

También convertirá los caracters a sus respectivos smilies.

La solución para éste y otros problemas: usar Code Autoescape.

Instalación

1) Es muy sencillo de instalar, tan sólo tienes que bajarte el fichero autoescape.txt,

2) renombrarlo como autoescape.php,

3) subirlo al directorio de plugins de WordPress

4) y activarlo desde el panel de control, sección Plugins.

Actualización (02/08/2008): En la última actualización a WordPress 2.6 he tenido algunos problemas con este plugin y he decidido cambiarlo por el WP-Syntax. Este plugin permite, entre otras cosas, resaltar el código para unos cuantos lenguajes de programación.