Cat CMS

TiddlyWiki 2.5.3

2009-08-18T12:41:00.006+02:00

Publicada la versió 2.5.3 de TiddlyWiki.

Aquesta versió corregeix varis errors menors i millora la imporatació de tiddlers.

També està disponible un arxiu de versions anteriors.

Enllaç de descàrrega: TiddlyWiki
Enllaç de descàrrega de versions anteriors: TiddlyWiki Arxiu

Crear un Tiddler plantilla

2009-04-15T12:17:00.027+02:00

Moltes vegades necessitem crear nous tiddlers amb un contingut predefinit enlloc del tiddler en blanc per defecte. Per a resoldre-ho tenim dues opcions:

1: Crear un botó que generi un tiddler amb el contingut que vulguem

2: Crear un botó que generi un tiddler amb el contingut d'un altre tiddler

Opció 1

Crearem un botó que generi un tiddler anomenat Td1 amb el text Tiddler opció 1 i l'etiqueta Test.

<<newTiddler

   label:'Td1'

   prompt:'Crear un Td1'

   title:Td1

   text: 'Tiddler opció 1'

   tag:Test>>

Amb això obtindrem un botó que crearà el tiddler Td1 automàticament.

Definicions
label: Text del botó
prompt: Tooltip del botó
title: Titol del tiddler
text: Contingut del tiddler
tag: Etiqueta

Opció 2

En aquest cas crearem el mateix botó però aquest utilitzarà un altre tiddler com a base. En primer lloc caldrà crear un tiddler anomenat TiddlerBase1. Un cop creat crearem el botó:

<<newTiddler

   label:'Td2'

   prompt:'Crear un Td2'

   title:Td2

   text:{{store.getTiddlerText('TiddlerBase1','')}}

   tag:Test>>

Amb això obtindrem un botó que utilitzarà el tiddler TiddlerBase1 per a crear-ne un de nou. L'únic canvi respecte l'opció anterior es text:{{store.getTiddlerText('TiddlerBase1','')}} aquí especifiquem quin tiddler utilitzem com a plantilla.

Per finalitzar podríem posar els nous botons dins dels tiddlers MainMenu o SideBarOptions i així els tindríem molt més accessibles.

TiddlyWiki 2.5.0

2009-03-10T19:47:00.005+01:00

Ja està disponible la versió 2.5.0 de TiddlyWiki

En aquest cas l'única novetat respecte la versió anterior és la incorporació de JQuery, un framework / biblioteca javascript que permetrà desenvolupar plugins molt més poderosos amb menys esforç.

Enllaç de descàrrega: TiddlyWiki
Integrating jQuery into TiddlyWiki

TiddlyWiki 2.4.3

2009-01-13T17:20:00.005+01:00

TiddlyWiki 2.4.3 disponible

Ja està disponible la nova versió 2.4.3, cal tenir en compte que la versió 2.4.2 no existeix doncs es va publicar sense voler quan encara no estava acabada.

Enllaç de descàrrega: TiddlyWiki
Notes de la versió: Trac Tiddlywiki

TiddlyWiki Glass

2008-12-04T21:49:00.007+01:00

TW Glass es un exemple del que es pot fer amb TiddlyWiki a nivell visual.

És una distribució de TW llesta per utilitzar que inclou una configuració específica i plugins instal•lats.

Cal dir que és una mica experimental i només funciona amb Firefox, a més hi ha varis errors i definicions duplicades, contradictòries o errònies en el CSS. De totes maneres són aspectes tècnics que poca importància tenen per a l’usuari novell.

Informació i actualitzacions: TW Glass Informació i actualitzacions

Descarregar versió 1.0: TW Glass 1.0

Firefox 3: alertes de seguretat

2008-09-02T17:31:00.007+02:00

La nova versió de Firefox aporta moltes novetats i entre elles noves mesures de seguretat que poden bloquejar algunes operacions de TW segons la versió que tinguem.

Sens dubte la més molesta es la que ens demana confirmació quan salvem.

Sense entrar en detalls de si es perillós o no per la seguretat del navegador, una de les possibles soluciones és establir security.fileuri.strict_origin_policy a false

Per accedir a la configuració de firefox cal escriure about:config a la barra de direccions.

Retorn i reorientació del blog

2008-09-02T17:19:00.012+02:00

Després d'una pausa d'uns mesos torno a la càrrega, això si, amb una nova dinàmica: enfocar el blog a la productivitat, es a dir, donar-li un "lifehacker style" i comentar que es pot fer utilitzant TiddlyWiki i altres eines relacionades.

Macro Tabs

2007-06-18T23:41:00.001+02:00

Tabs és una macro incorporada molt interessant alhora d'organitzar la informació de forma interactiva: permet englobar diferents Tiddlers en forma de pestanyes (tabs).

Sintaxi

tabs identificador
text etiqueta tiddler

tabs: macro tabs
identificador: representa una classe CSS, per tant, podrem canviar l'aspecte de cada grup de pestanyes que definim canviant el CSS que l'identifica.
text: text de la pestanya
etiqueta: text (tooltip) que apareixerà al passar el ratolí pel damunt de la pestanya
tiddler: Tiddler que contindrà la pestanya

Exemple bàsic

<<tabs txtMainTab

Exemple Exemple Exemple

Agenda Agenda Agenda>>

Hem creat un grup de 2 pestanyes que contindran els tiddlers Exemple i Agenda. La classe (CSS) utilitzada per definir l'aspecte que tindrà el grup es txtMainTab, aquesta classe ja està definida al StyleSheetLayout, es la que s'utilitza per les pestanyes del SideBarTabs. Té la particularitat de no ensenyar, ni els punts ni els números de les llistes: .txtMainTab .tabContents li {list-style:none;}

Exemple avançat

<<tabs txtCatCms

'Agenda 2007' 'Agenda any 2007'
'Agenda 2007'>>

Hem creat un grup d'una pestanya on, a diferència de l'anterior, s'utilitza una classe específica (txtCatCms) per tal de poder aplicar els nostres propis etils CSS, i així forçar la numeració de les llistes entre d'altres. Per tant al StyleSheet haurem creat la següent definició:

.txtCatCms .tabContents ... {...}

La pestanya inclou el Tiddler Agenda 2007 i aquest inclou un grup de 2 pestanyes amb els Tiddlers Exemple i Agenda; per tant estan anidats; la macro ens ho permet.

També cal observar que hem usat cometa simple, doncs el títol del tiddler que volem incloure a la pestanya té més d'una paraula.

Si volem organitzar el nostre TW utilitzant pestanyes feqüentment, es molt recomanable instal·lar-hi el plugin TabEditPlugin, aquest plugin permet editar pestanyes directament fent-hi doble clic al contingut.

Instal·lació de plugins

2007-06-10T23:09:00.000+02:00

Un plugin no es més que un Tiddler que conté una "gran" macro destinada a fer una funció en concret. Per instal·lar un plugin només cal, un cop l'hem localitzat, copiar el contingut del Tiddler (plugin) al nostre TW i etiquetar-lo com a systemConfig, aquesta etiqueta és la que fa que sigui un plugin, si li treiem deixarà de ser-ho. Podrem veure quins plugins tenim, i si s'estan executant correctament, obrint el Tiddler PluginManager

Hi ha molts llocs on aconseguir plugins, només cal veure l'etiqueta tiddlywikiPlugin de del.ico.us

Normalment cada plugin conté una breu descripció del que fa, quina versió es, qui l'ha fet i sota quina llicència entre d'altres.

TiddlyWiki 2.2.4

2007-06-05T22:20:00.000+02:00

Després d'una llarga espera provocada en part per la incorporació d'en Jeremy a BT Group, ha arrivat la nova versió 2.2.4 de TiddlyWiki. Entre les moltes novetats cal destacar-ne algunes que fan que TW sigui, a hores d'ara, una eina difícil de superar.

ImportTiddlers s'ha millorat considerablement aquesta macro, ara permet importar Tiddlers de qualsevol tipus de servidor com MediaWiki o SocialText
macro sync nova macro que permet sincronitzar Tiddlers d'altres TiddlyWikis
backstage area nou menú que conté totes les funcions de sistema agrupades

I un llarg etcètera...

ToolbarMacros

2007-05-14T17:05:00.000+02:00

Els controls d'edició Toolbar de cada Tiddler estan formats per una sèrie de macros. Les trobarem dins del Tiddler ViewTemplate. Editar el ViewTemplate ens pot servir, per exemple, per canviar l'ordre dels controls, tal com figura en el següent exemple.

<span macro='toolbar +editTiddler permalink references deleteTiddler jump closeOthers closeTiddler'></div></span>

Hem fixat el següent ordre: Editar, Enllaç permanent, Referències, Esborrar, Saltar, Tancar altres, Tancar. També hem fet visible la macro Esborrar per poder executar-la sense haver d'editar un Tiddler. El signe + indica que "Editar" s'executa amb doble clic.

Llistat de les macros d'edició:

<<toolbar cancelTiddler>>
<<toolbar closeOthers>>
<<toolbar closeTiddler>>
<<toolbar deleteTiddler>>
<<toolbar editTiddler>>
<<toolbar jump>>
<<toolbar permalink>>
<<toolbar references>>
<<toolbar saveTiddler>>

Fins aquí hem vist les nocions bàsiques necessàries per mantenir el nostre TW (TiddlyWiki), a partir d'ara el bloc canvia de sentint orientant-se més a utilitats, notícies, actualitzacions, "tips", i com diria en Vicent Partal, "tot allò que la gent pot fer amb ell".

Macros bàsiques

2007-02-15T22:53:00.000+01:00

TW incorpora una sèrie de macros destinades a executar funcions o instruccions automatitzades. Les més bàsiques són:

Macro	Funció
`<<list>> / <<list all>>`	Llista tots els Tiddlers.
`<<timeline>>`	Llista els Tiddlers en ordre cronològic
`<<list missing>>`	Llista Wikiparaules que no enllacen a cap Tiddler.
`<<list orphans>>`	Llista els Tiddlers que no estan enllaçats per altres Tiddlers (orfes)
`<<list shadowed>>`	Llista Tiddlers considerats del sistema, es a dir, Tiddlers que no hem creat nosaltres sinó que ja venen incorporats i que s'encarregen de diverses funcions: des d'especificar quin serà el text del títol fins l'ordre dels menús o el color del text. Evidentment els podem editar per tal de personalitzar el nostre TW.
`<<allTags>>`	Llista totes les etiquetes existents en el nostre TW en forma de botó i informant-nos també, del número de Tiddlers associats a cada etiqueta (tag). Si fem click en qualsevol d'aquestes etiquetes se'ns llistaran els Tiddlers que aquesta tingui associats; creant així, un menú interactiu.
`<<tags>>`	Llista, en forma de botó, l'etiqueta o etiquetes associades al tiddler que invoca la macro. També crea un menú interactiu com `<<allTags>>`.
`<<tag Xzy>>`	Crearà el botó Xyz corresponent a l'etiqueta Xyz i el corresponent menú interactiu.

Totes les macros que hem vist fins aquí, invoquen elements que TiddlyWiki (TW) llistarà en ordre alfabètic exepte <<timeline>> que ho fa en ordre cronològic (primer els més recents).

Per acabar 2 macros més: <<version>> i <<importTiddlers>>. <<version>> ens diu quina versió de TW estem utilitzant i <<importTiddlers>> és una potent macro que ens perment importar Tiddlers d'altres TiddliWikis.

Provablement no necessitarem invocar aquestes macros manualment ja que TW ja les utilitza en el seu menú.

Enllaços

2006-11-29T22:01:00.000+01:00

A banda dels enllaços automàtics que creen les WikiParaules podem definir enllaços manualment utilitzant els marcadors [[ ]]

Enllaços interns

Marcador	Exemple	Descripció
no necessita	WikiParaula	enllaç automàtic
`[[]]`	`[[`Despeses`]]`	enllaç al Tiddler Despeses
`[[\|]]`	`[[`Veure despeses`\|`Despeses`]]`	enllaç al Tiddler despeses que mostrarà el text Veure despeses
combinació de marcadors	`[`img`[`Veure despeses`\|`imatge.png`][`despeses`]]`	enllaç al Tiddler despeses utilitzant la imatge imatge.png i mostrant el text (tooltip) Veure despeses

Enllaços externs

Marcador	Descripció
`[[`file:///C:/Noves Fotos`]]`	Enllaç a la carpeta Noves Fotos
`[[`file:///C:/Noves Fotos/neu.JPG`]]`	Enllaçarà a la foto neu.jpg dins de la carpeta Noves Fotos
`[[`file:///\\Server\dades`]]`	Enllaçarà a la carpeta dades del servidor "Server"
`[[`Foto\|file:///C:/sol.jpg`]]`	Enllaça a la imatge sol.jpg ensenyant-nos la paraula foto
`[[`callto:+5556890127`]]`	Iniciarà una trucada (sempre que tinguem un programa de marcació o de veu sobre ip)

Enllaços externs automàtics

TW interpreta directament alguns esquemes URL:

Exemple	Descripció - Requisits
http://www.skiordino.com	lloc web (ha de contenir http://)
mailto:example@example.com	correu electrònic (ha de contenir mailto:)
file:///C:/Fotos/Carol.JPG	fitxer en el nostre disc (no pot tenir espais en blanc)
ftp://ftp.rediris.es	accés al servidor ftp rediris utilitzant el navegador (ha de contenir ftp://)

Si no volem que TW crei l'enllaç automàticament hem de posar-lo dins dels marcadors {{{ }}}

WikiParaules

2006-10-15T20:43:00.000+02:00

Un TW està format per Tiddlers, aquests tenen un títol i un contingut. Posar títol a un Tiddler no és quelcom trivial, cal posar-hi atenció, doncs, TW els autoenllaçarà automàticament, sempre i quan aquests títols compleixin un únic requisit: Ésser una WikiParaula.

Teòricament una WikiParaula és una paraula formada per altres paraules, sense espais entre elles i on la inicial de cada una d'elles està en majúscules. Per exemple: WikiParaula.

TW considerarà una WikiParaula quan contingui 2 o més caràcters en majúscules i almenys un en minúscules ó numèric.

Paraula/es	És WikiParaula?
Tasques Pendents	no (l'espai ho impedeix)
TasquesPendents	si
WIKIPARAULA	no
WIKIPARAUL4	si
ae2	no
AE2	si

Consideracions:

tota WikiParaula crea un enllaç automàtic WikiLink a un Tiddler; tant si existeix, com si no
podem desactivar l'enllaç automàtic d'una wikiparaula posant-li el marcador ~ al davant: ~TasquesPendents
podem convertir una paraula a WikiParaula utilitzant els marcadors [[..]]. [[Tasques Pendents]]
el botó references de cada Tiddler ens ensenya quins altres Tiddlers l'enllàcen

Abans d'eliminar o canviar el nom a un Tiddler cal revisar (references) si n'hi ha algun altre que l'enllaci.

Pràctica i exemples: http://tiddlyspot.com/cms/#WikiParaules

Taules

2006-10-14T16:56:00.000+02:00

Les taules, al igual que molts elements de TW, es construeixen a partir de marcadors; el més important es la barra vertical | però veurem com amb pocs marcadors més podrem definir taules formatades al nostre gust.

Marcador	Funció
`\|`	separador de cel·les
`!`	títol (per defecte TW alinea els títols al centre)
`\| dreta\|`	text alineat a la dreta
`\| centre \|`	text centrat
`\|esquerra \|`	text alineat a l’esquerra (per defecte TW alinea les cel·les a l'esquerra)
`\|>\|`	cel·la omesa colspan
`\|~\|`	columna omesa rowspan
`\|Nom de la taula\|c`	nom de la taula (el podem posar abans o després d’aquesta)

La millor manera d’entendre com s’utilitzen aquests marcadors es veient un parell d’exemples:

Exemple 1

|Taula d'exemple ''1''|c

|!Cel·la|!Grup|!Cançó|!Punts|

| 1 |Dijous paella| Queda't amb mí| 10|

| 2 |Antònia Font| Canta| 10|

| 3 |Bars| Foc al cor| 100|

| 4 |Total:|>| !120|

En aquest exemple veiem com la utilització d’espais en blanc determina l’alineació del text dins la cel·la. També veiem que a la columna Grup no hem utilitzat cap espai per marcar l’alineació ja que TW per defecte alinea les cel·les a l’esquerra; el mateix passa amb els títols: els alinea al centre.

Exemple 2

|!Columna 1|!Columna 2|

| rowspan |esquerra|

|~| dreta|

|bgcolor(#a0a):color| centre |

|Taula d'exemple ''2''|c

En aquest exemple hem posat el nom de la taula al final i hem utilitzat un color específic per una cel·la en concret.

Pràctica i exemples: http://tiddlyspot.com/cms/#Taules

Estructura

2006-09-24T15:06:00.001+02:00

TW ens permet formatar el contingut per tal d’afegir-hi jerarquies i estructura.

Format	Marcador	Text resultant
Títols	`!`Títol principal `!`Subtítol `!`Títol (nivell 3) `!`Títol (nivell 4)	Títol principal Subtítol Títol (nivell 3) Títol (nivell 4)
Text sagnat	`>`Text sagnat	Text sagnat
Text sagnat i anidat	`>`Text sagnat `>>`Text sagnat i anidat	Text sagnat Text sagnat i anidat
Text sagnat en múltiples línies	`<<<` Text sagnat en múltiples línies `<<<`	Text sagnat en múltiples línies
Separador horitzontal	`----`	-------------------
Comentari	`/%`comentari`%/`	no visible
Llistes descriptives	`;`element `:`descripció `:`descripció	element descripció descripció
Llistes sense ordre	``element ``subelement ``element	element subelement element
Llistes ordenades	`#`primer element numerat `#`segon element numerat	1 primer element numerat 2 segon element numerat

Format bàsic

2006-09-08T12:23:00.000+02:00

Al igual que els wikis, TW incorpora un llenguage per poder donar forma al text i a l'estructura. És un llenguatge molt simple i és important conèixe'l una mica. L'estructura d'aquest és similar a l'html, es a dir, utilitza marcadors.

Text marcat	Text resultant
`''`text en negreta`''`	text en negreta
`__`text subratllat`__`	text subratllat
`--`text tatxat`--` (versió 2.1.2 o superior) `==`text tatxat`==` (versions anteriors a la 2.1.2)	~~text tatxat~~
`//`text en cursiva`//`	text en cursiva
`@@`text ressaltat`@@`	text ressaltat
`{{{`text espaiat`}}}`	`text espaiat`
`{{{` text espaiat en vàries línies `}}}`	`text espaiat en varies línies`
text en`~~`subíndex`~~`	text en_subíndex
text en`^^`superíndex`^^`	text en ^superíndex
Utilització de l’etiqueta <html> per incloure format o contingut escrit directament en html. `<html>`<strong>text en negreta</strong>`</html>`	text en negreta
Utilització de CSS directe `@@color:red;`text en vermell`@@`	text en vermell
Utilització de classes CSS definides `{{ClasseNegretaCursiva{`Text en negreta i cursiva`}}}` La casse .classenegretacursiva ha d'existir en el tiddler StyleSheetLayout ó en el tiddler que utilitzem per definir el CSS.	text en negreta i cursiva

Recerca

2006-08-20T00:26:00.000+02:00

Probablement la recerca de Tiddlers (entrades) del nostre TW sigui la funció que més es fa anar. Hi ha 4 maneres de cercar Tiddlers:

Utilitzar el quadre de recerca search i teclejar el que volem cercar
Utilitzant la pestanya Timeline. Aquí veurem les últimes entrades que hem fet ordenades cronològicament
Utilitzant la pestanya All. Mostra tots els Tiddlers ordenats alfabèticament
Utilitzant la pestanya Tags. Ens agrupa les entrades segons l'etiqueta a la que pertanyin

També podem cercar en un TW extern fent-hi un enllaç i especificant què volem cercar: http://www.tiddlywiki.com/#search:firefox aquest enllaç ens cercarà la paraula Firefox en el TiddlyWiki http://www.tiddlywiki.com

Tractament dels accents

Si el nostre TW és en català, probablement contingui moltes paraules accentuades. Això, no hauria de suposar un problema però molts cops ens oblidem de posar els accents alhora de fer una recerca, potser perquè Google ens ho tolera. Aquest inconvenient el podem resoldre utilitzant dues funcions:

Configurar el nostre TW perquè utilitzi expressions regulars; fent options > RegExprSearch
Utilitzar el punt (.) com a caràcter comodí.

Exemple: Entrar en aquest TW, marcar la opció RegExprSearch i cerca música (amb accent); ens dona 1 resultat. Si cerquem musica (sense accent) ens dona 1 resultat diferent a l'anterior; però cercant m.sica ens dona els 2 resultats anteriors.

Capacitat

2006-08-16T21:36:00.000+02:00

Un TiddlyWiki amb 1.000 entrades (Tiddlers) ocupa aproximadament 2,5MB. El TW en sí, no conté fotos ni altres elements gràfics com animacions flash, però sí que conté tota la informació de texts, presentació, format, plugins i macros, per al seu funcionament. És, en molts casos (segons utilització de cadascú) un fitxer independent i autosuficient.

Entre moltes altres coses en un TW es pot emmagatzemar:

Anotacions, texts, tasques pendents, telèfons, adreces d’Internet, receptes de cuina...
Fotos, vídeos i música (emmagatzemats en fitxers a part)
Entrades diàries (tipus blog)
Jocs (normalment en Flash)
Accés a pàgines externes sense sortir del nostre TW com diaris, el nostre correu electrònic, emissores de ràdio online, etc.

Per poder manegar grans quantitats de dades TW permet posar etiquetes a les nostres anotacions a més d’incorporar un sistema de recerca molt ràpid i efectiu.

TiddlyWiki

2006-08-15T22:28:00.000+02:00

Aquest blog tracta de TiddlyWiki, abreviat TW. Per si t’has quedat igual, aquestes preguntes bàsiques poden ajudar-te a aclarir dubtes.

Que es?

Probablement sigui la mescla d’un wiki i un editor de microcontinguts, es a dir, un fitxer on pots apuntar qualsevol cosa en forma de petites entrades. Hi ha una definició més extensa a la Viquipèdia.

Com funciona?

Un TiddlyWiki (TW) es un fitxer html que utilitza CSS i JavaScript per representar i explotar qualsevol tipus de contingut. Té la capacitat de sobrescriure's a ell mateix.

Per que serveix?

Hi ha molts exemples de tipus d’explotació d’aquesta eina: des de bloc de notes fins a reproductor de música o gestor de tasques. Cadascú se l’adapta a les seves necessitats.

Ho necessito?

Personalment el que més m’agrada d’aquest sistema es la pòtencia de recerca, en el meu dia a dia es molt important poder cercar anotacions ràpidament i aquesta eina em fa la feina sobradament. Crec que tothom té quelcom que necessita anotar o documentar ja sigui a la feina o a nivell personal i molts dels sistemes que la gent utilitza queden abandonats en el temps per obsolets.

Què necessito?

El fitxer html, pots descargar-te’l de la pàgina oficial. I un navegador; recomanable Firefox

Quant val?

És gratuït i llicenciat sota BSD OpenSourceLicense