domingo, 30 de enero de 2011

Filtrar RSS con Yahoo Pipes


Yahoo Pipes es una herramienta pensada para automatizar las noticias que nos interesan de páginas que frecuentamos.
No hace falta que explique mucho, puesto que el vídeo embebido en este post explica muy bien (en inglés) como hacer una tubería (pipe) de forma fácil y sencilla. Lo único que cabe mencionar es que necesitas loguearte en Yahoo (ya sea con una cuenta de Yahoo, como una de Google o una de Facebook).

Compartir páginas en Facebook, Twitter y Tuenti de forma artesanal


Desde que las redes sociales adquirieron la potencia y el prestigio que han demostrado, podemos hacer eco de lo que pensamos, queremos o de que hemos cuidado la granja de alguien :).

Tanto para Wordpress, como para Blogger, como para muchas otras páginas (y ahora aplicaciones de escritorio y móviles), han sacado extensiones para compartir imágenes, enlaces, vídeos... a Facebook, Twitter, etc. Pues para aquellos que no les guste instalar extensiones, o bien no puedan, pero si quieran compartir, y por esa regla de 3, generar posicionamiento SEO, seguid leyendo.

El caso más sencillo es Twitter, además si lo conoces un poco, es difícil sacarlo de escribir micropost. Bien, lo primero que necesitas es el comienzo de la URL genérica (http://twitter.com/?status=) y acto seguido escribimos lo que queramos que aparezca en el tablón de Twitter, por ejemplo http://twitter.com/?status=http://www.google.es, de esa manera estaremos dejando escrito el enlace a Google, y con darle a Tweet ya lo habrás publicado.
Si has pensado que la URL que puedas meter es superior a 140 caracteres, no te preocupes, Twitter utiliza automáticamente un acortador de url's que, al clickar en dicho enlace, te manda al enlace original.

En el supuesto de Tuenti la cosa es bastante similar, no requiere mucha concentración. El comienzo de la URL para compartir es http://www.tuenti.com/share?url= (un ejemplo como en Twitter sería http://www.tuenti.com/share?url=http://www.google.es). Si os fijais, Tuenti tampoco te acepta más de 140 caracteres, y si has investigado por las opciones de Tuenti, verás que puedes sincronizar tu cuenta de Twitter a ella, de forma que lo que escribas en Tuenti, se verá al mismo tiempo en Twitter.

Por último, Facebook tiene, a mi forma de ver, el sistema de compartir eventualidades más optimizado para este tipo de usos, pues al compartir un enlace, Facebook carga en negrita el título de la página, la etiqueta meta referente a description como contenido y una imágen de las disponibles en la página para insertar (de forma opcional). El comienzo de la URL para compartir es http://www.facebook.com/sharer.php?u=, y el ejemplo con Google, pues tendría el mismo sentido lógico que con Tuenti o Twitter, http://www.facebook.com/sharer.php?u=http://www.google.es.

Hay algunos aspectos por comentar:
  • el enlace NO debe contener caracteres "raros" ('ñ', acentos, espacios en blanco...)
  • aparte del enlace, se puede insertar texto como "me ha gustado la página.."
  • debes estar previamente logueado en la red social en la que quieras insertar el enlace a compartir, de no ser así primero tendrás que iniciar sesión, y en el peor de los casos, tendrás que volverle a clicar en el enlace a compartir
Si a alguien aún no se le ha ocurrido en donde podría utilizar la información sustraída de este post, puede pensar en páginas propias que se generan a través de consultas a bases de datos, o bien en directorios de enlaces.

viernes, 14 de enero de 2011

Hesk, help desk gratuito y potente



Valencia, 14/01/2011 Gatsu

Poco a poco me ha ido gustando el mundo del software libre, su potencial, su compatibilidad y su éxito son sin duda factores que lo hacen destacar.

Hoy mirando un poco por Internet para coger ideas sobre un futuro proyecto (un futuro muy lejano a este paso) me he topado con Hesk, un Help Desk bastante potente para ser la versión gratuita. Está hecho con PHP y MySql (además de javascript, CSS...) con lo que necesitaremos un servidor en PHP (apache) para poder trabajar con el.

A falta de dinero, yo uso XAMPP Lite (la versión full tiene más programas que no uso). Para instalarlo simplemente nos descargamos de la web de Hesk el proyecto (ocupa unos 300 Kb), nos ponemos en la carpeta "htdocs" una carpeta llamada "hesk" (o como prefieras) y pegamos dentro todos los archivos del comprimido. Una vez hecho, simplemente escribimos "http://localhost/hesk/install" y seguimos los pasos del asistente (mencionar que hay que crearse una base de datos en MySql para hesk). Si tienes un servidor propio, los pasos son similares, cambiando principalmente localhost por tu dominio.


Una vez instalado el programa, podremos ir a la configuración dentro del panel de administrador y configurar datos como "domain" o "www.domain.com"... a sus valores correctos.

Como veréis, el programa está en inglés, pero tranquilos, hay bastantes traducciones (el español una de ellas) disponible en esta web (si pidiese usuario y contraseña, el usuario es php y la contraseña php). Descargamos el idioma o idiomas deseados y los pegamos en la carpeta "language" del directorio raíz de "hesk", luego ya en la configuración lo podremos cambiar al idioma por defecto que deseemos y, ofrecer que el usuario tenga los idiomas para elegir.

miércoles, 12 de enero de 2011

Cómo hacer tu propio RSS



Casi cualquier web que se precie dispone de varias formas para que el usuario "siga" sus contenidos y actualizaciones, ya sea por Facebook, Twitter, Tuenti... pero una forma "antigua" y muy eficaz es el RSS.

RSS (Really Simple Syndication) está construido a partir de un archivo XML con un formato específico, el cual ya se encarga de aplicarle estilos el explorador web con el que lo veas (Firefox, Google Chrome con una extensión para visualizar RSS, Internet Explorer...), o bien con un software específico (FeedReader, FeedDemon).

Para empezar, create un archivo con el bloc de notas o con tu editor de textos preferido y lo guardas con extensión .xml. En la cabecera del archivo, mantén y respeta:
<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
Podríamos poner otra línea que indicase una hoja de estilos para aplicar a este xml, pero no es necesario ya que, como he mencionado antes, los programas específicos y exploradores web se encargan de darle estilo.
Después de la etiqueta "channel", puedes poner unas etiquetas opcionales, como <generator> (generador del rss, tú o tu empresa por ejemplo), <title> (título del rss), <link> (enlace a la página en la que basas en contenido del rss), <description> (descripción del rss o bien de la página a la que haces referencia)...

Llegó la hora de darle cuerpo al RSS. Después de la etiqueta "channel" (y de las etiquetas opcionales que hayas insertado) crea la etiqueta <item>, la cual contiene 3 etiquetas obligatorias: <title> (título de la nueva noticia que metas) </title>, <link> (enlace a la página que haces referencia) </link> y <description> (donde añades TODO el contenido que quieras que el usuario visualice cuando lea el RSS) </description>. Hay dos etiquetas que aconsejo añadir: la etiqueta <category> que sirve para añadir categorías a las noticias (tags para los blogueros), y la etiqueta <pubDate> que es la que tu le dices a que hora de que día se puso esa noticia, si no la pones, en tu lector de rss te la pondrá donde quiera, ya que pensará que se añadio ese dia a las 00:00. El formato de "pubDate" es:
<pubDate>Mon, 10 Jan 2011 10:46:00 +0100</pubDate>
Día de la semana, día del mes, mes, año, hora minutos y segundo y gmt (en España actualmente es +1).

Después de cerrar la noticia con </item>, cierra el channel con </channel> y rss con </rss>.

El RSS funciona de la siguiente manera: a medida que añadas noticias, dentro de "channel" añade nuevamente la etiqueta "item" con "title", "link", "pubDate" y "description". Lo siento si resulta algo lioso.

Por útlimo, comentar que si quieres añadir contenido HTML a la noticia (imágenes, enlaces, vídeos de youtube...) utiliza la etiqueta <![CDATA[pon aquí tu texto]]>, de tal forma que sería:
<description><![CDATA[aquí texto con html, acentos...]]></description>
Enlaces:

miércoles, 5 de enero de 2011

Insertar un formulario de contacto en Blogger

Blogger es un blog gratuito y muy potente teniendo en cuenta que no te lo tienes que descargar ni nada, aunque por esa misma regla, es mucho menos configurable que WordPress, por ejemplo, descargado e instalado en tu servidor. Pues bien, si quieres utilizar un formulario de contacto en Blogger, has de saber que aún no hay ningún gadget desarrollado para ello, así que hay que tirar de imaginación y de "googlear" mucho. En mi caso, he encontrado esta página, con la cual he seguido sus pasos y me ha salido bien, aunque considero que sería bueno explicarla para usuarios más principiantes.

Lo primero de todo es que vayas a google docs (para poder usar Blogger necesitas una cuenta de Google, y con ella puedes acceder a sus productos, como Docs, Ad-sense o Youtube) y te creas un nuevo formulario. Una vez dentro verás un formulario así de simple:

Ponle nombre, texto informativo, y rellena el pequeño formulario de la pregunta con un nombre, una descripción para el nombre (yo no he puesto), elige si la otra persona tiene que escribir en un cuadro de texto, en un cuadro grande de texto donde caben párrafos, si quieres que sea una casilla de verificación, escala, etc... elige la que más te guste, pero para hacer un formulario de contacto, basta con que pongas cuadro de texto para el nombre y otro para el e-mail, y para la sugerencia, un texto de párrafo.
Cuando tengas una pregunta hecha, dale a finalizado y clónala, o bien clicka en Añadir elemento y seleccionas el tipo (texto, texto de párrafo...), así hasta tener tu formulario completado. Puedes cambiarle el tema clickando en Tema.

Una vez hecho el formulario, clicka en Más acciones, Insertar, y copia la línea de código HTML que genera. Este iframe es el que tienes que pegar en la página web que quieras tener dicho formulario, en el caso de Blogger, te creas una página y en la vista HTML pegas el código copiado previamente.

Ahora abre el formulario, clicka en Compartir, Definir reglas de notificación, y deja el cuadro como en la siguiente imagen:



Ahora ya tienes un formulario asequible en Blogger (y en donde quieras), pero queda saber como recibirás las sugerencias que escriban en el formulario, bien, simplemente cuando eso ocurra, recibirás un correo en tu cuenta de gmail diciendo que se han realizado cambios en el formulario, clickas en el enlace "Haga click aquí" y verás en un formato parecido a Excel cuándo y a qué hora te escribieron algo, seguido del resto de campos rellenados que tu hayas insertado en el formulario.

Descargar música de Youtube

Hay muchas leyendas sobre descargar la música de Youtube y, con el tiempo, el propio Youtube ha ido mejorando su seguridad para impedir la descarga de su contenido.
Hoy por hoy, una forma muy fácil para descargar tanto la música de un vídeo, o directamente un vídeo ya comprimido, es utilizando la web http://descargarmusicayoutube.com.

 
Símplemente teneis que pegar dentro de la página, la URL del vídeo de Youtube del cual quieres descargar música o vídeo, seleccionando para ello el formato deseado de la lista de opciones. Después dejamos a la página trabajar mientras esperamos y a disfrutar del contenido que más te interese guardar de Youtube.

Una pequeña anotación, es posible que al seleccionar MP3 y descargarlo, te lo reproduzca desde el propio explorador, si es así simplemente clicka en Archivo, Guardar como... o copia la URL de la página que te reproduce el audio y lo pegas en tu gestor de descargas, lo más fácil es la primera opción, pero para gustos colores.