29/11/06

Enllaços

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 {{{ }}}

15/10/06

WikiParaules

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:

  1. tota WikiParaula crea un enllaç automàtic WikiLink a un Tiddler; tant si existeix, com si no
  2. podem desactivar l'enllaç automàtic d'una wikiparaula posant-li el marcador ~ al davant: ~TasquesPendents
  3. podem convertir una paraula a WikiParaula utilitzant els marcadors [[..]]. [[Tasques Pendents]]
  4. 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

14/10/06

Taules

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

24/9/06

Estructura

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

8/9/06

Format bàsic

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 marcatText 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 ensubí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

20/8/06

Recerca

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:

  1. Utilitzar el quadre de recerca search i teclejar el que volem cercar
  2. Utilitzant la pestanya Timeline. Aquí veurem les últimes entrades que hem fet ordenades cronològicament
  3. Utilitzant la pestanya All. Mostra tots els Tiddlers ordenats alfabèticament
  4. 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:

  1. Configurar el nostre TW perquè utilitzi expressions regulars; fent options > RegExprSearch
  2. 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.

16/8/06

Capacitat

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.

15/8/06

TiddlyWiki

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