TiddlyWiki de recetas de cocina

El texto del CAPTCHA introducido es incorrecto.
Por jotarp el Dom, 2007/01/14 - 04:41. en

Cómo meter un recetario de cocina, con buscador por múltiples ingredientes y criterios incluido, en un solo fichero… gracias a TiddlyWiki (TW).

Hace un tiempo escribí una entrada en este blog sobre TiddlyWiki. Desde entonces se han ido sucediendo las versiones y hace un par de meses sacaron la versión 2.1.3.

Hace unos meses, a partir de uno de los ejemplos que se listan en TiddlyWiki (un tiddlywiki de recetas en inglés ) se me ocurrió si no se podría hacer una búsqueda por varios ingredientes, de manera que se puedan consultar las recetas que llevan “huevo y pollo” ó “ternera, arroz y sean fáciles”. Aquí está la solución a la que llegué.

Pero antes, un poco de charla sobre TW…

Qué es TiddlyWiki

Desde el punto de vista técnico, es un wiki hecho en Javascript, en un solo fichero. Esta es la descripción que habitualmente podemos encontrar. O, tal y como reza el propio subtítulo de TW, “a reusable non-linear personal web notebook“. En español seria algo así como “un bloc de notas reusable personal no-lineal sobre web“. ¿Está claro? Eye-wink

Quizá sea mejor darle un enfoque más práctico y responder a la pregunta ¿Para qué sirve un TW?. La respuesta se entiende mejor que la descripción técnica pero es aún más sorprendente: TW sirve para casi cualquier cosa. Con un TW podemos hacer una presentación, un blog, un libro, una “base de datos”, un bloc de notas, una agenda, una lista de tareas pendientes,... o todo junto a la vez. ¡ Incluso podemos jugar al buscaminas !. Y todo en un único fichero HTML.

Como vemos, TW sirve para casi cualquier cosa… relacionada con el tratamiento de pequeñas cantidades de información (textos). (Cuando he dicho que sirve para casi cualquier cosa, estaba exagerando Eye-wink )

Precisamente, esos “pequeños textos” se llaman tiddlers.

Características

  • un único fichero
  • sintaxis wiki
  • micro-contenido (tiddlers)
  • etiquetas
  • busqueda integrada
  • extensible
  • sobre web
  • y es software libre (BSD Open Source License)

Quizá lo más llamativo y que más se suele recalcar son las dos primeras características. De hecho, aparece la palabra “wiki” en su nombre. Pero son las demás (sobretodo el ser facilmente extensible) lo que le dan la potencia. Gracias a manejar la información en trocitos (_tiddlers_), a poder etiquetarla de manera flexible y la búsqueda integrada, podemos organizar y recuperar la información que introducimos en un TW de una manera sorprendente. Gracias a estar hecho “sobre web” (HTML+JavaScript+CSS), sólo necesitamos un navegador para utilizarlo y podemos incluir facilmente enlaces. Gracias a ser extensible mediante plugins hechos en JavaScript, podemos adaptarlo y conseguir realizar diferentes tratamientos a la información contenida en el TW.

Hay programas clásicos integrados en el escritorio (para Linux, por ejemplo, Tomboy ), o servicios web, que buscan esa funcionalidad de ser aplicaciones para tomar notas, hacer listas, etc. TiddlyWiki lo consigue en un fichero HTML, y tiene además la ventaja de que es fácilmente extensible y portable.

(De casualidad he encontrado que la fiebre TiddlyWiki se extiende y ya hay quien ha procurado la posibilidad de exportar a TiddlyWiki desde Tomboy o integrar Moodle y TiddlyWiki . Están locos estos romanos… )

A resaltar que el muchas veces denostado JavaScript, sea la base sobre la que aplicaciones como esta, o el propio Firefox, extienden su funcionalidad a base de plugins con una facilidad como yo he visto en pocas aplicaciones (excluyendo la barra de tareas de escritorios como, por ejemplo, KDE).

Cómo se usa un TW

Para usar un TW hay que descargarlo, guardarlo en el propio PC, y abrirlo con el navegador. A partir de entonces podremos ir añadiendo información, etiquetarla, etc. Ese fichero HTML que es nuestro TW podremos llevárnoslo en una memoria USB para editarlo en diferentes PCs, enviarlo por correo, etc. Hay sistemas para mantener un TW en un servidor y acceder a él (y editarlo) desde diferentes sitios sin depender de una memoria USB, como ccTiddly, PhpTiddlyWiki ó el recomendable servicio tiddlyspot

Limitaciones

Un TW vacio ya ocupa unos 220 KB, y según vayamos incluyendo información irá creciendo. Si crece mucho, la carga por parte del navegador puede ralentizarse, aunque una vez cargado puede seguir siendo perfectamente usable. Por ejemplo, el libro antes referenciado ocupa 1.2MB y una vez cargado es usable.

Hay formas de comprimir un TW vacío (con programas o servicios web de compresión de JavaScript ) de forma que nos deje más sitio para nuestros textos, pero no merece la pena: no hay como empezar a usar un TW para darse cuenta de todo el texto que puede escribirse en unos pocos cientos de KB…

Otra limitación es la imposibilidad de incluir gráficos e imágenes, salvo como ficheros separados. Entonces el TW deja de ser un único fichero y pierde una de sus virtudes. Pero esta limitación es más bien cuestión del HTML, y, además, un TW está pensado fundamentalmente para introducir texto.

Para qué lo uso

Para casi todo. Eye-wink Para apuntar notas, enlaces, ideas, proyectos, tareas por hacer, “chuletas” sobre Linux y Mandriva, etc. Y ahora, también, como recetario de cocina.

Para apuntar todo ese tipo de información, he dejado de utilizar cualquier tipo de editor de textos y papelitos amarillos pegados al monitor (estos últimos, realmente, nunca los he utilizado).

(Quizá debería usarlo también para mi lista de tareas pendientes )


TiddlyWiki de recetas de cocina

Como decía más arriba, pensé si no habría una forma de crear un TiddlyWiki de recetas con buscador interactivo incorporado.

Con un par de plugins y unas pocas líneas… hice este Recetario de Cocina con ese tipo de búsqueda integrada. Para usarlo, pulsar botón derecho sobre el enlace anterior, “Guardar como…” y guardar el fichero en el propio ordenador. Abrirlo con el navegador, y empezar a utilizarlo.

Más que un recetario, es una estructura con la que montar un recetario, ya que apenas tiene un par de recetas de ejemplo. Puede parecer incómodo y trabajoso introducir las recetas, pero hay que pensar que está pensado principalmente para consultar las recetas.

Para introducir el grueso de las recetas, se podría hacer un programa que las transformara, de un formato electrónico dado, a tiddlers que se añadirian al recetario. Dependiendo del formato del que se parta, esto puede ser más o menos sencillo.

Actualización 2007/04/19
He actualizado el recetario con nuevas funcionalidades. La versión anterior se puede seguir viendo en Recetario v1


Enlaces

Para saber más sobre TiddlyWiki:

Puede ser dificil encontrar un plugin que se adapte a nuestras necesidades, ya que hay decenas de ellos, pero dispersos por varios TiddlyWikis. Aparte de los anteriores, otros enlaces de partida para encontrar plugins son:

  • “grupo TiddlyWiki en google”:http://groups.google.es/group/TiddlyWiki/topics?lnk=srg&hl=es

Imágenes

Hay una forma de embeber las imágenes en TW (claro que el archivo – TW – sigue creciendo y haciéndose cada vez más lenta su carga, pero seguirá siendo un único archivo):

el plugin AttachFilePlugin, disponible en TiddlyTools.

Muy bueno tu ejemplo de TW

Un abrazo

Daniel

PD
Estoy preparando un TW de turismo en La Argentina, cuando esté listo te pasaré la dirección.

AttachFilePlugin

Había leído que existía un plugin así, pero no lo conocía. En este caso es inviable ya que la idea es tener muchas recetas, cada una con una imagen diferente (y no tan minúscula como el ejemplo que usan en el plugin).

Recetario

Es posible copiar tu recetario?
Realmente me llamó la atención pero creo que para copiarlo debo contar con tu aprobación, pus en ninguna parte veo que autorices la copia.

Licencia

Tienes razón. Ya está incluida la licencia.

¿y un buen plugin para mostrar codigo fuente?

Holas, acabo de descubrir esta maravilla, y lo recomiendo para todo aquel que sea igual de desordenado que yo,o para otras personas para esas características, pero he estado buscando algún plugin para resaltado de sintaxis… php,python,java, y no he encontrado nada… igual es que estoy un poco negado con las búsquedas hoy, pero no lo se… lo único que he encontrado (pero que por falta de tiempo no he probado) es javascript.js pero bueno a ver si saco un rato e intento integrarlo de alguna manera… js no es lo mío…

Un saludo

syntaxhighlighter

El mejor resaltado de sintaxis en javascript que he encontrado es este: SyntaxHighlighter. No se si se podrá integrar facilmente en TiddlyWiki.

Para buscar un “plugin” específico para TiddlyWiki lo mejor es buscar en el grupo de Google de TiddlyWiki

Publicar un comentario nuevo

Los comentarios son propiedad y responsabilidad de sus autores. Los comentarios fuera de tema y el spam serán borrados. Los correos electrónicos se mantienen privados y no se publican ni utilizan para otros efectos que los de validación.
El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Puedes usar la sintaxis Textile para formatear el texto.
  • Los emoticonos de texto se cambiarán por emoticonos gráficos.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <hr/>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato

Captcha Image: you will need to recognize the text in it.
Por favor, teclea el texto que aparece en la imagen.