Existe una guerra declarada contra los spammers, sobre todo aquellos que utilizan robots para inundar muchos blogs con comentarios basura. Esta extensión para Dreamweaver intenta ayudar un poco a combatirlos.

Captcha Image es una extensión que permite generar de forma dinámica una imagen con un código de seguridad. La idea es que dicho código, al ser una imagen, no pueda ser analizada por los robots encargados de inundarnos de spam pero pueda ser leida por los seres humanos.

Al mismo tiempo, la imagen contiene ‘ruido de fondo’ que hace aún más dificil el anáisis del código.

Lógicamente, existen limitaciones de accesibilidad, ya que este tipo de aproximación al problema deja fuera a personas con problemas de visibilidad (existen clases que son capaces de añadir voz para reproducir el texto). En cualquier caso, este método es una de las aproximaciones más habituales al problema.

Los requisitos para que esta extensión funcione son:

  • Dreamweaver 8
  • PHP y MySQL
  • Soporte para la librería de gráficos GD (muchos servidores ya la incluyen)
  • La carpeta donde se ejecuta el documento debe tener permisos de escritura

En un principio, la extensión está pensada para su uso con formularios dinámicos de inserción o actualización generados por Dreamweaver, sin embargo, el código es bastante flexible como para poder ser adaptado a otros entornos. si alguien se encuentra en esta situación, puede utilizar nuestro foro

El primer paso, por tanto, es insertar un formulario dinámico de Dreamweaver, para ello, el mejor método es utilizar la barra de inserción:
formulario
Una vez insertado el formulario, deberemos añadir un campo en el que el usuarios deberá introducir la clave que le será mostrada por la imagen:
formulario

Tras estos dos pasos, simplemente deberemos utilizar la extensión. Se encuentra en el panel ‘Comportamiento de Servidor->Captcha Image’. Una vez abierta, veremos la ventana donde poder definir las opciones:
ventana captcha

Las opciones son sencillas:

  • alto y ancho de la imagen
  • colores del texto, del fondo y del ‘ruido’
  • numero de caracteres de la clave
  • Campo del formulario donde el usuario deberá introducir la clave de la imagen

Tras introducir la información, la extensión utiliza un traductor para añadir un placeholder que imita el ancho y alto seleccionado, de manera que su manipulación sea más sencilla:
vista_diseno

Para generar el código, la extensión utiliza una fuente Verdana: En algunos servidores puede que no esté registrada, por lo que se hace necesario subir el archivo verdana.ttf que completa el paquete a la misma carpeta donde se ejecutará el documento. No es necesario ningún otro paso extra.

Al ejecutarla en nuestro servidor, podremos ver la imagen en acción:
captcha en accion

Y está terminado.

Como repito, el código generado puede ser modificable para otras necesidades que no impliquen un formulario procedente de Dreamweaver, así como para generar y destruir la imagen ‘al vuelo’. En este caso, se ha preferido que trabaje más unida a Dreamweaver pensando en aquellos usuarios con menor nivel de programación. Como repito, pueden consultarse dudas sobre ella en nuestro foro

Pulsa aquí para descargar la Extensión