Programación Web Dinámica Universidad Nacional del Comahue Facultad de Informática Generador de Captcha.

Presentación del tema: "Programación Web Dinámica Universidad Nacional del Comahue Facultad de Informática Generador de Captcha."— Transcripción de la presentación:

1 Programación Web Dinámica Universidad Nacional del Comahue Facultad de Informática Generador de Captcha

2 Tecnicatura Web - Programación Web Dinámica Introducción Requisitos Instalación y uso Referencias

3 Tecnicatura Web - Programación Web Dinámica Introducción ¿Qué es Securimage? Securimage es un script de código abierto, gratuito y libre de uso, que sirve para integrar una Captcha en sistemas PHP. Una captcha es una imagen de confirmación humana, que sirve para saber que es una persona la que está escribiendo un formulario y no una máquina. Seguro que habremos visto cientos de captchas en formularios de páginas web, que nos obligan a escribir el texto de una imagen en un campo, que tiene que coincidir con lo que está dibujado, para que el formulario se envíe correctamente.

4 Tecnicatura Web - Programación Web Dinámica Requisitos Requisitos para instalar esta Captcha PHP : Los requisitos para instalarla son tener PHP (son válidas las versiones 4 ó 5 de PHP) y la librería GD. Eso es lo básico, que casi todos los sistemas actualmente lo tienen, puesto que a partir de determinada versión de PHP 4, las librerías GD están instaladas de manera predeterminada.

5 Tecnicatura Web - Programación Web Dinámica Requisitos Para quien no sepa que es la librería GD hay que decir que son un juego de funciones para manipulación de imágenes, es decir, para la creación de ficheros gráficos en varios formatos, desde PHP y de manera dinámica. Más información : http://www.desarrolloweb.com/manuales/16/

6 Tecnicatura Web - Programación Web Dinámica Instalación y uso Paso 1.- Instalar el script Empezamos entrando el la página de la captcha y seleccionando la última versión disponible para descarga. Para instalarla tan solo tenemos que copiar los archivos en un directorio de nuestro servidor. Paso 2.- Crear la imagen de la captcha Tenemos que crear el código para mostrar la imagen de la captcha. Esto se incluye como cualquier otra imagen, únicamente poniendo en la ruta del archivo una URL del script PHP que genera la imagen.

7 Tecnicatura Web - Programación Web Dinámica Instalación y uso También debemos acompañar esa imagen con un input donde se va a escribir el texto que haya en ella. Paso 3.- Opcional... código para refrescar la imagen Si se desea, se puede incluir el siguiente código para tener un botón que sirva para refrescar la imagen captcha, en caso que no se vea correctamente. Esto es util para incrementar la usabilidad del sistema, pero no imprescindible para el funcionamiento. Refrescar la imagen

8 Tecnicatura Web - Programación Web Dinámica Instalación y uso Paso 4.- Comprobar la captcha al validar el formulario Ahora tenemos que hacer unas modificaciones al script que valida el formulario que hemos creado con la captcha, para ver que fue enviado por un humano. Lo primero es abrir la sesión en la página del formulario. (Que debemos hacer sólo si no habíamos abierto la sesión en otros lugares del código de la página)

9 Tecnicatura Web - Programación Web Dinámica Instalación y uso Ahora debemos utilizar un código como este para validar la captcha: //primero incluimos el script de securimage include_once("securimage.php"); //creo un objeto securimage $img = new securimage(); //valido el campo input del formulario donde se había escrito el texto de la imagen $valido_captcha = $img->check($_POST['captchacode']);

10 Tecnicatura Web - Programación Web Dinámica Instalación y uso En la variable $valido_captcha se tiene ahora un boleano, que se puede evaluar para saber si era o no correcto el texto de la capcha escrito en el formulario. if ($valido_captcha){ //todo correcto... }else{ //captcha no válida }

11 Tecnicatura Web - Programación Web Dinámica Instalación y uso O de forma más directa : if ($image->check($_POST['code']) == true) { echo "Código correcto!"; } else { echo "Código incorrecto"; } Utilizando el método check($variable) se obtiene verdadero o falso dependiendo de lo que se pasó por GET o POST en este caso.

12 Tecnicatura Web - Programación Web Dinámica Funciones Las funciones principales: $img = new Securimage();// Constructor $img->image_width($valor);// Ancho del captcha $img->image_height($valor);// Altura del captcha $img->perturbation($valor);// Distorción de la imagen $img->code_length($valor); // Longitud random del codigo $img->show();// Muestra al captcha $img->check($valor);// Chequea que el código sea correcto $img->line_color($valor);// Con esto indicamos el color de las líneas que camuflan el texto de la captcha

13 Tecnicatura Web - Programación Web Dinámica Referencias y Links Referencia : http://www.desarrolloweb.com/articulos/captcha-php- securimage.html Clase phpcaptcha : http://www.phpcaptcha.org/