El mayo de Córdoba se vive también por Internet. En una iniciativa de mi empresa equipo24, hemos decidido darle al Mayo Cordobés el lugar que se merece en Internet. Se ha recogido en la web www.mayocordobes.es información online útil acerca de las fiestas de este mes como son La Cruces, La Cata de Vinos, Los Patios y La Feria. Además gracias a la colaboración de un grupo de patrocinadores, amigos, y los organizadores de algunas cruces, podremos vivir en fotos cada una de esas fiestas.
El sitio gracias a la implementación de la tecnología AJAX permite localizar las fotos fácilmente utilizando diferentes filtros sin innecesarias recargas de páginas. ¡No dejéis de visitarnos!

Últimamente está muy de moda utilizar los formularios de contactos o formularios de envío de comentarios a blogs para hacer SPAM dejando direcciones de sitios en busca de publicidad gratuita. Por otro lado tenemos a los usuarios que usan los formularios para desahogarse y desatar su ira con palabras obscenas que luego los webmasters tienen que sufrir.
Para solucionar esto les propongo un script sencillo que nos puede ayudar a prevenir algunos de estos dolores de cabeza. En este post no estoy ofreciendo un componente, solo un pedazo de código javascript que podemos integrar en nuestra web con conocimientos básicos de programación javascript.
Aunque los chequeos que hace el script son bastante triviales me he auxiliado de la poderosa biblioteca de Mootools para añadir unos toques de efectos visuales y para valerme de su facilidad para gestionar los eventos.
Para utilizar este código necesitarían descargarse Mootools e incluirlo en la página.

<script type=”text/javascript” src=”js/mootools-release-1.11.js”></script>

En el HTML debe haber una capa donde notificaremos en caso de detección de SPAM.

//message es el id de algun textarea dentro de nuestro formulario
//<textarea cols="50"></textarea>
var txt = $('message');

//log_div es el id de una capa donde mostraremos los posibles errores
//<div></div>
var log = $('log_div');

//Añadimos un efecto al div donde mostraremos los errores
var fx = new Fx.Styles(log, {
	duration: 3500,
	wait: false,
	transition: Fx.Transitions.Quad.easeOut
});

//Añadiendo eventos al textarea
txt.addEvents({
    //On Focus
	//Si queremos cambiar el color de background cuando se seleccione
	//O si queremos eliminar el texto por defecto
	'focus': function() {
		if (txt.value.contains('escribe tu mensaje...')) txt.value = '';
		//Cambiando color de background
		txt.setStyle('background','none #6F6F6F');
	},

	//On Keyup
	//Chequeamos que no halla codigo malicioso ni palabra obscenas
	'keyup': function() {
		//Convertimos todo a minúsculas
		var text = txt.value;
		text = text.toLowerCase();

		//Chequeando que no se escriban direcciones en el mensaje
		var regexp = /(ftp|http|https)://(w+:{0,1}w*@)?(S+)(:[0-9]+)?(/|/([w#!:.?+=&%@!-/]))?/
		var x = regexp.test(text);

		//Por lo menos que no aparezca nada que comience con www
		var regexp2 = /(www)/
		var y = regexp2.test(text);

		//Si algunos de los chequeos anteriores dió positivo notificamos en el evento de que hay SPAM
		if (x==true || y==true){
		    //Ejecutamos el evento de notificacion de SPAM
			txt.fireEvent('burn', 'No se permiten direcciones web!');
			txt.value = txt.value.replace("www","");
			txt.value = txt.value.replace("http://","");
		}

		//Chequeamos que no se utilicen tags de html
		if(txt.value.contains("")){
			txt.value = txt.value.replace(">","");
		    //Ejecutamos el evento de notificacion de SPAM
			txt.fireEvent('burn','Eliminando caracteres potencialmente peligrosos');
		}

		//Diccionario de palabras no deseadas
		words = new Array("viagra","fuck","cialis","porno");

		//Chequeamos que no aparezcan ninguna de las palabras anteriores
		for(var i=0; i &lgt; words.length; i++){
			if(txt.value.contains(words[i])){
				txt.fireEvent('burn','SPAM reconocido');
				txt.value = txt.value.replace(words[i],'');
			}
		}
	},
	//On Burn
	//Este es un tipo de evento creado por nosotros que ejecutaremos siempre que se encuentra un SPAM
	'burn': function(text) {
	    //Insertamos el texto el el div donde se muestran los errores
		log.setHTML(text);

		//Ejecutamos el efecto para que haga una transición de opacidad
		fx.start({
			//'background-color': ['#990000', '#fff'],
			'color': ['#ff9c66', '#101b21'],

			'opacity': [1, 0]
		});
	}
});

Para ver un ejemplo funcionando pueden ir a la página de mi empresa equipo24 e ir a la sección de Contacto y probar algunas palabras como “viagra” o “porno”.
Espero que les sea útil.

Vía Rufadas descubrimos un nuevo servicio online: Flood Maps. Se trata de un sistema que predice las áreas que serían inundadas por el efecto del deshielo de los casquetes polares.

La sorpresa es mayúscula cuando se comprueba que poblaciones del interior como Sevilla son inundadas si el nivel del mar aumentara 14 metros…

Por cierto, Fuengirola la perdemos, aunque Marbella se salva…

WeShow acaba de estrenar el portal de vídeos exclusivamente dedicado a España (www.weshow.es).

En esta dirección se encuentra disponible, de forma gratuita, los de widgets que permiten el acceso y la exhibición de sus vídeos favoritos o selecciones actualizadas sobre sus temas de interés, de una manera más divertida y práctica.

Nuestro sitio web selecciona los mejores vídeos de Internet en repositorios como YouTube, Metacafe, Dailymotion, MySpace (entre otros) y los ordena en más de 200 canales.

La mayoría de los sitios web de vídeo utilizan solamente recursos tecnológicos para reunir contenido – en WeShow, humanizan este proceso de filtrar y organizar los vídeos.

Algunas características de los Widgets de WeShow:

• La colección de widgets tiene versiones propias para sitios web/blogs, para las redes sociales MySpace, Facebook, Hi5 y Ning y para Windows desktop.
• El usuario puede incluir en el widget un canal de favoritos, que pueden tanto ser vídeos ya seleccionados por WeShow así como cualquier vídeo ubicado en sitios web como YouTube, Dailymotion, Metacafe, MySpace, iFilm, etc.
• El usuario puede elegir exhibir en su widget los últimos diez vídeos seleccionados de cualquier canal de WeShow.
• El aspecto visual de los widgets se puede personalizar.
• Cuando se selecciona una imagen, el vídeo se ejecuta en el propio sitio web o blog, sin reenviar el visitante a otra página.

Google Earth nos sorprendía hace poco con una actualización para ver las estrellas. Ahora nos sorprende con un simulador de vuelo, con el cual podemos sobrevolar la tierra pilotando dos posibles aviones: un F16 y un SR22.

Para activarlo simplemente tenemos que mantener pulsada la combinación de teclas: Control+Alt+A (la A es mayúscula) y aparecerá nuestro simulador.

Las instrucciones y atajos del teclado podéis verlas aquí

Cada día aparecen nuevos y más potentes servicios en línea, vía web. Este nuevo servicio que os quiero presentar lo he descubierto en eduo.info.

Flash Earth es una web que accede a las bases de datos de Google Maps, Microsoft Virtual Earth, Yahoo! Maps, Ask.com, OpenLayers y la NASA y te permite localizar cualquier punto en el planeta, acercarte y cambiar de vistas dinámicamente a una velocidad de vértigo.

No dudéis en probarlo. No os defraudará.

Sí, amigos… Bitácora de Webmaster cumple tres añitos en la Red.

Con este escueto mensaje comenzábamos a publicar el 13 de julio de 2004:

“Pretendo que esta web sea un punto de encuentro de todas aquellas personas que les apasionen la ingeniería del software, el desarrollo web, el diseño web, las bases de datos, la programación, el hardware, los sistemas operativos, la Red de redes y muchas más cosas.”

Como sabréis, el origen de este blog colectivo fue espontáneo, improvisado, sin pretensiones… totalmente accidental. Sólo respondía a nuestra inquietud por experimentar y compartir nuestros avances.

Desde mi punto de vista, lo mejor de BdW ha sido que ha servido para hacer muchos amigos con las mismas inquietudes en la Comunidad, y para estrechar y consolidad la amistad entre los autores/responsables de nuestro querido BdW: Simon, Edu, eMe, Pin, DeiMos y aartiles… ¡ahh! se me olvidaba nuestro misterioso Gacuj, que es como Charlie Townsend, el jefe de Los Ángeles de Charlie. Está ahí, todos lo sabemos… aunque nadie lo ha visto nunca.

Durante este recorrido hemos publicado 743 artículos, recibido cerca de 3000 comentarios y varias decenas de miles de comentarios spam.

¡Continuamos creciendo, amigos!

Voy a permitirme una frivolité. He visto una página en ionlitio que nos muestra el origen de algunas de las marcas más conocidas mundialmente. Realmente muy curioso. Como muestra un botón:
“El Corte Inglés: César Rodríguez, un empresario asturiano que ha hecho fortuna en Cuba, compra en 1935 la sastrería El Corte Inglés en la calle Rompelanzas de Madrid.”

o

“Google: Este buscador, ideado por dos estudiantes de Stanford en 1995, recibe el nombre del término con que el matemático Eduard Kasner definió el número 10 elevado a 100. Un uno seguido de cien ceros, un Googol. Sin embargo, debido a un error al registrar dicho nombre, al final quedó registrado como “Google”.”

Se trata de un tema bastante trillado pero al que, como todo sabemos, no le prestamos practicamente ninguna atención. Caemos en claves fáciles de recordar y de adivinar. En la web Watching the Net hay un artículo bastante bueno que nos orienta en este sentido. Resumiendo alguno de los consejos:

- Utilizar mayúsculas y minúsculas.
- Utilizar al menos un número y no situarlo ni al comienzo ni al final.
- Crear una clave de al menos 8 caracteres.
- Utilizar símbolos como $, %, !, asignándoles un significado a los mismos.

En fin, una lista de consejos más que de seguro caerán en el olvido en poco tiempo. Lo digo por experiencia.

La noticia no sorprenderá a muchos, pero ahí está. El todopoderoso Google ha hecho posible que España, Brasil, Francia, Japón, Irlanda, Italia, Holanda, Polonia y el Reino Unido cuenten a partir de ahora con sus propios sitios nacionales, con traducción al idioma local tanto de la página de inicio como de las funciones de búsqueda.

Podemos acceder con la url http://es.youtube.com/.

Pero el motivo de este artículo es otro… ¿cuánto ofrecerá Google a Mar Martínez Salazar autora de la web You Tube por el dominio www.youtube.es?

¡Qué suerte!

Desde aquí, le recomendamos a esta madrileña que estudió Psicología Clínica que se ponga en manos de un buen abogado especializado en negociaciones de este tipo y que le saque partido a la venta de ese dominio.

De las nuevas funcionalidades de la última versión de Google DeskTop me ha llamado la atención el Cuadro de Búsqueda Rápida. Un método bien conocido por los usuarios del Mac (¿verdad eMe?) que agiliza la ejecución de programas.

Pulsando dos veces la tecla Control se muestra el Cuadro de Búsqueda Rápida de la parte central de tu escritorio. Introduces algunas letras o palabras en este cuadro y los resultados aparecerán al instante. Un estupendo método para abrir programas sin tener que utilizar el menú “Inicio”.

Por ejemplo, para abrir Adobe PhotoShop CS sólo deberás escribir “CS” en el cuadro de búsqueda rápida y seleccionar “Adobe PhotoShop CS” en la lista de resultados. O simplemente introduce un término de búsqueda y pulsa “Intro” para buscar por la web.

Además de las habituales funciones y otras nuevas añadidas:

• Búsqueda facil y rápida en tu equipo y en Internet.
• Google Gadgets: lector rss, emails, reloj, un calendario, un bloc de notas, una lista para tareas pendientes…
• Barra Lateral (panel de control para tus gadgets)
• Seguridad Mejorada

Google Maps, y su cliente pesado (Virtual Earth) se están convirtiendo en una herramienta base para la creación de multitud de servicios. La verdad es que cada vez me encuentro más impresionado de las cosas que sacan. Lo último, es que la Oficina Estatal del Catastro en España, ha almacenado la información catastral de todas las viviendas de nuestro país, y lo ha vinculado con su posición geográfica… ¿qué significa todo esto? Pues que tenemos la posibilidad de ir navegando por nuestra calle, y ver referencias catastrales, metros construidos y útiles o valor catastral de una determinada vivienda. Creo que es una herramienta imprescindible de aquellos profesionales que en estas fechas se encuentran realizando declaraciones de la renta, ya que muchos no nos acordamos de llevarnos este dato a la asesoría

Acceso al Catastro Virtual

Esto es la punta del iceberg del cambio inmobiliario que está por llegar, ya mismo, desde la propia inmobiliaria o desde nuestra casa, podremos acceder a los datos reales de la vivienda que queremos comprar, y no solo podremos ver fotos o videos del interior, también del entorno, ¿qué cómo es? Pues resulta que en San Francisco, a modo de piloto, han fotografiado todas las calles de la ciudad de tal forma que podemos ir “andando”, girando por calles o parándonos en una fachada y mirando como está situada, estado, comunicación de una zona…

Para poder movernos por la ciudad, tendremos que situar el muñeco que sale en el mapa en el lugar que deseamos ver, y si tenemos el Flash Player instalado en nuestro equipo, nos aparecerá una capa emergente que nos muestra ese lugar. A través de las flechas del suelo podemos movernos por el mapa. La verdad es que parece de ciencia ficción.

Acceso al Golden Gate de San Francisco

También os adjunto un par de enlaces interesantes:

Blog tecnológico con aplicaciones e información de Google Maps

Colección de Fotografías de diversos lugares (no son todas de Google Maps, pero merece la pena verlas)

La Organización Culminis nos proporciona la posibilidad de crear o apuntarnos en comunidades del mundo de las Tecnologías de la Información, tan en auge en la actualidad. Con más de dos años de experiencia, nos dan la posibilidad de compartir con otros usuarios del sector nuestros conocimientos, creando por un lado un lugar de consulta de los problemas que nos puedan surgir, y por otro la posibilidad de que otros usuarios se beneficien de nuestros propios conocimientos.

Desde su página existe un buscador de grupos, ya sea por materias o geográficamente. Una vez encontramos el que nos interesa, podemos ingresar en su página y apuntarnos para comenzar a trabajar en proyectos, trabajos, prototipos…

Un proyecto interesante, pero creo que necesitaría más tutoría por parte de las grandes empresas, dando posibilidad de entrar en bolsas de trabajo, becas, ayudas…

El pasado miércoles día 6 de junio celebramos con júbilo el trigésimo vigésimo séptimo aniversario del nacimiento del autor y responsable del exitoso blog MienteMe en BaluArte.

La carismática personalidad, el sutil sentido del humor y la mirada crítica de lo cotidiano de nuestro amigo eMe ha hecho posible que en pocos meses su blog se haya convertido en un espacio web de referencia en la blogesfera en español.

Con motivo de dicho acontecimiento, se presentaron las camisetas oficiales de MienteMe.

Por favor, continúa mintiéndonos, eMe.

A mi personalmente, me gusta exponer haciendo uso de presentaciones, pero una serie de Investigadores han detectado que en algunas ocasiones los documentos Powerpoint pueden llegar a ser agotadores para los asistentes a una reunión.

Este estudio nos comenta que los humanos preferimos no recibir información de forma visual y verbal al mismo tiempo. Según comenta el catedrático John Sweller:

“El uso de Powerpoint ha sido una catástrofe, y debería ser suprimido”

“No es igualmente eficaz sustentar con audio las palabras escritas, ya que el cerebro se sobrecarga y reduce su capacidad de entender lo que está siendo presentado”

Yo pienso que esto no es del todo cierto, pero sí que le doy la razón en algo: creo que una presentación debe contener las líneas generales, pero sin demasiado texto ni cantidad de diapositivas. Lo perfecto, a mi opinión, es un documento que nos muestre en todo momento una visión global de lo que estamos hablando, ya que en ocasiones nos perdemos y es entonces cuando se produce la falta de atención por parte de los oyentes.

¿Qué opináis vosotros? Se que algunos de vosotros sois grandes maestros de de la docencia, y creo que podéis aportar mucho a este post.

La verdad es que es impresionante lo que están preparando los chicos de Microsoft. Ya se que muchos dicen que si todos sus productos son una copia de otros, que si eso ya lo tenían otros fabricantes, pero digo una cosa: Google también copia lo que otros inventan, ¿no? Correo, Buscadores… Creo que no es así, y mejorar lo que ya está en el mercado no es malo.
Bueno, dejando estos temas tan polémicos a un lado, creo que es impresionante ver lo que podría ser un elemento imprescindible en cualquier casa, bar o restaurante. La integración con dispositivos como móviles, reproductores MP3 o tarjetas de crédito me parece increíble.

Ved los videos estos y comentáis que os parecen: http://www.microsoft.com/surface/

¿Será esto parte del futuro? Quizás no esté tan lejos como podrían pensar muchas personas.

Hace algún tiempo, el amigo de BdW JeSuLes nos mandó información sobre los comandos que podemos utilizar dentro de Windows para realizar determinadas acciones. Pues bien, ahora es otra persona (mi padre) quien me ha enseñado que existe otra forma de obtener todos estos comandos, donde nos aparecerá una descripción, atributos, ejemplos de funcionamiento… de cada uno de ellos.

La ayuda se encuentra en formato CHM, que es el sistema utilizado por la mayoría de las aplicaciones para almacenar sus ficheros de ayuda. Nos resultará fácil navegar por las opciones. Para acceder, tendremos que abrir una ventana de línea de comandos y escribir:

HH Ntcmds.chm

Un acceso directo a este archivo de ayuda en nuestro escritorio, es obligado para aquellos administradores de sistemas Windows que les guste trabajar en línea de comandos.

Hace unos días investigando para desarrollar un módulo de reservas para un hotel me cayó la duda si era necesario almacenar los datos de la tarjeta de crédito y si había que validarla contra alguna entidad para corroborar que la tarjeta es válida antes de dar por hecha la reserva.
Para mi sorpresa en la mayoría de los sitios de booking que probé solamente hacen un simple chequeo para comprobar que el número de la tarjeta cumple ciertas características.
Para conocer esto el algoritmo es bien sencillo. Tomamos los dígitos en las posiciones impares y multiplicamos cada uno por dos, si algún resultado tuviera dos cifras, se suman las dos cifras del resultado. Los números obtenidos se suman entre sí junto con los números que ocupan las posiciones pares. Si el resultado es un múltiplo de 10 el número de tarjeta es válido. Por supuesto este método no asegura que el número exista, solamente que es coherente.

Aquí va el código en javascript:

function validarTarjeta(campo) {
  //Limpiamos el número de tarjeta  de posibles espacios en blanco...
  var expReg = /W/gi;
  var numero = campo.value.replace(expReg, "");

  //Chequeamos que el numero entrado tenga formato numérico...
  if (isNaN(numero)) {
    alert("El número de la tarjeta de crédito no tiene formato numérico.");
    campo.focus();
    return false;
  }

  //Chequeamos que el numero tenga 16 o 18 dígitos...
  if ((numero.length!=16) && (numero.length!=18)) {
     alert("El número de dígitos en la tarjeta de crédito es incorrecto.");
     campo.focus();
     return false;
  }

  var suma = 0;
  for (i = numero.length; i > 0; i--) {

    //Si la posición es impar
    if (i % 2 == 1) {
      var doble = "" + (parseInt(numero.substring(i - 1, i)) * 2);

      //Si el doble tiene más dos cifras (o sea es mayor que 9)
      if (doble.length == 2) {
         doble = parseInt(doble.substring(0,1)) + parseInt(doble.substring(1,2));
      }
      suma += parseInt(doble);
    }
    //Si la posición es par
    else {
      suma += parseInt(numero.substring(i - 1, i));
    }
  }

  //Si la suma total no es divisible por 10 entonces el número no es válido
  if (suma % 10 != 0) {
    alert("El número de la tarjeta de crédito no es válido.");
    campo.focus();
    return false;
  }

  //En cualquier otro caso el número es válido
  return true;
}

Increíble! conociendo esto me pude hacer reservas con datos falsos y números de tarjetas falsos que cumplen las características anteriores como este 1111222233334444, por supuesto esto fue solo para probar el concepto y enseguida las cancelé, de todas formas los hoteles suelen hacerle un cargo a las tarjetas para comprobar que realmente existen.

El Link prefetching (carga anticipada de documentos enlazados) es un mecanismo utilizado por algunos navegadores que utilizan el tiempo muerto para automática y silenciosamente descargar y guardar en caché documentos que podrían ser visitados por el usuario en un futuro cercano. De esta forma cuando el usuario visita una de las páginas precargadas estas pueden ser servidas rápidamente desde el caché del navegador.

Si bien esto es muy bueno para muchos usuarios disminuyéndoles el tiempo de respuesta de los navegadores también hay que tener en cuenta aspectos muy criticables como son:

• Uso indebido del ancho de banda, sobre todo para aquellos que pagan según el tráfico y están descargando páginas que nunca visitarán.
• Webmasters que pagan por tráfico entrante a sus páginas, pagarían por visitas que nunca se realizaron. Similar ocurre con los banners publicitarios.
• Las estadísticas de los sitios se pueden ver afectadas.

Entre los navegadores que hacen link prefetching tenemos: Fasterfox (extensión de firefox), todos los navegadores basados en Mozilla, Google Web Acelerador así como Opera con Page Prefetcher instalado.

Para evitar el link prefetching debemos rechazar los pedidos que incluyan el header x-moz generando un error 404. Desde PHP debemos escribir estas líneas al inicio de cada página:


if (!empty($_SERVER['HTTP_X_moz']) && $_SERVER['HTTP_X_moz'] === 'prefetch') {
header($_SERVER['SERVER_PROTOCOL'] . ' 404 Prefetch Forbidden');
trigger_error('Prefetch request forbidden.');
exit;
}

http://webaccelerator.google.com/webmasterhelp.html#prefetch11

http://fasterfox.mozdev.org/faq.html#Im_a_webmaster,_how_can_I_prevent_prefetching

Roundcube es un cliente de correo IMAP multi-idioma basado en web, pero con una apariencia de aplicación de usuario. Nos provee toda la funcionalidad de un cliente de correo, incluyendo soporte MIME, agenda, manipulación de carpetas, búsqueda de mensajes y corrección ortográfica. Roundcube está escrito en php y necesita de una base de datos mysql. La interfaz gráfica es personalizable ya que usa CSS 2 y XHTML.

Lo que más me ha llamado la atención es su rapidez, ya que está programado en ajax como nuestro querido Gmail. Las bases de datos las utiliza para cachear búsquedas, correos, usuarios y algunos datos que a veces son lentos de gestionar directamente en el servidor, lo que agiliza bastante.

Aún no tiene editor wysiwyg, pero está en desarrollo, lo que hará esta herramienta bastante potente.
Aquí podemos probar una demo

Sitio web oficial: Roundcube