Artfulsoftware: Common MySQL Queries / Extending Chapter 9 of Get it Done with MySQL 5&6 (En inglés)

Recordad que para definir funciones a través de la consola de MySQL debemos primero cambiar el delimitador por defecto, definir la función, procedure, trigger o lo que corresponda, y volver a restablecer el delimitador por defecto:

DELIMITER $$
(AQUÍ VA LA DEFINICIÓN DE LA FUNCIÓN, PROCEDURE O TRIGGER)
$$
DELIMITER ;

http://www.countryipblocks.net/continents/

También hay .htaccess listos para descargar.

La solución es muy sencilla si tenemos IPTABLES, mediante 2 comandos vamos a configurar nuestro servidor para que permita acceder al SMTP a través del puerto 2525 y 25 de forma simultánea, como siempre, hemos usado Centos 5 para el ejemplo:

1. Redireccionamos todo el tráfico entrante del puerto 2525 al puerto 25.
iptables -t nat -A PREROUTING -p tcp --dport 2525 -i eth0 -j REDIRECT --to-ports 25

2(a). Almacenamos las reglas de iptables para hacerlas persistentes.
iptables-save > /etc/sysconfig/iptables

2(b). ¿Usas debian?: Revisa la siguiente url para saber cómo guardar las reglas de iptables
Getting IPTables to survive a reboot

Una vez hecho ésto, nuestro servidor ya está listo para recibir conexiones SMTP en el puerto 2525, tan sólo debemos modificar la configuración de nuestro cliente de correo para que use éste puerto en lugar del puerto por defecto (25).

Despues de varios intentos he dado con un código que funciona tanto en IE, como en Firefox como en Opera y/o Safari. (Requiere Jquery)

<iframe id='myiframe' src='http://www.midominio.com/contenido.html' style="width:100%;"></iframe><br /> <script type="text/javascript"> $(function() { var myiframe = $("#myiframe"); myiframe.hide().load(function() { if (myiframe.get(0).contentDocument) { iframebody=$(myiframe.get(0).contentDocument.body); } else { iframebody=$(myiframe.get(0).contentWindow.document.body); } myiframe.show().height(iframebody.height()+35); }); }); </script>

En caso de que queramos hacerlo de forma automática según su contenido podemos realizar unos pequeños cambios y crear un timeout que redimensione el iframe cada X segundos. (Ojo, personalmente no recomiendo utilizar timeouts recurrentes en entornos de producción, pero funcionar, funciona.)

<iframe id='myiframe' src='http://www.midominio.com/contenido.html' style="width:100%;"></iframe><br /> <script type="text/javascript"> function redimensionaIframe(myiframe) { if (myiframe.get(0).contentDocument) { iframebody=$(myiframe.get(0).contentDocument.body); } else { iframebody=$(myiframe.get(0).contentWindow.document.body); } myiframe.show().height(iframebody.height()+35); setTimeout(function() { redimensionaIframe(myiframe); },1000); } $(function() { var myiframe=$("#preview"); myiframe.hide().load(function() { redimensionaIframe(myiframe); }); }); </script>

1. Introducción

El índice de proporcionalidad (traducción no literal del inglés “aspect ratio“),  es el resultado de la división entre el ancho y el alto de una imagen, y nos indica la relación que hay entre ambas dimensiones.

1.1 Ejemplos:

Las unidades no son relevantes por tanto no se incluyen.

• Imagen 1 (100 ud. de ancho por 100 ud. de alto):
  indice = 100 / 100 = 1
• Imagen 2 (200 ud. de ancho por 100 ud. de alto):
  indice = 400 / 300 = 1,3333333333 ….
• Imagen 3 (1024 ud. de ancho por 576 ud. de alto):
  indice = 1024 / 576 = 1,7777777777777 …..

De ésta forma, el ancho de la imagen multiplicado por éste índice nos proporcionará su altura.

Si bien es válido mostrar éste índice como un número decimal, matemáticamente la forma correcta de expresarlo es mediante x:y (ésta forma de notación también se utiliza para escalas cartográficas). Por tanto, en nuestros ejemplos anteriores, el índice podría expresarse como 100:100, 400:300 y 1024:576 respectivamente.

El problema, es que dichos índices no nos darían una idea clara de la proporcionalidad de la imagen al ser cantidades muy elevadas, pero, en los dos primeros ejemplos, podemos ver claramente que sería muy fácil simplificar el índice dividiendo ambas cantidades por 100, por lo que ambos quedarían como 1:1 y 4:3, y, cuya división, produce exáctamente el mismo resultado (1 en el primer caso, y 1,333….. en el segundo).

¿Qué sucede con el tercer caso?, al ser dimensiones mayores y no tan representativas nos sería muy dificil simplificarlo sin realizar cálculos adicionales, una opción obvia, sería al ver que ambas cifras son pares, dividir ambas entre 2 sucesivamente hasta que ya no sean divisibles por 2 (6 veces), el resultado sería entonces 16:9 (16/9 da como resultado exáctamente lo mismo que 1024/576: 1,7777777777…..)

Bien, ya hemos calculado el índice de las 3 imágenes, básicamente, lo que hemos hecho “de forma artesanal” es descubrir el número por el que podemos dividir ambas dimensiones sin alterar su proporción, es decir, calcular el máximo común divisor: el número entero más grande por el que pueden dividirse ambas cantidades. (En nuestros casos anteriores, el máximo común divisor ha sido 100 para la primera imagen, 100 para la segunda, y 128 en la tercera (128 es 2 elevado a 7 = 2×2 6 veces).

Todo ésto está muy bien, pero ¿cómo podemos obtener fácilmente el máximo común divisor de 2 números para crear nuestra propia función que realize el cálculo?.

2. Algoritmo de Euclides

Definición en la wikipedia: El algoritmo de Euclides es un método antiguo y eficaz para calcular el máximo común divisor (MCD). Fue originalmente descrito por Euclides en su obra Elementos. El algoritmo de Euclides extendido es una ligera modificación que permite además expresar al máximo común divisor como una combinación lineal. Este algoritmo tiene aplicaciones en diversas áreas como álgebra, teoría de números y ciencias de la computación entre otras. Con unas ligeras modificaciones suele ser utilizado en computadoras electrónicas debido a su gran eficiencia.

Algoritmo de Euclides tradicional implementado de manera recurrente (recursiva):

Función mcd(a,b):
Si b=0 entonces:
El resultado es a
En otro caso:
El resultado es mcd(b,a mod b)

3. Implementación del Algoritmo de Euclides en PHP:

function calculaMcd($a,$b) {
if ($b == 0) return $a;
return calculaMcd($b, $a % $b);
}

4. Conclusión

Mediante ésta función podemos calcular fácilmente el indice de proporcionalidad (aspect ratio) de una imagen:

$mcd = calculaMcd(1024,768);
$proporcion = (1024/$mcd) . ":" . (768/$mcd); // 4:3

Si no conoces las dimensiones de la imágen puedes obtenerlas fácilmente con la función getimagesize() de php.

Son muchos los casos en los que nos encontramos con aplicaciones y sistemas que se encuentran en producción con graves problemas de rendimiento debido a una mala planificación o mal diseño de su base de datos.

Cuando ésto sucede y nuestro/s servidor/es de bbdd se satura/n, generalmente el cliente pedirá explicaciones al especialista a cargo y éste probablemente le dará una de las siguientes respuestas en función del tipo que sea:

1. La del administrador de servidores: “Necesita un servidor nuevo con el doble de RAM y mejor procesador”, “Mysql no sirve para bases de datos grandes, deberia migrar todo a Oracle”, “Su aplicación está mal programada, hace demasiadas conexiones a la base de datos”.
2. La del programador: “Deberíamos modificar la aplicación para cachear todas las consultas posibles a la bbdd y reducir la carga de la base de datos” o “se necesita un servidor mejor, no tenemos infraestructura suficiente para que tantas personas accedan al sistema/web/aplicación de forma simultánea.”
3. La del administrador de bases de datos: “Deberíamos realizar un estudio para analizar qué consultas estan produciendo el cuello de botella y ver si podemos optimizarlas”, “Podriamos instalar un servidor esclavo para las consultas más pesadas”.

Obviamente no hay una solución universal para éste problema, ya que dependerá de cada caso, de hecho, probablemente podrían conseguirse algunos resultados combinando todas las respuestas, pero de forma individual probablemente todas éstas acciones no serán efectivas y sólo conseguirán que el cliente malgaste su preciado dinero y nuestro preciado tiempo, además de que nuestra reputación acabará por los suelos.

Un servidor de bases de datos saturado suele ser el producto de una mala planificación previa o incorrectas previsiones de crecimiento y de un mal diseño de su modelo de datos.

La reestructuración y rediseño de un modelo de datos de un servicio ya en producción es inviable en la mayor parte de los casos, al requerir ésta de grandes cambios en la aplicación, por lo que éste paso debe ser siempre uno de los primeros a realizar a la hora de desarrollar una aplicación, mucho antes de haber escrito una sola línea de código fuente. Si bien la base de datos no es una de las partes más visibles del sistema, es la más importante de todas, debido a que es el almacen primario para nuestra información persistente.

En resúmen: Evítate problemas y dedica algo de tu tiempo a aprender a modelar correctamente tus bases de datos

Próximamente intentare entrar más a fondo en éste tema, mientras tanto, aquí os dejo unas lecturas recomendas:

• ¿Qué es el modelado de datos? (En inglés): http://en.wikipedia.org/wiki/Data_modeling
• El modelo entidad-relación (En inglés): http://en.wikipedia.org/wiki/Entity-relationship_model
• Modelado de datos 101 (En inglés, intentaré traducirla en un post más adelante): http://www.agiledata.org/essays/dataModeling101.html

Existen multitud de libros y recursos al respecto, pero si hay tiempo probablemente más adelante cree una serie de tutoriales y guías sobre el modelado de datos. Para los impacientes, aprovecho para poner aquí una web en la que podréis obtener diagramas de modelos de datos de una gran variedad de casos (videoclubs, hospitales, gestion de empleados, catálogo de producto, etc). de forma gratuita. Es uno de los mejores recursos que he encontrado al respecto:
http://www.databaseanswers.org/data_models/index.htm

Anteriormente comentamos como crear un sencillo debugger de javascript con Jquery. En ésta ocasión, y partiendo de esa base, crearemos un script para realizar debug de javascript más avanzado siguiendo los mismos principios: que sólo sea necesario incluir el script para habilitar el debugger, que éste nos permita seguir la evolución en tiempo real en la misma ventana de trabajo, y que pueda ser minimizado para que no nos moleste cuando no lo necesitemos.

Entre las características adicionales que he agregado destaca la implementación de un sistema de logging, que nos permitirá enviar información al log de forma muy sencilla al log a mediante la función jsdebugLog(’Texto a enviar al log’);, el debugger se encargará automáticamente de rotar el log para mostrarnos sólo los últimos eventos.

Adicionalmente, he incluido un interesante pero sencillo sistema para sugerir nombres de variables, funciones y objetos. En función de lo que escribamos en el campo de expresiones, se nos sugerirarn posibles valores que podemos añadir al evaluador de expresiones con tan solo hacer click.

Por último, se han incluido botones para poder vaciar tanto el evaluador de expresiones como el log y se han retocado un poco los estilos.

1. El concepto

1.1 Evaluador de expresiones

Para poder mostrar un listado de variables, funciones y objetos disponibles sensible al texto que estamos escribiendo, lo que haremos es iterar por ‘this‘ buscando coincidencias, una vez las encontremos, las iremos añadiendo a un array de palabras sugeridas.

suggested=new Array();
for (var s in this) {
   if (s.toLowerCase().indexOf(search.toLowerCase())>=0) suggested.push(s);
}

Una vez hecho esto, tan solo debemos comprobar el tamaño del array, y si es superior a 0, generaremos el código html con el listado de palabras sugeridas y las adjuntaremos al div correspondiente. En caso de que el array esté vacio, ocultaremos el div de palabras sugeridas. ¡Tan sencillo como eso!.

1.2 Logger

El logger es más sencillo si cabe, simplemente utilizaremos un array para almacenar ahí todos los datos que se envíen al log y en caso de que se exceda la capacidad del logger (indicada en una variable), se eliminará la entrada más antigua.

En cada intervalo de refresco, se regenerara el listado con los datos del array y se asignarán vínculos para poder eliminar registros del logger o vaciarlo por completo.

2. El código

Descargar debug_avanzado.js

3. Instalación

Simplemente copiamos el archivo al directorio de nuestras librerias javascript y lo cargamos en la página de la que queramos hacer debug. Si no queremos que se muestre, podemos cambiar la variable jsdebugActive a false, llamar a la funcion jsdebugClose(), o simplemente, no cargar el archivo.

Podemos escribir manualmente las expresiones en el campo habilitado y añadirlas, o podemos agregarlas desde nuestro código mediante la función jsdebugWatch(expresion);. Para probar el funcionamiento podeis introducir la expresión 1+1 y tendrá que evaluarla como 2, también podéis probar a introducir alguna variable que esteis utilizando y os mostrará su valor.

Para agregar datos al logger, podemos usar la función jsdebugLog(texto);.

Nota: Para que funcione, es necesario que las librerias de jquery estén cargadas

Nota: Los estilos utilizan position:fixed, no todos los navegadores soportan esta opcion, si vuestro navegador no la soporta, podeis utilizar position:absolute

4. Conclusión

Ahora disponemos de un debugger un poco más avanzado que nos será de mucha utilidad a la hora de realizar debug de nuestras aplicaciones. Como siempre, aún puede mejorarse y ampliarse mucho más, pero por el momento lo dejaremos aquí ya que particularmente, cumple con todas mis espectativas.

Espero que os sea de tanta utilidad como a mi, estaré encantado de leer vuestras dudas o comentarios al respecto.

Por ello, he decidido ir creando una serie de tutoriales sobre algunos scripts que voy preparando y que creo que os pueden ser de mucha utilidad. Los tutoriales serán de nivel medio, por lo que no entraré a comentar temas básicos, pero si intentaré explicar el funcionamiento, si tenéis alguna duda, comentadlo y os intentaré echar una mano.

1. Introducción

Cada vez utilizo más la potencia que ofrece Jquery y Ajax para crear aplicaciones más complejas y usables, sobre todo a la hora de crear interfaces de gestión eficientes que de otro modo serían demasiado tediosas, por poner un ejemplo, al tener que trabajar con cientos de productos, imágenes, entradas o categorias.

Debido a esto, y dada la naturaleza de javascript, me encontraba a menudo con problemas a la hora de realizar debugging, localizar errores o simplemente realizar el seguimiento de deteminadas funciones. Soy consciente de que existen addons y plugins para realizar debug de javascript en varios navegadores pero todos me han parecido demasiado complejos y simplemente no se ajustan a mis necesidades, que son básicamente disponer de un pequeño cuadro en el que pueda evaluar código javascript y que la evaluación se muestre en tiempo real, para poder ver por ejemplo, cómo evoluciona el contenido de determinadas variables. Creo que no hay nada como hacer las cosas uno mismo y no depender de nadie, además, el debugger que vamos a crear a continuación es compatible con todos los navegadores y no se necesita instalar nada

2. El concepto

Básicamente lo que vamos a hacer es crear un div flotante que evalue constantemente las expresiones que añadamos a un array y muestre su resultado. Éste resultado se irá actualizando cada cierto tiempo para mostrarnos como evolucionan dichas evaluaciones. En la expresión a evaluar, podemos incluir cualquier tipo de código javascript, ya sea el nombre de una variable para ver su resultado, una asignación de un valor a una variable o incluso una expresión compleja con jquery.

Para añadir expresiones al array de evaluación, podremos hacerlo a través de un campo de texto habilitado para tal efecto, o a través de una función a la que le pasaremos la expresión a añadir al cuadro de evaluación, jsdebugWatch(expresion); Asimismo, crearemos diferentes botones para poder quitar expresiones del array y para poder minimizar-maximizar el cuadro de evaluación, que por defecto se mostrará en estado minimizado.

3. El código

Descargar debug.js

4. Instalación

Simplemente copiamos el archivo al directorio de nuestras librerias y lo cargamos en la página de la que queramos hacer debug. Si no queremos que se muestre, podemos cambiar la variable jsdebugActive a false, o simplemente, no cargar el archivo.

Podemos escribir manualmente las expresiones en el campo habilitado y añadirlas, o podemos agregarlas desde nuestro código mediante la función jsdebugWatch(expresion);

Para probar el funcionamiento podeis introducir la expresión 1+1 y tendrá que evaluarla como 2, también podéis probar a introducir alguna variable que esteis utilizando y os mostrará su valor.

Nota: Para que funcione, es necesario que las librerias de jquery estén cargadas

Nota: Los estilos utilizan position:fixed, no todos los navegadores soportan esta opcion, si vuestro navegador no la soporta, podeis utilizar position:absolute

5. Conclusión

Ahora disponemos de un sencillisimo debugger que nos será de mucha utilidad a la hora de realizar debug de nuestras aplicaciones. Personalmente lo he usado en multitud de proyectos y me resulta de mucha utilidad, me olvido de tener que instalar nada y sólo tengo que incluir el debug.js para tener el debugger disponible.

Por supuesto, éste es un debugger muy simple, podría mejorarse, ampliarse y probablemente optimizarse, pero eso os lo dejo a vosotros

Y nada más, lo siento por la tremenda parrafada que me ha salido, intentaré para la próxima que el “tutorial” sea un poco más gráfico.

Espero que os sea de tanta utilidad como a mi, estaré encantado de leer vuestras dudas o comentarios al respecto.

Entonces, ¿qué hacemos si queremos descargar en nuestro equipo o en nuestro servidor un ftp completo y no contamos con un cliente que no sea el típico ftp de toda la vida?.

La solución está en nuestro queridisimo WGET.

wget -r -m --follow-ftp -T {timeout_en_segundos} -c "ftp://usuario:password@host.dominio[/ruta]"

(Nota: los parámetros entre corchetes son opcionales y entre llaves, obligatorios).

Éste comando nos permitirá descargar un ftp completo de forma muy sencillita, y nos queda tiempo para irnos a tomar un café mientras tanto

Como siempre, podemos lanzarlo en segundo plano si preveemos que sea una tarea muy extensa:

nohup wget -r -m --follow-ftp -T [timeout_en_segundos] -c "ftp://usuario:password@host.dominio/ruta" &

Una vez terminado, wget nos habrá descargado el contenido completo del ftp. Junto con ello, nos habrá descargado también una serie de archivos .listing que contienen un listado de cada directorio que ha descargado. Podemos eliminar esos archivos fácilmente con:

find . -name ".listing" | xargs rm -rf

Ojo: Usar con cuidado, aseguraos que estais en el directorio correcto porque éste comando no pide confirmación al eliminar archivos.

Espero que os sea de utilidad, yo lo uso muy a menudo.