Bit�cora de Webmaster - Noticias, trucos, recursos y consejos para los responsables del dise�o web -

En C�rdoba, mayo tambi�n se vive Internet

aartiles — Fri, 02 May 2008 21:30:12 +0000

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!

Convertir y descargar videos de youtube

DeiMoS — Sat, 26 Jan 2008 22:32:00 +0000

Converttube�es un servicio web gratuito que nos permitir� de manera sencilla convertir los videos de Youtube directamente al formato deseado. Nos permitir� convertir en formatos compatibles con Windows, Mac e incluso iPods e iPhones.

Formulario Anti-SPAM con Javascript y Mootools

aartiles — Fri, 23 Nov 2007 12:33:53 +0000

�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.

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
//
var txt = $('message');

//log_div es el id de una capa donde mostraremos los posibles errores
//
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.

Blackle: �Google en Modo Ahorro?

jgarc�a — Mon, 19 Nov 2007 10:13:49 +0000

Nos cuentan que si Google tuviera una pantalla negra, teniendo en cuenta la gran cantidad de personas que lo usan, se calcula que se ahorrar�an unos 750 megavatios/hora anualmente. Como respuesta a esto, Google ha creado una versi�n negra, llamada Blackle, con exactamente las mismas funciones que la versi�n en blanco pero, obviamente, con un consumo de energ�a menor. Corre la voz y �salo, cada poquitito cuenta, no?…..

Nota: Chivatazo de Edu.

Flood Maps: Predicci�n de la Gran Inundaci�n

jgarc�a — Wed, 07 Nov 2007 11:32:55 +0000

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…

Proteger Contenidos Web

jgarc�a — Fri, 28 Sep 2007 14:58:25 +0000

Aunque todo lo que publicamos en Internet puede ser copiado y pegado en otras webs, con gran facilidad, son muchos los que se apuntan a poner algunas dificultades…

A�adidendo el siguiente c�digo en la etiqueta los visitantes a nuestra p�gina no podr�n selecci�nar el texto ni las im�genes publicadas.

oncontextmenu = “return false” onselectstart = “return false” ondragstart = “return false”

Una medida que no soluciona el problema de la copia indiscriminada de contenidos en la Red, pero que disuadir� a algunos amigos de publicar contenidos ajenos.

WeShow: Repositorio de v�deos en espa�ol

jgarc�a — Mon, 10 Sep 2007 18:45:32 +0000

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 incluye un simulador de vuelo

DeiMoS — Mon, 03 Sep 2007 23:31:34 +0000

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�

Tienda virtual a prueba de balas (Paypal Sandbox)

aartiles — Mon, 27 Aug 2007 17:34:26 +0000

Muchos programadores le temen al tema de las tiendas virtuales y su integraci�n con pasarelas de pagos por el hecho de tener que hacer pruebas con sus cuentas bancarias reales con el riesgo que esto implica, un bug en nuestro sistema podr�a provocar que gastos irreversibles en nuestras cuentas.
Paypal nos permite hacer pruebas del proceso de pago de nuestro sitio sin tener que utilizar dinero real ni datos bancarios reales. Para ello debemos crearnos una cuenta de prueba en el Sandbox Test Environment de Paypal.

Una vez en la p�gina seleccionamos la opci�n �Sign Up Now� y rellenamos el formulario.
No es necesario tener una cuenta real en Paypal y en caso de tenerla no tenemos que usar los mismos datos, tan solo especificar una cuenta de correo v�lida para poder confirmar el registro.
Una vez registrados nos identificamos en el sistema con el email y la contrase�a que proporcionamos en el registro. Dentro del Sandbox podemos crear todas las cuentas ficticias de Paypal que necesitemos y les podemos asignar dinero ficticio, cuentas bancarias ficticias y tarjetas de cr�dito ficticias y ya de paso jugamos un poco a ser millonarios que so�ar un poco no hace mal.
En la opci�n �Test Accounts� seleccionamos �Create Test Account� para crear una cuenta ficticia.
Seleccionamos el pais, seleccionamos Buyer(comprador, como las cuentas personales) o Seller(vendedor, como las cuentas Premier o Busines) y escribimos un email que nos inventaremos. Por ejemplo seleccionemos Buyer y porgamos como email comprador@midominio.com.
Mas abajo en la opcion �Show Advanced Option� podemos a�adirnos cuentas bancarias, ponernos saldo y cambiar el estado de nuestra cuenta.
Esta cuenta la utilizaremos para probar como comprador de nuestra tienda virtual por lo que debemos recordar bien el email y la contrase�a.
Luego repetimos el paso anterior para crear una cuenta Seller (vendedor) vendedor@midominio.com. Con esta cuenta configuraremos nuestra tienda virtual a trav�s del formulario de compra de Paypal y tambi�n en lugar de hacer el post del formulario a https://www.paypal.com/cgi-bin/webscr lo cambiamos a https://www.sandbox.paypal.com/cgi-bin/webscr

Y ya estamos listos para hacer pruebas en nuestra tienda, pero MUY IMPORTANTE, debemos estar logados simult�neamente en el Sandbox Test Environment de Paypal para que las pruebas funcionen.

Recordemos que las cuentas creadas son completamente ficticias por tanto los correos que se env�an durante el proceso de pago debemos revisarlos en la opcion �Test Email� del Sandbox. Tambi�n si seleccionamos una cuenta y hacemos clic en la opci�n �Enter Sandbox Test Site� podemos acceder a la cuenta similar al sitio real de Paypal.

Espero les sea de ayuda y aunque parezca un poco complicado una vez que lo echamos a andar esto nos ayuda a aclarar muchas dudas del proceso de pago con Paypal que la otra forma de probarlo ser�a haciendo pagos reales.

Flash Earth: El Mundo a Vista de P�jaro

jgarc�a — Mon, 27 Aug 2007 13:28:14 +0000

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�.

Tercer Cumplea�os de BdW

jgarc�a — Fri, 13 Jul 2007 16:37:00 +0000

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!

El origen de los nombres

gacuj — Wed, 11 Jul 2007 12:50:03 +0000

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.”

“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�.”

Consejos para crear una contrase�a segura

gacuj — Wed, 20 Jun 2007 08:59:28 +0000

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.

YouTube en Espa�ol

jgarc�a — Tue, 19 Jun 2007 11:54:53 +0000

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.

Google DeskTop: El Buscador

jgarc�a — Tue, 19 Jun 2007 10:49:51 +0000

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

Aplicaciones Google Maps y Virtual Earth

Edu� — Tue, 12 Jun 2007 08:03:54 +0000

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)

Culminis: Grupos de estudio IT

Edu� — Mon, 11 Jun 2007 06:31:29 +0000

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…

Planeta Cordopedia y BdW con MienteMe

jgarc�a — Fri, 08 Jun 2007 15:48:08 +0000

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.

�Utilizar Powerpoint en las presentaciones?

Edu� — Fri, 08 Jun 2007 06:10:11 +0000

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.

Pantalla interactiva (Microsoft Surface)

Edu� — Thu, 07 Jun 2007 08:45:36 +0000

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.