Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. A TiddlyWiki is… <ul><li>a ToDo list </li></ul><ul><li>A “reminders” list (use macro) </li></ul><ul><li>Multiuser Calendar (use macro) </li></ul><ul><li>PIM – Personal Information Manager </li></ul><ul><li>a draft letter sent for approval </li></ul><ul><li>a documentation manager for products, software, etc. </li></ul><ul><li>like a blog </li></ul><ul><li>a novel medium for writing </li></ul><ul><li>a place to store little bits of information, reminders, and notes </li></ul><ul><li>a great FAQ page </li></ul><ul><li>an internal website </li></ul><ul><li>your own personal dictionary/encyclopedia </li></ul><ul><li>a simple collaboration software for your organization </li></ul><ul><li>the easiest and very powerful tool </li></ul>
  2. 2. Download TiddlyWiki <ul><li>http://www.tiddlywiki.com/empty.html </li></ul><ul><li>Right click on the above link and choose 'Save link as...' or 'Save target as...'. </li></ul><ul><li>Create a new directory (for e.g. called 'todo') and the save the file. You can decide what to call it (but keep the .HTML extension). Do not use the File/Save command in your browser to save TiddlyWiki. </li></ul>
  3. 3. Getting Started <ul><li>Now open the file from where you saved it. </li></ul><ul><li>Click on 'close all' link on the right. </li></ul><ul><li>Click on 'new tiddler' on the left. </li></ul><ul><li>Type the title and then the text. Type tags related to the topic. Click on 'done' to save. </li></ul><ul><li>You can also create a new journal by clicking on 'new journal' link. </li></ul><ul><li>You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar) </li></ul><ul><li>A new tiddler with tags and date stamp is called Journal. It can be created either by clicking on ‘new journal link or create it within a tiddler like this… <<newjournal &quot;project todo DD MMM YYYY“ ToDo>> </li></ul>
  4. 4. Deleting a post <ul><li>To delete a Tiddler, Select the entry from Timeline, choose Edit and then click on delete. </li></ul><ul><li>Do not delete the entries those you have not created since those may be necessary to run the software. </li></ul>
  5. 5. Creating and using wiki links <ul><li>New entries can be created by…. </li></ul><ul><li>Clicking on “new tiddler” link on left </li></ul><ul><li>Click on italic links within tiddlers (click on bold links to read a linked tiddler) </li></ul><ul><li>Creating a link within tiddler is very easy using </li></ul><ul><li>WikiWords Any word with more than one capital letter in it. (For e.g. W ikiwords will NOT create a link but W iki W ords will) </li></ul><ul><li>Brackets You can also enclose the words in [[ Shantanu Prabhakar Oak ]] to create a link. </li></ul><ul><li>link to something offsite, like the [[TiddlyWiki Home Page|http://www.tiddlywiki.com]] Add an image [img[Fractal vegetable|fractalveg.jpg]] </li></ul><ul><li>You can disable a wikiword by preceding the WikiWord with a tilde (~). For example, ~JamesBond, ~JavaScript, ~WikiWords </li></ul>
  6. 6. Wiki Formatting <ul><li>You can create tabs like this… This is an example of a tab: <<tabs txtFavourite All &quot;All tiddlers&quot; HelloThere Tags &quot;Tags in use&quot; LatestStuff >> </li></ul><ul><li>You can divide a tiddler into ---- sections by typing four dashes on a line by themselves. </li></ul>
  7. 7. Text Formatting <ul><li>''Bold'' </li></ul><ul><li>==Strike== </li></ul><ul><li>__Underline__ </li></ul><ul><li>//Italic// </li></ul><ul><li>@@highlight@@ </li></ul><ul><li>@@color(green):green colored@@ </li></ul><ul><li>Bold </li></ul><ul><li>Strike </li></ul><ul><li>Underline </li></ul><ul><li>Italic </li></ul><ul><li>Green colored </li></ul>Highlight
  8. 8. Text Blocks <ul><li>You can also have monospaced blocks (useful for source code): {{{ Dear sir, Here is the complaint I have received from my client. }}} </li></ul><ul><li>Bill Gates said: <<< This is indented text. <<< </li></ul><ul><li>Or you can also use >level 1 >>level 2 >>>level 3 </li></ul>
  9. 9. Bullets, Numbers and headers <ul><li>Creating Bullets * Just add an asterisk ** start the line with two asterisks *** use three asterisks for three levels </li></ul><ul><li>It's easy to create Numbered list # Use a single '#' at the start of each line ## within any bullets </li></ul><ul><li>Headers: !Header 1 !!Header 2 !!!Header 3 !!!!Header 4 !!!!!Header 5 </li></ul>
  10. 10. Change main page layout <ul><li>Click on ‘close all’ </li></ul><ul><li>Goto Tags </li></ul><ul><li>Click on systemTiddlers and choose open all </li></ul><ul><li>Title, sub-title and menu bar can be customized here. </li></ul><ul><li>DefaultTiddlers are the tiddlers shown on start up </li></ul><ul><li>You can keep the tiddler from displaying in the tab listings or in search results by adding the tags excludeLists and excludeSearch respectively. </li></ul>
  11. 11. untagged macro can be called <<list untagged>> <ul><li>config.macros.list[&quot;untagged&quot;] = {prompt: &quot;Tiddlers that are not tagged&quot;}; config.macros.list.untagged.handler = function(params) { //displayMessage(&quot;Building list of untagged tiddlers&quot;); var results = []; for(var t in store.tiddlers) { var tiddler = store.tiddlers[t]; if(tiddler.getTags() == &quot;&quot;) results.push(t); } results.sort(); return results; } </li></ul>
  12. 12. Favicon macro <ul><li>version.extensions.favicon = {major: 0, minor: 1, revision: 0, date: new Date(&quot;Jul 18, 2005&quot;)}; </li></ul><ul><li>var n = document.createElement(&quot;link&quot;); </li></ul><ul><li>n.rel = &quot;shortcut icon&quot;; </li></ul><ul><li>n.href = &quot;http://www.tiddlywiki.com/favicon.ico&quot;; </li></ul><ul><li>document.getElementsByTagName(&quot;head&quot;)[0].appendChild(n); </li></ul>
  13. 13. TagCloud Macro <ul><li>version.extensions.tagCloud = {major: 1, minor: 0 , revision: 1, date: new Date(2005,8,16)}; </li></ul><ul><li>//Created by Clint Checketts, contributions by Jonny Leroy and Eric Shulman </li></ul><ul><li>config.macros.tagCloud = { </li></ul><ul><li>noTags: &quot;No tag cloud created because there are no tags.&quot;, </li></ul><ul><li>tooltip: &quot;%1 tiddlers tagged with '%0'&quot; </li></ul><ul><li>}; </li></ul><ul><li>config.macros.tagCloud.handler = function(place,macroName,params) { </li></ul><ul><li>var tagCloudWrapper = createTiddlyElement(place,&quot;div&quot;,null,&quot;tagCloud&quot;,null); </li></ul><ul><li>var tags = store.getTags(); </li></ul><ul><li>for (t=0; t<tags.length; t++) { </li></ul><ul><li>for (p=0;p<params.length; p++) if (tags[t][0] == params[p]) tags[t][0] = &quot;&quot;; </li></ul><ul><li>} </li></ul><ul><li>if(tags.length == 0) </li></ul><ul><li>createTiddlyElement(tagCloudWrapper,&quot;span&quot;,null,null,this.noTags); </li></ul><ul><li>//Findout the maximum number of tags </li></ul><ul><li>var mostTags = 0; </li></ul><ul><li>for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){ </li></ul><ul><li>if (tags[t][1] > mostTags) mostTags = tags[t][1]; </li></ul><ul><li>} </li></ul><ul><li>//divide the mostTags into 4 segments for the 4 different tagCloud sizes </li></ul><ul><li>var tagSegment = mostTags / 4; </li></ul><ul><li>for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){ </li></ul><ul><li>var tagCloudElement = createTiddlyElement(tagCloudWrapper,&quot;span&quot;,null,null,null); </li></ul><ul><li>tagCloudWrapper.appendChild(document.createTextNode(&quot; &quot;)); </li></ul><ul><li>var theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,&quot;tagCloudtag tagCloud&quot; + (Math.round(tags[t][1]/tagSegment)+1)); </li></ul><ul><li>theTag.setAttribute(&quot;tag&quot;,tags[t][0]); </li></ul><ul><li>} </li></ul><ul><li>}; </li></ul><ul><li>setStylesheet(&quot;.tagCloud span{height: 1.8em;margin: 3px;}.tagCloud1{font-size: 1.2em;}.tagCloud2{font-size: 1.4em;}.tagCloud3{font-size: 1.6em;}.tagCloud4{font-size: 1.8em;}.tagCloud5{font-size: 1.8em;font-weight: bold;}&quot;,&quot;tagCloudsStyles&quot;); </li></ul>
  14. 14. http://www.zrenard.com/tiddlywiki/tiddlywiki.html <ul><li>Reminder </li></ul><ul><li>Tag Chooser Macro </li></ul>