Al compilar apache podemos escoger el modo en que éste maneja los procesos del servidor. Según el modo que utilicemos se nos ofrecen ciertos pros y contras. Los pros del modo worker de apache es que es bastante más rápido que el modo prefork (que es el que viene habilitado por defecto). Los “contras” del modo worker es que el módulo de php para apache no es compatible con él y en lugar de ello deberemos utilizar el módulo de cgi.

A pesar de que he dicho lo de “al compilar”, no os preocupéis; podemos cambiar el modo en que funciona apache de manera rápida con aptitude.

Podéis encontrar más información y diferencias entre MPMs en: http://httpd.apache.org/docs/2.2/mpm.html.

Paquetes que necesitamos:

• apache2
• apache2-mpm-worker
• libapache2-mod-fcgid
• php5-cli
• php5-cgi

sudo apt-get install apache2 apache2-mpm-worker libapache2-mod-fcgid php5-cli php5-cgi

Una vez instalados, vamos a configurar apache para que ejecute ficheros php utilizando el módulo fastCGI:

sudo nano /etc/apache/conf.d/php.conf

Pegad esto:

<Directory /usr/share>
	AddHandler fcgid-script .php
	FCGIWrapper /usr/lib/cgi-bin/php5 .php
	Options ExecCGI FollowSymlinks Indexes
</Directory>

<Files ~ (\.php)>
	AddHandler fcgid-script .php
	FCGIWrapper /usr/lib/cgi-bin/php5 .php
	Options +ExecCGI
	allow from all
</Files>

Nota: Al actualizar a php 5.4 he necesitado descomentar el último trozo del fichero de configuración /etc/apache2/mods-enabled/php5_cgi.conf ya que sinó me descargaba los ficheros php en lugar de ejecutarlos. El trozo al que me refiero es este:

ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
<Directory "/usr/lib/cgi-bin">
	AllowOverride None
	Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
	Order allow,deny
	Allow from all
</Directory>
Action application/x-httpd-php /cgi-bin/php5

Reiniciad apache:

sudo service apache2 restart

Y para acabar de finiquitar, provad un fichero php en vuestro servidor:

sudo echo '<?php phpinfo()' > /var/www/index.php

Si el parámetro no funciona simplemente cread un fichero index.php en vuestro webroot con el contenido

<?php phpinfo();

Accedéis a http://localhost et voilà; Apache2 con módulo MPM-worker y PHP5 con FastCGI funcionando.

Si queréis verificar que realmente apache está funcionando en modo worker, podéis ejecutar el comando

:~$ apache2 -l
Compiled in modules:
  core.c
  mod_log_config.c
  mod_logio.c
  worker.c
  http_core.c
  mod_so.c

Fijaros que está cargado el módulo worker.c. Os recuerdo que por defecto apache viene con prefork.c por defecto.

Ahora vendría “lo wapo”: el fine tuning. Una de las mejores fuentes que encontraréis para saber como “tunear” vuestro apache es la propia documentación de apache:

httpd.apache.org/docs/2.2/mod/mpm_common.html

E ir revisando con herramientas como top o ps los recursos que consume. Éste otro enlace puede que os dé alguna ayuda, a pesar de que está enfocado a funcionar con glassfish:

http://alexandru-ersenie.com/2011/09/19/performance-tuning-for-apache-worker-model-with-glassfish-application-server/

Además tendríais que hacerle algún tipo de test de estrés, claro.. pero ese es un tema como para hacer un artículo entero, así que yo lo dejo para otro día, pero os animo a que busquéis por google, que seguro que encontráis unas cuantas vías para “estresar” vuestro servidor.

Más información y fuentes:

• Multi-Processing Modules (MPMs): http://httpd.apache.org/docs/2.2/mpm.html
• Apache MPM worker: http://httpd.apache.org/docs/2.2/mod/worker.html
• Error 403 en ficheros PHP utilizando apache-mpm-worker: http://stackoverflow.com/a/10557461/407456
• Test de velocidad comparativo entre prefork y worker: http://getasysadmin.com/2011/11/apache2-worker-prefork-ispconfig-benchmark/
• Improving PHP performance with apache2-mpm-worker mod_fcgid: http://phphints.wordpress.com/2009/01/10/improving-php-performance-with-apache2-mpm-worker-mod_fcgid-2/

PS. A todo esto.. todo el tutorial lo he hecho utilizando Ubuntu Server 12.04 x64

https://launchpad.net/~ondrej/+archive/php5

Añadid el repositorio siguiendo estos pasos y debería funcionar (provado en Ubuntu 12.04):

sudo add-apt-repository ppa:ondrej/php5

Si no tenéis el comando add-apt-repository es porque no tenéis el paquete python-software-properties instalado. Instaladlo con aptitude si es así y podréis ejecutar el comando sin problemas.

Una vez añadido el repositorio actualizáis la lista de paquetes:

sudo apt-get update

E instaláis php5:

sudo apt-get install php5 php5-cli php5-whatever

Probado en Ubuntu 11.10 y 12.04 x64 tanto con el módulo de apache mod_php5 como con fastFCGI (con apache en modo worker).

Por ahora sólo es compatible con navegadores basados en Gecko (como Firefox) y Webkit (como Chrome).

Sabiendo esto, simplemente tendremos que poner algún IF

    fullscreen = function(e){
          if (e.webkitRequestFullScreen) {
            e.webkitRequestFullScreen();
          } else if(e.mozRequestFullScreen) {
            e.mozRequestFullScreen();
          }
      }
    document.getElementById('ejemplo-fullscreen').onclick = function(){
        fullscreen(document.getElementById('content'));
    }

Podéis probarlo haciendo click aquí

Os pongo un vídeo de uno de sus últimos trabajos: un mapping realizado en el hotel Renaissance que bien seguro os va a gustar

A pesar de que el vídeo habla bastante por sí solo, lamentamos no poder dar más detalles sobre el montaje.. no nos sobra el tiempo precisamente últimamente :\

http://www.extremetech.com/computing/116885-the-death-of-firefox

http://www.genbetadev.com/desarrollo-web/la-muerte-anunciada-de-firefox

Lo que no se menciona, y que se puede observar fácilmente viendo las estadísticas de statscounter, es que Internet Explorer sigue éste mismo camino. Si miramos la gráfica podemos preveer fácilmente que en menos de medio año Chrome superaría Internet Explorer del mismo modo que lo hizo con Firefox.

Ésto, claro, sin tener en cuenta que pronto sacarán Internet Explorer 10 con su nuevo y flagrante Windows 8, cosa que podría ampliar el tiempo hasta finales de año.

Sea como sea… el caso es que Internet Explorer también tiene los días contados.. y no sabéis qué ganas tengo de que llegue ese día xDD

Para ello podéis utilizar alguno de los muchos servicios que corren por ahí —como Websnapr, WebShotsPro, thumbalizr… O bien, si disponéis de un servidor dedicado (véase el que todos tenemos en la cocina o el baño) podéis crear vuestro propio script para tomar capturas de pantalla. Y ésto es a lo que vamos

Antes de empezar.. os advierto que he hecho las pruebas desde ubuntu server maverick, pero esto en teoría debería de ser más o menos igual para el resto de versiones (tanto desktop como server).

Si lo que queréis es hacer capturas de pantalla desde Windows, quizás os interese IECapt.

Primero de todo, necesitamos unos cuantos paquetes esenciales…

• Vnc4server
• Firefox
• ImageMagick

Con VNCServer crearemos una instancia virtual en la que ejecutaremos Firefox para, posteriormente, tomar la captura de la pantalla con el método import de imagemagick.

Instalad los paquetes como haríais habitualmente…

sudo apt-get install vnc4server firefox imagemagick

Si trabajáis con ubuntu server os va a doler porque firefox baja un huevo de paquetes.. pero es lo que hay U_U

Una vez instalados todos los paquetes, vamos a crear nuestro script para generar screenshots:

#!/bin/bash

display=":23"
export DISPLAY=":23"

vncserver -geometry 1280x1024 -depth 24 -name "screenshoots" $display &
# esperamos a que cargue vnc sin problemas...
sleep 5
# cargamos firefox con una página en blanco
firefox -display $display -width 1280 -height 1024 -url "about:blank" &

while read -a line ; do
	echo "Carregant... ${line[1]}"
	firefox -remote "openURL(${line[1]})"
	# o bien... firefox -display $display "${line[1]}"
	sleep 5
	echo "Desant... ${line[0]}.jpg"
	import -window root "${line[0]}".jpg
done < listado.txt

vncserver -kill $display

¿Qué hace este script?

1. Crea una instancia de vncserver a 1280x1024px
2. Carga firefox en esa instancia a la misma resolución
3. Carga el fichero “listado.txt” (que ahora veremos) que contiene una línea con una palabra única seguida de un tabulador y una URL.
4. Abre la página web que pertoque, esperando 5 segundos para dar tiempo a cargar
5. Toma la captura de pantalla y la guarda con la palabra única y extensión .jpg

El fichero “listado.txt” deberá estar en el mismo directorio que el script y ser en este formato:

underave	http://www.underave.net
musicavermella	http://www.musicavermella.com
thefuture	http://www.thefutureimperfect.com
snooppets	http://www.snooppets.com

Es importante que este fichero tenga un salto de línea al final, sino la última url dará error.

Hecho esto ya debería de funcionar, simplemente ejecutad el script y veréis que en pantalla van saliendo los mensajes “Carregant” (Cargando) y “Desant” (Guardando) a medida que va avanzando en el listado.

Cuando tengáis los screenshots probablemente os daréis cuenta de que la imagen no es sólo de la página web, sino que también sale el navegador.

Para evitar esto he estado probando con parámetro -screen en lugar de -window pero supongo que no hace lo que pensaba que hacía xD. Así que la única solución que se me ocurre es que ejecutéis una instancia de VNCServer con firefox para poder ocultarle todas las barras posibles (la de navegación y la de favoritos).

export DISPLAY=":23"
vncserver -geometry 1280x1024 -depth 24 -name "screenshoots" :23 &
firefox -display :23 -width 1280 -height 1024 -url "about:blank" &

Una vez esté corriendo utilizad vuestro cliente de vnc habitual (yo utilizo TightVNC) y conectaros para poder configurar firefox. En el caso de TightVNC, para indicar el display que estamos utilizando simplemente hay que concatenarlo al final de la ip o nombre de host ([IP|HOST]:DISPLAY), por ejemplo 192.168.1.2:23

Si además queréis que no se muestren las pestañas, abrid las opciones de firefox, buscad la opción que dice “Mostrar pestañas siempre” y desmarcadla. Ahora, para que esto funcione, tenemos que decirle a firefox que nos abra las nuevas ventanas en la ventana que esté abierta, ya que si nos abre una pestaña más nos mostrará de nuevo la barra de pestañas.

Si queréis evitar esto, en la barra de navegación (utilizad Control+L si os la habéis cargado ya) introducid la URL about:config, buscad el registro browser.link.open_newwindow y cambiad su valor de 3 a 2.

Cerrad vuestro firefox con normalidad y volved a ejecutar el script para ver el resultado.

Pues ahí lo tenéis, utilizando un poco la imaginación, con algún cron y alguna clase en PHP podríais tener las miniaturas guardadas en vuestra web.

Si queréis recortar las imágenes para que no se vean el resto de bordes de firefox podéis tratar de utilizar el método mogrify de ImageMagick para hacer un crop.

O podéis hacerlo mediante PHP con alguna clase como Watimage

Fuentes…

• Website screenshot server on debian stable
• Processing a tab delimited file with shell script processing
• Mozilla Firefox Command Line Options
• Remote control of unix mozilla
• ImageMagick import
• Firefox -remote using the *same* tab

Como todos sabemos el tiempo es oro y el oro escasea últimamente así que por A o por B no hemos podido estar muy por actualizar el blog.

Yo mismo hace ya tiempo que tengo ganas de hacer algunas entradas de CakePHP, que desde las últimas que hice creo que he avanzado notablemente. Entre ellas me gustaría eliminar las que corren por aquí de subidas de ficheros, que me dan auténtico repelús cada vez que las veo.. y hacer una con un sencillo sistema de permisos para CakePHP pero con las ventajas de cualquier sistema de permisos avanzados (grupos de usuarios, permisos y demás).

Pues eso, pasad un buen verano y cuando volváis de vacaciones no olvidéis echar un vistazo al racó!

La inspiración por parte de los redactores colaboradores duró un año y desde entonces no se le ha dado más uso que el de consulta de sus antiguos contenidos.

Desde underave decidimos ya hace tiempo clausurar el blog por tal de poder destinar los recursos que ocupaba para otros fines.

Es por eso que hoy escribo esta entrada, para notificaros que todos los contenidos rescatables de dicho blog han sido traspasados a aquí, al Racó Tècnic, donde podréis consultarlos bajo la categoría “General”.

A continuación os dejo un listado con los artículos rescatados:

• Síntesis FM: El patito feo de la sintetización. (Parte 1)
• Arnold Steiner a.k.a AS1
• Bandcamp: Vende tu música, a tu precio justo.
• OVERDUB: El primer cómic didáctico para productores
• La música electrònica, un estat emocional
• Hardcore de ayer y hoy
• North-Korean SPEEDCORE
• Derechos de Autor

* El enlace está puesto simbólicamente ya que voy a eliminar el blog ahora mismo xD

Actualizado: Tanto la clase como este post han sido actualizados a fecha 14 de enero de 2012.

Hace ya un tiempo publiqué (en inglés) un Componente para el tratamiento de imágenes en CakePHP. Hoy me he pasado un rato actualizándolo y aprovechando he decidido publicar una entrada con los cambios.

Aunque la he modificado considerablemente, he procurado no modificar el funcionamiento de ésta. Aquí vienen los cambios:

• He eliminado el uso del método obsoleto mime_content_type.
• Ahora utilizo la clase Exception para tratar los errores.
• He añadido el método “flip” para hacer espejo de la imagen.
• He limpiado el código y he arreglado algún que otro fallo.
• Ahora las transparencias funcionan correctamente.

Podéis descargar el proyecto desde GibHub:

https://github.com/elboletaire/Watimage/archives/master

Si queréis utilizar la clase desde CakePHP simplemente tenéis que descomentar la primera línea de la clase, donde dice //Component extends Object, y utilizarlo como un componente cualquiera.

Aplicando marcas de agua

$wm = new Watermark();
$wm->setImage('test.png');
$wm->setWatermark(array('file' => 'watermark.png', 'position' => 'top right'));
$wm->applyWatermark();
if ( !$wm->generate('test1.png') ) {
	// handle error...
	print_r($wm->errors);
}

Redimensionando

$wm = new Watermark('test.png');
$wm->resize(array('type' => 'resizecrop', 'size' => array(400, 200)));
if ( !$wm->generate('test2.png') ) {
	// handle error...
	print_r($wm->errors);
}

Rotando

$wm = new Watermark('test.png');
$wm->rotate(90);
if ( !$wm->generate('test3.png') ) {
	// handle error...
	print_r($wm->errors);
}

Guardando en otros formatos

$wm = new Watermark('test.png');
if ( !$wm->generate('test4.jpg') ) {
	// handle error...
	print_r($wm->errors);
}

Espejo

$wm = new Watermark('test.png');
$wm->flip('vertical');
if ( !$wm->generate('test5.png') ) {
	// handle error...
	print_r($wm->errors);
}

Todo junto

$wm = new Watermark('test.png', 'watermark.png');
$wm->resize(array('type' => 'resizecrop', 'size' => 400));
$wm->flip('horizontal');
$wm->rotate(90);
$wm->applyWatermark();
if ( !$wm->generate('test6.png') ) {
	// handle error...
	print_r($wm->errors);
}

Gracias a los comentarios de Francisco he podido arreglar la clase para que trate correctamente las transparencias.

Si véis cualquier fallo hacédmelo saber o haced un fork en github directamente!

El caso es que los de PHP al hacer los métodos MultiByte (un apaño que harían al ver que se olvidaron del resto de juegos de caracteres…) no hicieron ni el de primera letra mayúscula ni minúscula.

Ambos métodos me son muy útiles para activar / desactivar usuarios de una wiki (ya que un usuario no puede acceder al sistema mediawiki si tiene la primera letra en minúscula), así que en realidad no he tenido más remedio que hacerlo (nooo, yo no queríaaa..!! xD)

// First letter uppercase
if ( !function_exists('mb_ucfirst') ) {
	function mb_ucfirst($str, $to_lower = false, $charset = 'utf-8')
	{
		$first = mb_strtoupper(mb_substr($str, 0, 1, $charset), $charset);
		$end = mb_substr($str, 1, mb_strlen($str, $charset), $charset);
		// Convert them all to lowercase (if specified)
		if ( $to_lower ) {
			$end = mb_strtolower($end, $charset);
		}
		return $first . $end;
	}
}
// First letter lowercase
if ( !function_exists('mb_lcfirst') ) {
	function mb_lcfirst($str, $charset = 'utf-8'){
		$first = mb_strtolower(mb_substr($str, 0, 1, $charset), $charset);
		return $first . mb_substr($str, 1, mb_strlen($str, $charset), $charset);
	}
}

Como podréis ver al método mb_ucfirst le he añadido un parámetro $to_lower que sirve para convertir el resto de la frase a minúscula (muy útil contra hoygans).

El parámetro $charset es el que más me ha dado por culo (al principio no lo tenía en cuenta); tened en cuenta vuestra codificación de caracteres y cambiadlo directamente en la función si es preciso.

Buen fin de semana!

Referencias

• PHP: Multibyte String Functions