Dijjer: Ahorra ancho de banda en tu sitio web

(3 comentarios)

Dijjer resuelve el problema del consumo de ancho de banda en las descargas de tu web. Utiliza un sistema P2P para distribuir el archivo entre tus usuarios sin necesidad de instalar ninguna clase de software. No tienes más que añadir “http://dijjer.org/get/” antes del enlace y la descarga se realizará de forma transparente para el usuario, pero ahorrándote unos cuantos MB.

  • GoogieSpell es un script con licencia LGPL que permite añadir una función de corrección ortografica a cualquier campo o área de texto. (2 comentarios) #

Cómo transformar los feeds en formatos legibles para el usuario

(16 comentarios)

Este es uno de los puntos menos amigables para el usuario que se pueden encontrar en una web. Cuando un usuario no sabe qué es un feed, ver código XML al abrir un archivo puede resultar muy desconcertante.

Por eso es obligatorio transformar el feed en una salida que muestre información sobre qué es ese archivo y cómo utilizarlo. Feedburner ofrece este servicio, pero estamos limitados a las salidas que ellos nos proponen. Nosotros vamos a ver cómo utilizar XSLT y CSS para crear el documento que queramos. Podéis ver un ejemplo en el feed RSS2 de Mundo geek.

XSLT (eXtensible Stylesheet Language Transformations) es un lenguaje de la W3C que permite transformar documentos XML en otros formatos, por ejemplo HTML. XSLT funciona a base de plantillas, de la forma:

<xsl:template match="foo">
R1
R2
R3...
</xsl:template>

Las reglas R1-R3 se aplican cuando en el documento XML original se encuentre una etiqueta foo. Estas reglas podrían ser, por ejemplo, mostrar un cierto texto, el contenido de la etiqueta, uno de sus atributos, aplicar otra plantilla, etc. Podéis ver un ejemplo en el documento XSLT que he utilizado para transformar el feed RSS2.

Para asociar un documento XML a un documento XSL, y que por lo tanto se muestre la salida especificada con XSLT al abrir el XML, tenemos que añadir una línea indicando dónde encontrar el XSL asociado:

<?xml-stylesheet href="xslt-rss2.xsl" type="text/xsl"?>

En el caso de WordPress abrimos el archivo wp-rss2.php y añadimos la línea:

<?php echo '<?xml-stylesheet href="xslt-rss2.xsl" type="text/xsl"?>'; ?>

después de

<?php echo '<?xml version="1.0" encoding="'.get_settings('blog_charset').'"?'.'>'; ?>

De esta forma hemos indicado que cuando se abra el feed RSS2 de la web se apliquen las transformaciones de xslt-rss2.xsl que se encuentra en el mismo directorio que wp-rss2.php. No tiene ningún misterio.

Podeis utilizar mi archivo XSL o bien modificarlo para que se ajuste a vuestras necesidades, la mayor parte de él es simple código HTML. Simplemente descargarlo y subirlo al directorio en el que se encuentre el feed (el directorio raíz en WordPress). Lo que si deberíais tener en cuenta es que en el XSL, al crear el documento HTML, se incluye una hoja de estilo CSS en la línea 13:

<link rel="stylesheet" type="text/css" href="/wp-content/themes/fscreenmg/style.css" />

Modificadlo para que apunte a la hoja de estilo que queráis utilizar y voilà!.

Gmail para tu dominio

(8 comentarios)

Había ciertos rumores apuntando a esta posibilidad, pero no se puede confiar en los rumores sobre Google.

Ahora sí, se confirma que Google va a comenzar a ofrecer este servicio, en principio como beta privada (Gmail for your domain).

Por ahora no hay mucho más en su web, a parte de un formulario a rellenar si queremos que nos tengan en cuenta como beta testers. A ver si hay suerte.

Instalando una aplicación en PHP: WordPress

(16 comentarios)

Para poder instalar WordPress, uno de los sistemas de publicación más populares del mercado, y el que utiliza esta web, necesitamos un servidor web con PHP y MySQL. Si aún no lo has hecho, echa un vistazo a los diferentes tutoriales al respecto que se han publicado ultimamente en la bitácora

.

Antes de proceder debemos crear una base de datos, para lo cual podemos utilizar phpMyAdmin, en la que WordPress almacenará información como las entradas y comentarios escritos. Crear una nueva base de datos en phpMyAdmin es tan simple como introducir un nombre para la base de datos y pulsar Create (Crear). Vamos a crear una base de datos llamada, por ejemplo, wordpress.

Creando una nueva base de datos en phpMyAdmin

Descargamos la última versión de WordPress desde su página web y descomprimimos su contenido en el DocumentRoot de ApacheEl directorio en el que se encuentran los archivos que sirve Apache.. Renombramos el archivo wp-config-sample.php a wp-config.php y lo editamos para configurar la aplicación.

Modificaremos los valores para el nombre de la base de datos (db_name), nuestro nombre de usuario en MySQL (db_user), nuestra contraseña en MySQL (db_password) y la dirección del PC en el que está ejecutando la base de datos (db_host) en el caso de que no esté instalada en el mismo PC en el que instalamos WordPress. Los nuevos valores serán wordpress (o el nombre que le hallamos dado a la nueva base de datos), root y la contraseña que introdujimos al instalar MySQL.

Abre el navegador y ejecuta el script install.php, dentro del directorio wp-admin, que a su vez se encuentra en la carpeta en la que instalamos WordPress. En mi caso, al haber copiado los archivos de wordpress en un directorio de nombre wordpress en DocumentRoot, http://localhost/wordpress/wp-admin/install.php.

Esto lanzará un pequeño wizard en el que se nos preguntará por el nombre de la bitácora y la dirección de correo del escritor. El script pasará entonces a crear las tablas necesarias en la base de datos que creamos anteriormente, tras lo cual podremos loguearnos utilizando el nombre de usuario y la contraseña generada automaticamente. Lo primero que deberiais hacer es cambiar la contraseña y el nick desde la pestaña Users de la interfaz de administración de WordPress.

Y aunque parezca demasiado sencillo, eso es todo. Ahora podeis instalar el idioma castellano, o bien juguetear con alguno de los cientos de plugins para WordPress existentes. Este es el aspecto de una nueva instalación de WordPress:

Aspecto de una nueva instalación de WordPress

Facilitando el uso de MySQL: phpMyAdmin

(41 comentarios)

En esta serie de artículos sobre el uso de Windows como servidorDNS dinámicas con No-IP, instalación de Apache, instalación de PHP y MySQL e instalación de Zend Optimizer que hemos ido viendo estos últimos días hemos llegados al punto en que tenemos ya instalados en nuestro PC Apache, PHP y MySQL.

En esta ocasión vamos a ver cómo administrar las bases de datos MySQL de forma sencilla, sin tener que recurrir a comandos crípticos introducidos en la consola, sino a través de la potente interfaz web que nos ofrece la aplicación phpMyAdmin, escrita en PHP y código abierto.

Descarga el archivo zip de la última versión estable de phpMyAdmin desde su página web y descomprime el fichero en un directorio cualquiera, por ejemplo phpmyadmin, dentro del DocumentRoot de ApachePor defecto, C:\Archivos de programa\Apache Group\Apache2\htdocs. Lo cierto es que esto no es lo más seguro, pero si lo más sencillo, y no merece la pena complicarse.

Para configurar phpMyAdmin tendremos que editar un archivo de texto (a estas alturas ya estamos acostumbrados) llamado config.inc.php.

Sustituye $cfg[‘PmaAbsoluteUri’] = ”; por $cfg[‘PmaAbsoluteUri’] = ‘http://localhost/phpmyadmin’; para indicar a la aplicación la URL con la que se accederá a phpMyAdmin. Evidentemente, en el caso de que no hayamos colocado la aplicación en la base de DocumentRoot o hayamos utilizado un nombre distinto para el directorio de phpmyadmin, tendremos que modificar la URL de la forma correspondiente.

Si queremos ser capaces de acceder a MySQL a través de phpMyAdmin desde un PC remoto tendremos que introducir el nombre de dominio correspondiente (o la IP, si es estática) en lugar de localhost, además de haberlo activado en su momento en el wizard de configuración de MySQL, aunque es más inseguro.

Busca ahora la variable $cfg[‘Servers’][$i][‘password’] e introduce la contraseña que utilizaste durante la configuración de MySQL. Evidentemente esto no es seguro si cualquiera tiene acceso físico a nuestro PC, en cuyo caso deberíamos utilizar autentificación http ($cfg[‘Servers’][$i][‘auth_type’] = ‘http’;) o un .htaccess de forma que se nos pida el login cada vez que queramos acceder a la aplicación.

Una vez realizados estos sencillos pasos seremos capaces de iniciar la aplicación dirigiendo nuestro navegador a la URL correspondiente. En nuestro ejemplo, http://localhost/phpmyadmin/.

Captura de la interfaz de phpMyAdmin

Instalar PHP y MySQL

(168 comentarios)

Hace unos días comentábamos cómo instalar un servidor web en nuestro PC de forma que pudieramos, entre otras cosas, alojar en este nuestra propia página web, acceder a nuestros ficheros desde otro equipo y probar alguna que otra aplicación web.

Apache, por sí solo, sólo permite mostrar al visitante webs estáticas, escritas en HTML Esto no es del todo cierto, ya que se pueden utilizar lenguajes que se interpreten del lado del cliente, como JavaScript., que no es más que un lenguaje de maquetado. Es decir, HTML no nos permite más que indicar el aspecto del texto. Basicamente lo más excitante que podemos hacer con HTML es mostrar imágenes y crear enlaces.

Si queremos crear una web dinámica, con la que el usuario pueda interaccionar realmente y que modifique su comportamiento según esta interacción, tendremos que utilizar un lenguaje de programación como PHP, Perl, JSP o ASP.

En este artículo veremos cómo instalar en nuestro servidor el intérprete de PHP y el gestor de bases de datos MySQL de forma que podamos usar en nuestro PC aplicaciones como WordPress, el sistema de publicación que utiliza esta web.

[Pulsa para continuar]

Instalar un servidor web: Apache

(220 comentarios)

Si leíste el artículo sobre DNS dinámicas con No-IP que escribí hace unos días, recordarás que comentamos de pasada los servidores web.

Un servidor web no es más que un programa que ejecuta de forma continua en un ordenador (también se utiliza el término para referirse al ordenador que lo ejecuta), manteniéndose a la espera de peticiones por parte de un cliente (un navegador de internet) y que contesta a estas peticiones de forma adecuada, sirviendo una página web que será mostrada en el navegador o mostrando el mensaje correspondiente si se detectó algún error.

Instalar un servidor web en nuestro PC nos permitirá, entre otras cosas, poder montar nuestra propia página web sin necesidad de contratar hosting, probar nuestros desarrollos en local, acceder a los ficheros de nuestro ordenador desde un PC remoto (aunque para esto existen otras alternativas, como utilizar un servidor FTP) o utilizar alguno de los programas basados en web tan interesantes que están viendo la luz ultimamente.

Uno de los servidores web más populares del mercado, y el más utilizado actualmente, es Apache, de código abierto y gratuito, disponible para Windows y GNU/Linux, entre otros. Su instalación es bastante sencilla, pero antes de empezar con ella te recomendaría leer, si no lo has hecho ya, el artículo sobre No-IP que comentaba para crear un subdominio que apunte a tu PC, y poder utilizar una URL del tipo Nombre.no-ip.org para acceder a éste en lugar de tener que recordar su dirección IP. Si tu IP es dinámica no te queda más remedio que leerlo y aplicarlo.

[Pulsa para continuar]

Pandora. Descubre nueva música

(61 comentarios)

Si te gusta la música, como es mí caso, es probable que siempre busques nuevos grupos y canciones que añadir a tu colección. Si es así es problable que uses, o al menos conozcas, Last.fm, de la que ya hablamos hace tiempo, una web dedicada a recopilar información sobre tus gustos musicales basándose en la música que sueles escuchar en tu reproductor y presentarte nuevas alternativas a partir de los gustos de otras personas que escuchan música similar a la tuya.

Last.fm es una idea magnífica para todo aquel que no se conforma con un disco duro de 120 gigas dedicado exclusivamente a la música. Pero hoy he descubierto algo nuevo, y me gusta.

Pandora es un nuevo servicio que descubrí vía TechCrunch, parecido a Last.fm en sus objetivos, pero distinto.

Mientras Last.fm se basa en una red social, Pandora se basa en metadatos asociados a cada una de las canciones de una enorme base de datos recopilada por The Music Genome Project a lo largo de cinco años.

Esta base de datos, que cuenta con más 300.000 canciones, se basa en cientos de campos que incluyen desde el tipo de melodía a la armonía o el ritmo, el tipo de letras o el tipo de voz. Es decir, no estamos ante el típico servicio que cataloga la música basándose simplemente en géneros o en unos pocos parámetros. Pandora es algo mucho más complejo. Por eso funciona. Y muy bien, de hecho.

Pero vamos con algo más visual para llamaros un poco la atención.

Login en Pandora
Por ahora sólo se puede entrar a través de invitaciones, pero no parece demasiado complicado conseguirlas: obtuve la mía a las 24 horas de pedirla en su web. O dejad un comentario con vuestro email si quereis una.

Pantalla de inicio en Pandora
Una vez logueado nos encontramos con una interfaz flash que permite utilizar el servicio en cualquier plataforma que cuente con un plugin para Flash. Desde aquí podemos crear hasta 100 canales que reproducirán canciones similares al artista o canción que introduzcamos. Probemos por ejemplo a pedir canciones similares al estilo de U2.

[Pulsa para continuar]

Página 6 de 6« Primero...23456