Blogs Teoriza
Acceder · Crear usuario
Anunciarse
Canal Personal   GONZO · Mia

Categoría Usabilidad

Control Teoriza

Durante los últimos días he llevado a cabo con éxito un proyecto de unificación técnica de la red Blogs Teoriza y los servicios de alrededor que ofrecemos.

Gracias a este avance interno he desarrollado la 5º herramienta que ponemos a disposición de la blogosfera y tengo el placer de presentar oficialmente aquí.

Control Teoriza: www.teoriza.com/control/

Es un control de eventos, como la publicación de post, nuevos comentarios, acortamientos de URL, cachés de paginas web, creación de blogs gratuitos nuevos en Aziroet... Todo en una lista organizada en tiempo real, actualizado dinámicamente mediante tecnología AJAX.

En definitiva, a partir de ahora se puede dar un vistazo rápido en tiempo real de lo que está ocurriendo en nuestra red de blogs y servicios gratuitos.

Recomiendo echar un vistazo y agradecería mucho la impresión que os dá.

Blogs Teoriza, herramienta Control

Posiblemente, en el futuro, será inevitable que todas las redes de blogs tengan un panel como el nuestro. Inspirado a su vez en la fisgona de menéame, spy de digg, etc...

5 GONZO
23-06-2007

Animal Captcha 1.4: captcha gráfico con animales, script PHP

 He aquí la versión pública del captcha gráfico que desarrollé para el formulario de registro de Blogs Teoriza.

Cuando me enfrenté al gran desarrollo del sistema de usuarios quise destacar de los demás formularios. Ante todo quería que fuese usable, sencillo y al grano. En definitiva minimalista, fiel a mi tendencia evidente.

Por supuesto el formulario de registro debe tener un control captcha, es decir, un obstáculo que solo es capaz de sortear un humano. Solo así puede estar protegido un formulario en Internet. Y aquí entra en juego este programa que hoy tengo el placer hacer público, muy fácil de implementar.

 

Español | Inglés

Animal Captcha

animal captcha 14
DEMO ONLINE

[Español e Inglés]


Introducción:

Animal Captcha es un pequeño programa en lenguaje PHP, orientado para su uso en páginas web, que permite adjuntar a un formulario una imagen aleatoria de un animal que cualquier humano conoce, y sin embargo un robot es incapaz de identificar.


Ventajas:

  1. Seguridad: esta es la razón principal, en Internet hay desarrollos que consiguen resolver algunos captchas de códigos alfanuméricos, con creciente éxito. Sin embargo, ojalá pudiese una máquina identificar a un animal! Es imposible teóricamente.
  2. Belleza: es más agradable ver una foto de un animal que un código alfanumérico.
  3. Rapidez: los usuarios ahorran tiempo, ya que se tarda menos en identificar y escribir un animal que introducir un código aleatorio.
  4. Efectividad: los usuarios aciertan con más probabilidad en comparación con los últimos captchas seguros.


Descargar:

Publicado bajo licencia Creative Commons, siendo esta página la fuente original. Cedo al interés común todos los derechos de utilización y modificación, como mejor se considere. El único derecho que quiero preservar es el de autoría y citación.


Versiones y cambios:
  (changelog):

  • 2.0 - Futura versión...
    Ampliaré las imágenes tambien a objetos. Aumentando el repertorio al menos a 60 entre animales y objetos.
  • 1.4 - 2009/11 - Invulnerable
    Caduca la sesion en cada intento obligando a pedir el captcha. Configuracion opcional del numero de animales por prueba, esto aumenta exponencialmente el numero de respuestas posibles migitando drásticamente la eficacia del ataque por fuerza bruta.
  • 1.3 - 2009/10 - Débil a fuerza bruta por erlang
    Permite añadir varias imágenes para un mismo animal añadiendo _2.jpg en la imagen. La imagen de fondo se orienta incorrectamente para mitigar la confusión con la imagen principal que es la corecta. Desactivado por defecto los polígonos y giros aleatorios ya que no hace falta tanta seguridad. Mejorada la calidad de la imagen. Refresca otro animal al hacer clic en la imagen.
  • 1.2 - 2008/12 - Débil a fuerza bruta por erlang
    Avance importante en la aleatorización de imágenes mediante una tecnica de fusión de dos imagenes transparentes aleatorias. Corrección de pequeños bugs. Optimización mejorada, genera imágenes más rápido.
  • 1.1 - 2008/06 - Vulnerado por movzx
    Avance en la aleatorización para dificultar la obtención de patrones que identifiquen la foto original del animal. Invulnerable al test de bits y test de histograma.
  • 1.0 - 2008/04 - Vulnerado por NachE
    Versión inicial. Vulnerable a los test de bits y test de histogramas.

(Invulnerable quiere decir que es seguro y hasta el momento nadie ha logrado crackeado, ánimo hackers!)

 


Implementación:

Animal Captcha está compuesto de 2 archivos PHP y 1 carpeta con imágenes de animales.

  • animal-captcha.php - Devuelve una imagen aleatoria de un animal, y guarda en una sesión PHP el nombre del animal para comprobarlo posteriormente.
  • animal-captcha-check.php - Define esta función PHP animal_captcha_check() que devuelve true si se ha acertado y false si es errónea, respecto a la sesión previamente creada al imprimir la imagen captcha.
  • Imágenes: las fotos deben estar en formato .jpg, medir 120px y representar un animal común, fácil de identificar (de nivel de preescolar). El nombre está formado por una serie de palabras sin espacios, una palabra por intento, separadas por guiones "-". Todas las estas palabras son las respuestas correctas. Ejemplo, cerdo-gorrino-pig.jpg Admite las respuestas: cerdo, gorrino o pig. Cada imagen ocupa 4kb tan solo. Está optimizado su consumo al mínimo, listo para usarse en sitios web con alto tráfico.

De esta forma se puede internacionalizar fácilmente o se pueden solventar animales que pueden ser nombrados de varias formas.

Cada imagen es difuminada aleatoriamente, de forma que cada imagen presentada es única.


Problemas conocidos:

  • Si el lector no conoce alguno de los idiomas del captcha, no podrá resolverlo.

 

76 GONZO
30-04-2008

Los formularios web de Google Docs, potentes posibilidades nos esperan!

Google está consiguiendo desbancar a Microsoft Office y similares. La clave de su éxito es con Google Docs, una suite de aplicaciones online y offline que son gratuitas, no necesitan instalacion y funcionan cada vez mejor.

No solo supera a a su competencia, si no que está revolucionando el mundo de las aplicaciones de oficina con potentísimas posibilidades. Una de ellas acaba de publicarse hace muy poco, los formularios web.

Con formularios web puedes configurar fácilmente un formulario web público, que al rellenarse añade en una fila en un excel hoja de calculo. Esta característica está en sus inicios, ya que tendrá casi infinitas posibilidades.

Un ejemplo de su uso, que desde ayer estamos usando formalmente en Blogs Teoriza, es el formulario para ser aspirantes a bloggers (el cual hemos reabierto temporalmente). Puedes verlo aquí:

Inscripción de aspirantes a blogger
Ventajas:
  • Fácil: rapido de configurar, solo con clicks de raton, me ha ahorrado unas cuantas horas de desarrollo de PHP+MySQL.
  • Seguro: los datos quedan custodiados en los servidores de Google, que son de los más seguros del mundo. Esto me deja más tranquilo y seguro que a los aspirantes también, ya que el tratamiento de información personal me lo tomo muy en serio.
  • Eficiente: el tratamiento de datos es completísimo, en una hoja de calculo fácilmente visible y organizable. Además se suman todas las potentes posibilidades que ofrece Google, permisos de lectura, publicación, gestión de usuarios, edición colaborativa, gráficos, puntos geográficos... casi todas las tecnologías de Google están disponibles.
Captura:

hoja de calculo google docs

0 GONZO
21-05-2008

Sistema de valoración implementado en todo Blogs Teoriza

Junto con una serie de mejoras, optimizaciones y actualizaciones he puesto en marcha una nueva característica que permite votar con unas estrellitas () cada artículo escrito en Blogs Teoriza.

Esto se hace mediante tecnología AJAX (web 2.0) como no podía ser de otra forma. Esto significa que el lector puede interactuar con la web votando el artículo que acaba de leer haciendo solo un clic. Sin perder tiempo de carga. Esto es vital ya que anula el coste de tiempo de realizar una votación y potencia su uso.

Estas valoraciones se procesan en tiempo real y están integradas en nuestro sistema Control (publico) donde podemos controlar la evolución del sistema con todo detalle.

Ahora solo queda que los lectores se involucren valorando a su criterio nuestros contenidos. Con el tiempo podremos extraer un ranking de los post mejor valorados de toda la red de blogs y lo que es más importante, nos señalará donde debemos mejorar, a juicio de vosotros, nuestros lectores.

Agradecer a abusemagacine por su plugin que me sirvió de base para este desarrollo y por supuesto gracias a todos los lectores por vuestro criterio!

[Nota: para votar hay que hacer roll-over y clic encima de las estrellas que están justo al final de cada articulo ampliado.]

[Actualización: Ya he creado la sección donde se publican los resultados de las votaciones. Lo podéis ver en el TOP50 de valoraciones.]

6 GONZO
17-11-2007

Usabilidad en los diccionarios de libro, en la RAE online

Desde que empecé a usar diccionarios de niño, lo típico, para buscar palabras desconocidas, me he encontrado con una situación bastante tragicómica en la que seguro que os habéis encontrado.

Hace unos minutos, quise buscar lo que era apóstata, sabia lo que significaba pero quería encontrar la definición precisa. Al buscar en el buscador de la RAE (por cierto, anti-usabilidad en URLs y estructura web) me encuentro con el siguiente bucle:

  1. Busco "apóstata": 1. com. Persona que comete apostasía.
  2. Re-busco "apostasía": 1. f. Acción y efecto de apostatar.
  3. Re-busco "apostatar": 1. intr. Negar la fe de Jesucristo recibida en el bautismo.
En fin, sé que hay que hacer las búsquedas en infinitivo, pero como usuario los resultados #1 y #2 me parece más bien que me están vacilando. Aunque la razón de esta anti-usabilidad es que se ha portado de los diccionarios de libro y en estos es vital ahorrar espacio de esta manera.

5 GONZO
15-08-2007

URLs anti-naturales sin sentido

Hace un par de años apenas se conocía el modrewrite del apache o clones similares, pero creo que a estas alturas encontrarse con una dirección web así es increíble hasta para el usuario:

http://www.dalealplay.com/informaciondecontenido.php?con=43128
Con solo una linea de código puesta en el archivo .htaccess:

RewriteRule ^/([0-9]{1,10})(/)?$ /informaciondecontenido.php?con=$1

Conseguirían que funcione esta dirección, que es mucho más corta, usable y lógica:

http://www.dalealplay.com/43128
En fin, un equipo que consigue desarrollar con éxito una página tipo Youtube, con todas las enormes complicaciones que implica y que no sean capaces de ver este detalle, me parece demencial. Algo chungo ocurre en su departamento de desarrollo.

0 GONZO
09-08-2007
◄ Página anterior
Blogs Teoriza
Ocio Tecnología Cuidarse Informática Contactos Cultura Vacaciones Interesante Místico Personal
Ocio Alarmas Intimidades Hosting Chat Poesías Hoteles CompraVenta Tarot GONZO
Juegos Tecnología Salud Adsl Messenger Mundo Viajes Videos Videncia Mia
CineTV Inventos Internet Música EnCrucero Polémicas
Deportes Virtual Seguridad ComoHacer Turismo Legalidad
Motor Ubuntu Actualidad
Hardware
Enlaces: MovilZona

Creative Commons License
Blogs Teoriza™ · Red de Blogs · · Aviso Legal · 2003-2010