Si tienes un servidor Ubuntu con Apache y quieres instalarlo a continuación te describo los pasos que he seguido yo para hacerlo (recuerda que si no estás como usuario ‘root’ tendrás que hacer sudo):

Instalar suvbersion:
apt-get install subversion libapache2-svn

Instalar Trac y el módulo de Python para Apache:
apt-get install libapache2-mod-python libapache2-mod-python-doc trac

Crear la carpeta que hará de ‘Document Root’ para poder acceder al trac via web, por ejemplo:
mkdir /var/www/trac

Si lo quieres proteger, como es mi caso, crea un fichero .htpasswd:
htpasswd -c /var/www/trac/.htpasswd admin

Preparar el Virtual Host:
vi /etc/apache2/sites-available/trac

Y escribir:

<VirtualHost *>
ServerAdmin mymail@domain.com
ServerName trac.domain.com

<Location /projects> #set up Trac handling
SetHandler mod_python
PythonHandler trac.web.modpython_frontend
PythonOption TracEnvParentDir /var/www/trac
PythonOption TracUriRoot /projects

#authentication scheme
AuthType Basic
AuthName "My Tracker"
AuthUserFile /var/www/trac/.htpasswd
Require valid-user

</Location>

ErrorLog /var/log/apache2/trac_error.log

# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel warn

CustomLog /var/log/apache2/trac_access.log combined

</VirtualHost>

Vamos a crear un repositorio SVN para el código:
mkdir /var/lib/svn
mkdir /var/lib/svn/myproject
svnadmin create /var/lib/svn/myproject

Yo lo he preparado para poder tener diferentes tracs, así que estos pasos se pueden repetir:
mkdir /var/www/trac/myproject
trac-admin /var/www/trac/myproject initenv
sudo chown -R www-data:www-data /var/www/trac/myproject

Finalmente reiniciamos Apache:
/etc/init.d/apache2 restart

Y ya podríamos acceder a nuestro trac en este ejemplo en: http://trac.domain.com/projects

Espero que os sirva de ayuda.

Algunos dirán que lo que digo es una barbaridad, pero me parece una de las mejores herramientas y sobre todo la más ligera. Porque aunque en un principio parezca que es muy light, si sabemos cómo, podemos personalizarla y convertirla en una gran herramienta. Hace tiempo Miquel ya nos dió unos consejitos, pero como se nos ha pasado a Mac, ahora me tengo que buscar la vida :p

Os explico mi configuración y ya me diréis que opináis:

Lo primero es ir a las preferencias (Editar->Preferencias), y adecuaremos unas cuantas cositas:

- Pestaña ‘Ver’:

• Mostrar números de línea
• Resaltar línea actual
• Resaltar pareja del corchete

- Pestaña ‘Editor’:

• Insertar 4 espacios en lugar de tabulaciones
• Activar sangría automática
• Desactivar copia de seguridad, ya que crea archivos con el mismo nombre con el caracter ‘~’ al final, que hace que linux los trate como ocultos y que si los subimos al servidor nos traeran graves problemas de seguridad

Los colores que vienen por defecto para resaltar el código, no me gustan. Yo prefiero el fondo negro, ahorro energia y descanso la vista :p Así que nos vamos a la siguiente pestaña ‘Tipografías y colores’. De los esquemas existentes, tampoco me convencen ninguno, así que lo que hice fue descargarme otro. Aquí podéis descargar colores para Gedit, a mi el esquema que más me gusta y el que uso es el Darkwin. Para instalarlo, descargalo y luego en la pestaña pulsa en el botón ‘Añadir’ y agregalo.

Ahora llega el turno de instalar plugins o complementos para el Gedit. Por defecto trae algunos preinstalados que solo necesitamos activar desde la cuarta pestaña del panel de preferencias. Activaremos los siguientes:

• Herramientas externas – Permite ejecutar comandos o programas externos a Gedit para facilitarnos el trabajo. Más adelante explicaré como configurarlo.
• Panel de examinador de Archivos – Pone a nuestra disposición un panel lateral para examinar y acceder a los archivos de nuestro proyecto (Tecla rápida F9).
• Recortes – Permite insertar ‘recortes’ de código, o estructuras muy utilizadas (loops, ifs,…). Escribe la palabra clave y luego pulsa tabulador, el resto se escribirá solo.
• Sangrar líneas – Permite el sangrado de líneas de manera rápida mediante Ctrl+T.

Además de estos, creo que es una buena opción instalar otro plugin más, pero este no viene por defecto, se llama Symbol Browser. Se trata de un panel lateral que permite la exploración de objetos, funciones, defines,…

Yo os explico como le he instalado en Ubuntu 9.04, pero si necesitáis más información podéis ver este artículo que fue como lo descubrí. Lo primero que hay que hacer es instalar Exuberant Ctags, que es la herramienta ne la que se basa este plugin, luego descargamos el plugin y lo instalamos. No olvides después de instalarlo activarlo en la pestaña ‘Complementos’ como hemos hecho con los anteriores.

sudo apt-get install ctags
cd ~/.gnome2/gedit/
wget http://sourceforge.net/projects/symbol-browser/files/symbol-browser-bin/gedit-symbol-browser-plugin-bin-ubuntu-i386-0.1/gedit-symbol-browser-plugin-bin-ubuntu-i386-0.1.tar.gz/download #La URL puede cambiar al cambiar de versión
tar -xzf gedit-symbol-browser-plugin-bin-ubuntu-i386-0.1.tar.gz

Eso sería todo. Bueno, más bien casi todo. Por último habría que configurar el plugin ‘Herramientas externas’ para poder realizar diferentes tareas, como comprobar la syntaxis de nuestro código, consultar la documentación de PHP, ‘standarizar’ nuestro código con el programa PHP-Beautifer,… Para ver como hacerlo creo que lo mejor es que os paséis por la web de la que he recogido la mayor parte de la info que he puesto en este post, ya que mejor que él seguro que no lo explico: Micah Carrick

Para ello WordPress nos ofrece dos funciones que nos permitirán que se ejecute algo al activar o desactivar un plugin, estas funciones son register_activation_hook y register_deactivation_hook. Se puede ver su modo de empleo en las siguientes líneas de código que simulan la situación que he expuesto antes:

<?php

register_activation_hook( __FILE__, 'plugin_name_activate' );
register_deactivation_hook( __FILE__, 'plugin_name_deactivate' );

function plugin_name_activate() {
	global $wpdb;
	$sql = 'CREATE TABLE `' . $wpdb->prefix . 'plugin_name`
		( `id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
		`date` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ,
		`otro` VARCHAR( 255 ) NOT NULL )
	';
	$wpdb->query($sql);

}

function plugin_name_deactivate() {
	global $wpdb;
	$sql = 'DROP TABLE `' . $wpdb->prefix . 'plugin_name`';
	$wpdb->query($sql);

}

?>

A mi me han sido de utilidad en más de una ocasión, ya me contaréis.

Pero como bien dice Helen Bradley en este tutorial para photoshop en el que me he inspirado totalmente (ahora se dice así), hay pocas cosas que el Photoshop no pueda arreglar, o en este caso, el GIMP. Así que a continuación os explico como podéis arreglar una foto de ventanilla de avión con GIMP. Ésto sería un ejemplo:

Coger alguna de las fotos de avión de vuestros viajes y abrirla con el GIMP que empezamos.

Paso 1
Empezamos haciendo un duplicado de la capa de fondo para trabajar sobre él, y dejamos debajo el original por si luego lo necesitamos. Para ello, podemos pulsar en el botón de duplicar capa, hacerlo desde el menú Capa o pulsar Shift+Ctrl+D.

Paso 2
Seleccionamos la capa superior (sobre la que vamos a trabajar) y vamos al menú Colores->Niveles. El histograma de niveles te dice mucho sobre el estado de la imagen. En la mayoría de estos casos faltara blanco y negro, y la curva se verá concentrada en el centro. Así que para arreglarlo vamos a arrastrar los ‘sliders’ laterales -negro y blanco- hasta donde comienza la curva por cada uno de los lados. Al hacerlo se debería ver perfectamente un aumento en el contraste y un poco en el color también. Aceptamos y seguimos.

Paso 3
Arreglar problemas con el color. Con frecuencia, la imagen tendrá demasiado azul (u otro problema de tonalidad) y se puede arreglar mediante un ajuste de curvas, así que vamos al menú Colores->Curvas. Del desplegable de canales, vamos seleccionando el rojo, verde y azul, y probamos a mover la curva hacia arriba o hacia abajo dependiendo de si le queremos dar o quitar ese color. Se pueden hacer pruebas con la vista previa activada hasta que quede a tu gusto y aceptamos.

Paso 4
Al hacer la foto desde tan alto, suele tener mejor tonalidad en la zona de abajo, la más cercana al fotografo. Para compensar esto vamos a añadir una capa nueva y a hacer lo siguiente sobre ella. Con el negro seleccionado de color frontal y el blanco de fondo, elegimos la herramienta de degradado y hacemos uno de arriba a abajo (la zona superior debe ser negra y la de abajo blanca). Cuando lo tengamos listo, cambiaremos el ‘modo’ de la capa de ‘normal’ a ‘solapar’ (en un desplegable que hay sobre el listado de capas) y manejando la transparencia de esta capa lo dejamos al gusto.

Paso 5
Ahora le podemos dar los últimos retoques a la capa de la imágen tratada utilizando las herramientas del menú de Colores, saturación, contraste, brillo,… hasta que por fin se parezca más a lo que queremos.

Paso 6
Finalmente intentaremos darle un poco de nitided a la imagen, pero antes uniremos todas las capas en una pulsando en el menú Imagen->Aplanar Imagen. Ahora, para darle nitided vamos a intentar enfocar la imágen con un filtro de GIMP. Prueba a ir al menú Filtros->Realzar->Sharpen (si no lo tienes tendrás que instalar algún plugin para enfoque). Cuando lo tengas modifica el umbral del filtro hasta que te parezca que está bien y acepta. Hemos terminado.

Espero que os haya gustado, y ya sabéis, si lo probáis dejadme un enlace en los comentarios a vuestra imagen para ver el resultado.

El efecto no está hecho sobre fotos propias, así que podéis ver los originales de las fotos anteriores en los albumes de sus respectivos autores en flickr, reservasdecoches, dsearls. Para que podáis recrear el mismo efecto en vuestras fotos escribo este pequeño tutorial para GIMP.

Así que elegís la foto a la que queréis aplicarle el efecto y empezamos, las fotos buenas para este tipo de efectos suelen ser fotos aereas, sobre todo de edificios modernos que se encuentran en zonas antiguas. Una vez tengamos la foto abierta con el GIMP vamos a duplicar la capa actual, para ello vamos al menú Capa->Duplicar Capa, o más facilmente pulsamos Ctrl+Shift+D. Como luego vamos a borrar parte de esta capa, necesitamos añadirle el canal alfa -o transparencia-, así que seleccionamos la capa recién creada y vamos al menú Capa->Transparencia->Añadir canal alfa.

Ahora hay que agregar el efecto de desenfoque a esta capa superior. Para ello vamos al menú Filtros->Desenfoque (Blur)->Desenfoque Gaussiano. Depende de la foto deberemos desenfocar en mayor o menos medida, eso depende de vosotros.

Y para terminar,escogemos la herramienta borrador (Shift+E), y vamos borrando la capa desenfocada en las partes de la foto que queremos que parezcan una maqueta. Para borrar es mejor escoger un pincel difuminado, pero en algunos puntos puede que tengas que usar uno más solido.

Como veréis al ir borrrando la capa difuminada va quedando a la vista la capa original, mucho más marcada, dando la impresión en algunos casos de que la parte enfocada no es real y es una maqueta a escala. Espero que os haya gustado y como siempre que escribo un tutorial, me encantaría ver en los comentarios vuestras creaciones.

Lo primero que hay que hacer si se quieren desarrollar aplicaciones de Facebook, es tener una cuenta y agregarse la aplicación de desarrolladores. Cuando ya la tengamos agregada hay que pinchar en crear nueva aplicación, ponerle un nombre y enviar.

Lo que vamos a desarrollar es una aplicación web para Facebook, así que vamos a necesitar un sitio dónde alojarla, además vamos a escribirla en PHP y si queréis guardar datos necesitaremos una base de datos MySQL.

Cuando ya sepamos donde la vamos a alojar, nos vamos a nuestra aplicación en Facebook y vamos a editar sus datos. En la siguiente imagen se explican los parámetros de configuración que debemos rellenar en un inicio:

Ya tenemos todo configurado en la parte de Facebook, ahora solo nos queda crear nuestra aplicación y subirla a nuestro servidor. Como ya hemos dicho la escribiremos en PHP, pero primero debemos bajarnos la librería PHP de Facebook. La descomprimimos y la metemos en la carpeta dónde vayamos a alojar la aplicación.

Finalmente este es el hello world en PHP que debemos subir y guardar como index.php:

<?php

require_once 'facebook-platform/client/facebook.php';

$appapikey = 'XXXXXXXXXXXXXXXXXXXXXXX';
$appsecret = 'XXXXXXXXXXXXXXXXXXXXXXX';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();

echo "<p>Hola, <fb:name uid=\"$user_id\" useyou=\"false\" /></p>";

// Sacar por pantalla los cumpleaños de 20 de nuestros amigos
echo "<p>Cumpleaños de mis amigos:";
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 25);
foreach ($friends as $friend) {
	$birthdate = $facebook->api_client->users_getinfo($friend, 'birthday');
	echo "<br>Id de usuario: " . $friend . " - Fecha de nacimiento: " . $birthdate[0]['birthday'] . "\n";
}
echo "</p>";
?>

Como veis en este script, primero incluimos la librería PHP de Facebook:

require_once ‘facebook-platform/client/facebook.php’;

Luego hay que escribir las API keys de nuestra aplicación que encontraremos en el panel de nuestra aplicación en Facebook.

$appapikey = ‘XXXXXXXXXXXXXXXXXXXXXXX’;
$appsecret = ‘XXXXXXXXXXXXXXXXXXXXXXX’;

Después creamos el objeto Facebook, y obtenemos el ID de usuario de la persona que accede a nuestra aplicación:

$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();

Printeamos un saludo utilizando el user ID y FBML, que es un lenguage tipo HTML especial para Facebook:

echo “<p>Hola, <fb:name uid=\”$user_id\” useyou=\”false\” /></p>”;

Y finalmente sacamos los IDs de 25 de nuestros amigos y su fecha de nacimiento si es que la han puesto:

// Sacar por pantalla los cumpleaños de 20 de nuestros amigos
echo “<p>Cumpleaños de mis amigos:”;
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 25);
foreach ($friends as $friend) {
$birthdate = $facebook->api_client->users_getinfo($friend, ‘birthday’);
echo “<br>Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . $birthdate[0]['birthday'] . “\n”;
}
echo “</p>”;

Ésto ha sido todo, y como se puede ver al menos hacer un ejemplo no es muy dificil. A partir de aquí lo que os de la imaginación, estáis en vuestro servidor y podéis hacer casi lo que queráis. Para ver vuestra creación debeís acceder a http://apps.facebook.com/miaplicacion/, es decir, la página que habéis elegido como Canvas URL en la configuración.

Experimentad y ya me contaréis.

Editado: Ya he corregido el problema del que hablaban en los comentarios.

Os voy a contar lo que descubrí gracias a UPALQLELA, que por cierto ahora tiene un blog de opinión llamado La crítica del día. Tal vez para muchos es algo resabido pero para mi fue algo nuevo, que no pensaba que fuera posible.

La cosa es que me encontre con la necesidad de hacer un INNER JOIN entre una tabla que estaba en la base de datos A y otra en la base de datos B, lo que para mi cabeza era imposible así que me puse a darle vueltas para ver como podía replicar los datos en ambas bases de datos y así poder hacerlo. Después de comentarlo con esta persona, me dijo ¿pero no están ambas bases de datos en el mismo servidor?, a lo que le respondí que sí. Pues si hay un usuario con permisos en ambas BD haz el INNER JOIN, que sí se puede. ¿Y cómo es eso? le dije yo, y la respuesta fue tan sencilla como ésto:

SELECT * FROM `database1`.`tableA` INNER JOIN `database2`.`tableB` ON `database1`.`tableA`.`field1` = `database2`.`tableB`.`field3` WHERE 1 

Solo era eso, al igual que para indicar la tabla la ponemos delante del campo separada por un punto, para indicar la base de datos solo hay que ponerla delante de la tabla separada por un punto.

La cuestión es, que cuando hacemos plugins o themes nos solemos olvidar de esta sencilla y buena manera de hacer las traducciones y escribimos los textos ‘a pelo’ en el propio código. Ésto hace que si alguién quiere traducirlo a su idioma tenga que repasar el código completo cambiando todos los textos. Es decir, la peor manera de traducir.

Por eso deberíamos crear nuestros plugins y themes usando el mismo método que se usa en wordpress, para que luego cualquiera pueda traducirlo usando el poEdit sin necesidad de revisar el código. Para ello deberemos incluir las siguientes líneas dentro de nuestro plugin o en el archivo ‘functions.php’ de nuestro theme:

/* This enables internationalization I18n */
add_action('init', 'plugin_or_theme_name_init_locale');
function plugin_or_theme_name_init_locale() {
	$locale = get_locale();
	$mofile = dirname(__FILE__) . "/locale/".$locale.".mo";
	load_textdomain('plugin_or_theme_name', $mofile);
}

En el pedazo de código anterior debemos cambiar lógicamente el texto ‘plugin_or_theme_name’ por el nombre de nuestro plugin o theme en todos los sitios que aparece. Después, a la hora de programar, todos los textos que vayan a ser vistos por el usuario final deberían ser escritos de la siguiente manera:

$text = __('The text that should be translated', 'plugin_or_theme_name'); //Para asignar el texto a la variable $text
_e('The text that should be translated', 'plugin_or_theme_name'); //Para hacer echo o printear en pantalla

Finalmente, debemos crear los archivos .po y .mo que guardaremos en una carpeta llamada locale que crearemos dentro de nuestro plugin o theme. Los archivos .po y .mo de cada idioma deberan llevar como nombre el código ISO del idioma en cuestión. Es decir los de español de españa deberían llamarse es_ES.mo y es_ES.po.

Si al instalar el theme o el plugin en un blog, este blog tiene cambiado su idioma a otro diferente del inglés y nosotros tenemos ese idioma en nuestro plugin o theme, automáticamente será éste el que se use. Sino apareceran los textos que escrinbamos dentro de la función que por lo general deberíamos hacer en inglés.

Creo que es evidente, pero por si acaso alguien piensa lo contrario voy a dejar claro que partimos de una foto en color, darle color a una foto que está en blanco y negro sería otra cosa muy diferente y mucho más complicada. De ejemplo voy a usar la siguiente foto que me he descargado de Flickr, en la que vamos a dejar en color solo al perrito Puppy.

Original:

Resultado:

Lo primero es abrir la foto en cuestión con el GIMP, que es el único programa que vamos a usar para realizar este tutorial, y seguir estos pasos:

1. Duplicar la capa de fondo. Para ello ir al menú Capa, o simplemente pulsar Mays+Ctrl+D. A partir de ahora se trabajará solo sobre esta capa recién creada.

2. Pasar la capa nueva a escala de grises. Ésto se hace desde el menú Colores -> Desaturar. Se pueden probar las diversas opciones que aparecen, aunque yo lo he hecho con Claridad. Una vez hecho ésto se ve la imagen en B/N aunque debajo de la capa superior debería seguir la original con todo su color.

Editado: Parece que algunos tienen problemas para borrar en la capa de grises así que agrego punto 2b
2b. Añadir canal alpha a la capa de grises. Si no os lo ha puesto por defecto es necesario que la capa de grises tenga el canal ‘alpha’ o lo que es lo mismo que permita transparencia. Por eso pulsáis con botón derecho sobre la capa en escala de grises en el panel de capas y le dáis a ‘Añadir canal alpha’.

3. Borrar la capa en grises encima de Puppy. Pinchando en la goma de borrar o pulsando Mays. + E escogemos la herramienta de borrar, y con una brocha gorda vamos borrando en la capa de grises la parte central de las cosas que queremos dejar en color.

4. Utilizar el zoom para acercar la vista a los detalles. Pulsando la tecla “Z” o clickando en la lupa se escoge la herramienta zoom que hay que utlizar para aumentar la imagen. Luego, utilizando de nuevo el borrador pero con una brocha más fina, se borrarán con cuidado los bordes de las zonas a modificar. Si necesitas volver el zoom al 100% solo hay que pulsar la tecla “1″.

Eso ha sido todo. Es un tutorial sencillo, y se pueden lograr efectos muy buenos. Eso sí, el resultado depende de la paciencia que tengas y de lo bien que dejes la transición de blanco y negro a color. Así que no lo dudes, haz la prueba con una de tus fotos y si te parece dejanos la URL del resultado en los comentarios.

Hace unos días ha publicado en PDF uno de sus cursos al completo, Curso de Inkscape: Logo a Logo, dónde paso a paso y con exámenes incluidos podemos llegar a crear logos totalmente profesionales. Desde su web lo podéis descargar, pero de todos modos sigue pudiéndose consultar online en la siguiente URL: http://docs.google.com/View?docid=dhs3vfzq_499fsbh2gr6

Así que ya sabéis, para vuestro próximo proyecto podéis diseñaros vuestro propio logo. Inkscape, la herramienta, es libre y una de las mejores en lo que se refiere al diseño vectorial. El curso es muy bueno, sencillo de comprender y con una utilidad clara. Si a partir de ahora no conseguis un buen logotipo, la única excusa será la falta de creatividad

Gracias Joaquín por el curso y por promover la cultura del software libre entre tus alumnos y lectores.