!Code\n{{{\nToday is <<today>>.\n}}}\n\n!Execution\nToday is <<today>>.
!Code\n{{{\nClick here to see all the tags marked <<tag Features>>.\n}}}\n\n!Execution\nClick here to see all the tags marked <<tag Features>>.
!Code\n{{{\nWrite a <<newJournal "DD MMM YYYY">> entry.\n}}}\n\n!Execution\nWrite a <<newJournal "DD MMM YYYY">> entry.
!Code\n{{{\nCreate a <<newTiddler>>.\n}}}\n\n!Execution\nCreate a <<newTiddler>>.
!Code\n{{{\n<<tiddler Welcome>>\n}}}\n\n!Execution\n<<tiddler Welcome>>\n\n!Warning:\nThere is no protection against setting up an infinite loop using this function.
!Code\n{{{\n<<slider chkSlider Welcome slider "Click here to slide out the Welcome message">>\n}}}\n\n!Execution\n<<slider chkSlider Welcome slider "Click here to slide out the Welcome message">>\n\n!Arguments\n(This is copied from the original TiddlyWiki documentation)\n* cookie name to be used to save the state of the slider\n* name of the tiddler to include in the slider\n* title text of the slider\n* tooltip text of the slider
Macros are one of the most powerful new features Jeremy Ruston has added to TiddlyWiki. With it, you can add new features to TiddlyWiki without hacking into the source code. Several macros are preinstalled with TiddlyWiki by default, and many others are available on other wikis, like [[MonkeyPirateTiddlyWiki|http://homes.jcu.edu.au/~ccscb/mptw/]] and [[TiddlerWiki|http://checketts.objectis.net/wiki/]]. \n\nThe following is a list of the macros that come preinstalled with TiddlyWiki.\n\n*[[today]]\n*[[tag]]\n*[[newJournal]]\n*[[newTiddler]]\n*[[tiddler]]\n*[[slider]]\n*[[version]]\n*[[list]]\n*[[tabs]]\n*[[Sparklines]]\n\n*[[CustomMacros]]
!Code\n{{{\nWhat version of TiddlyWiki is this? <<version>>\n}}}\n!Execution\nWhat version of TiddlyWiki is this? <<version>>\n
!Code\n{{{\nThe following lists all tiddlers in alphabetical order:\n<<list>>\n}}}\n\n!Execution\nThe following lists all tiddlers in alphabetical order:\n<<list>>
!Code\n{{{\nSparklines are used to create nifty little graphs, like so:\n<<sparkline 163 218 231 236 232 266 176 249 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611>>\n}}}\n\n!Execution\nSparklines are used to create nifty little graphs, like so:\n<<sparkline 163 218 231 236 232 266 176 249 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611>>
!Code\n{{{\n<<tabs tabsClass\nMacros "A description of macros in TiddlyWiki" Macros\nTags "A description of how tags work in TiddlyWiki" Tags\n>>\n}}}\n\n!Execution\n<<tabs tabsClass\nMacros "A description of macros in TiddlyWiki" Macros\nTags "A description of how tags work in TiddlyWiki" Tags\n>>\n\n!Parameters\n*First Line\n**tabsClass: The CSS class that the tabs box takes; useful for formating your StyleSheet.\n*Other Lines\n**The title of the tab\n**The text that appears when your mouseover the tab\n**The tiddler that appears when you click the tab.
In monospaced text, also known as non-proportional text, all the characters are of an equal width. So while in a normal font, i is thinner than W is, in {{{monospaced text, i and W are the same width}}}.\n\nAlso, <<tag Formatting>> and [[macros|Macros]] that are in a monospaced block are not executed. For example:\n\n{{{\n<<today>>\n}}}\n\nTo add a monotype text block, enclose the text in triple squiggly-brackets: \n{{{\n{{{This is monotype}}}\n}}}
Not only can tags be used to organize tiddlers, but some <<tag SpecialTags>> also have various interesting effects on how tiddlers behave, such as by excluding the tiddler from the sidebar or the search results. \n\nSimply add the desired special tag to the [[tags|Tags]] list.
Add this tag to the tags field to remove it from the sidebar tabs.
Add this tag to a tiddler to remove it from the search results.
Quoting from the original TiddlyWiki:\n\nThis "marks tiddlers whose content is used to create paraphernalia like the main menu, title and sidebar. These tiddlers are included if you use the 'save empty template' option."
Tiddlers tagged with the systemConfig tag contain Javascripts for CustomMacros.
version.extensions.smileyMacro = {major: 0, minor: 1, revision: 0, date: new Date(2005,7,20)};\n//Author: Alan Hecht\nconfig.macros.smiley = {}\nconfig.macros.smiley.handler = function(place,macroName,params)\n{\n var palette = ["transparent","#000000","#1a1507","#352e18","#464646","#666666","#a3141e","#b06b63","#cc9900","#dd9030","#dddddd","#e89d00","#edc32a","#f3cb3c","#fdf201","#fdf526","#ff3149","#ffac00","#ffbf06","#ffc846","#ffcc66","#ffd758","#ffdd01","#ffea7b","#ffed55","#ffffff"];\n var data = params;\n var imageMap = null;\n if(data[0] == ":-)" || data[0] == ":)")\n\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyffyffuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwboooowwwbllbbwwwboooowbrllbacwwwbbbbbrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-(" || data[0] == ":(")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyyyyyyuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwoooooowwrllbbwwwwbbbbbsrllbacwwbwwwwsbllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ";-)" || data[0] == ";)")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyxxxxxuujbaadyyyxxxeetttdabppphddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwboooowwwbllbbwwwboooowbrllbacwwwbbbbbrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-|" || data[0] == ":|")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyffyffuujbaadyyyeeyeetttdabppppddyddpmmlbbwoooooooowsrlbbwwpooooowwmrlbbwwoooooowwrllbbwwwwbbbbbsrllbacwwwwwwwsrllcaablswwwwsrrlibaaablsssrrllibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else if(data[0] == ":-D" || data[0] == ":D")\n imageMap = "aaaaabbbbbaaaaaaaabdtyyvtdbaaaaabnyxxxxxujbaaabmyyeeyeeuujbaadyyyeeyeetttdabppppyyyyypmmlbbwbbbbbbbbbbblbbwbkzzzzzzzkbwbbwbfzzzzzzzfbwbbwbkzzzzzzzkbwbacwbkzzzzzkblcaablsbkzzzkblibaaablsbbbbblibaaaaabcrrlllcbaaaaaaaabbbbbaaaaa";\n else\n createTiddlyElement(place,"span",null,"errorNoSuchMacro","unknown smiley");\n if(imageMap)\n {\n var box = createTiddlyElement(place,"span",null,"smiley",String.fromCharCode(160));\n box.style.position = "relative";\n box.style.width = "15px";\n box.style.height = "15px";\n box.style.marginLeft = "1px";\n box.style.marginRight = "1px";\n box.style.paddingRight = "12px";\n box.style.verticalAlign = "top";\n\n //now divide into 15x15 grid and create each pixel\n // rows\n for(r=0; r<15; r++)\n {\n // columns\n for(c=0; c<15; c++)\n {\n //create each pixel with the correct background\n var pix = document.createElement("img");\n pix.className = "smileyPixel";\n pix.style.position = "absolute";\n pix.border = 0;\n pix.style.top = r + "px";\n pix.style.left = c + "px";\n pix.style.width = "1px";\n pix.style.height = "1px";\n pix.style.backgroundColor = palette[imageMap.charCodeAt((r*15)+c)-97];\n pix.src = "data:image/gif,GIF89a%01%00%01%00%91%FF%00%FF%FF%FF%00%00%00%C0%C0%C0%00%00%00!%F9%04%01%00%00%02%00%2C%00%00%00%00%01%00%01%00%40%02%02T%01%00%3B";\n box.appendChild(pix);\n }\n }\n }\n}\n
config.macros.list["untagged"] = {prompt: "Tiddlers that are not tagged"};\n\nconfig.macros.list.untagged.handler = function(params)\n{\n//displayMessage("Building list of untagged tiddlers");\nvar results = [];\nfor(var t in store.tiddlers) {\nvar tiddler = store.tiddlers[t];\nif(tiddler.getTags() == "")\nresults.push(t);\n}\nresults.sort();\nreturn results;\n}
Welcome to TiddlyWikiTutorial, an introduction to one of the most efficient ways of communicating information that I've ever seen. If you'd rather skip the tutorial and explore it for yourself, just click on this link to [[TiddlyWiki.com|http://www.tiddlywiki.com/]]. \n\n(Please note that this site works best in [[Firefox|http://www.mozilla.org/products/firefox/]]. It will also work almost as well in Internet Explorer and Safari. It may not work properly in Opera. [[Firefox|http://www.mozilla.org/products/firefox/]] is free, and well worth downloading if you haven't already.)\n\nGo ahead and click on TiddlyWikiTutorial.
Wasn't that cool?\n\nYou've just opened your first [[Tiddler]]. A [[Tiddler]] is a chunk of information, or MicroContent, about a particular topic. This chunking of information is part of what makes TiddlyWiki so powerful. Human minds are not built to take in long passages of information very well; we're a lot better at taking information in little tiny chunks. \n\nThere are two other things that make TiddlyWiki so powerful: It's EasyToEdit and EasyToCarry.
Tags offer a way of categorizing tiddlers. At the bottom of this tiddler, you can see that it is tagged with the "Features" tag. If you click on this tag, a list will pop up with links to the other tiddlers with the same tag. You have option of opening all of the tiddlers with this tag, or just the one you want. \n\nTo add a tag to a tiddler, just switch the tiddler to editing mode and add words to the bottom field, below the main body field text box. \n\nSee Also: SpecialTags
In addition to the built-in macros, you can also create your own macros. Although teaching ~JavaScript is outside of the scope of this wiki, I can show you how to import scripts written by others. As an example, here's a smiley macro from [[AlanH|http://www.personal.psu.edu/staff/a/c/ach12/tiddlywiki/smiley.htm]]:\n\n<<smiley :-D>>\n\nHere's the code in this tiddler that creates that happy guy up there:\n\n{{{\n<<smiley :-D>>\n}}}\n\nHere's how I added the [[smiley]] macro to this wiki:\n#First, I created a new tiddler entitled [[smiley]].\n#Then, I copied the smiley macro from ~AlanH's site and pasted it into my new tiddler. \n#After that, I [[tagged|Tags]] the tiddler with the systemConfig tag\n#Finally, I saved changes and reloaded the wiki.
One of the best features of TiddlyWiki is that it's very portable. To save this entire wiki to your hard drive, right click [[here|#]] and click 'Save link as...' or 'Save target as...'. \n\nYou have now downloaded the entire tutorial in just one file. Every [[Tiddler]], all of the style information, and all of the javascript program that makes the site work is contained in a single HTML file. No databases. No complicated file structures. Just one file.\n\nThe only exception to the one-file rule is images, which you can learn more about in HowToEmbedImages.\n\nYou can carry this around with you as a [[WikiOnAStick|http://www.tiddlywiki.com/#WikiOnAStick]]. After you modify it, you can upload this one file as your own personal webpage without having to go through complicated installation procedures. \n\nNow that you've downloaded your own copy of TiddlyWiki, you can now find out HowToSaveYourChanges.
TiddlyWiki supports all kinds of formatting options:\n*You can create ''Bold'' text by enclosing it in pairs of single quotes:\n{{{\n''bold text''\n}}}\n\n*You can create ==Strikethrough== text by enclosing it in pairs of equal signs:\n{{{\n==strikethrough text==\n}}}\n\n*You can __Underline__ text by enclosing it in pairs of underscores:\n{{{\n__underlined text__\n}}}\n\n*You can create //Italic// text by enclosing it in pairs of forward slashes:\n{{{\n//italic text//\n}}}\n\n*You can create ^^superscript^^ text by enclosing it in pairs of carets:\n{{{\n^^superscript text^^\n}}}\n\n*You can create ~~subscript~~ text by enclosing it in pairs of tildes:\n{{{\n~~subscript text~~\n}}}\n\n*You can change the text's @@color(green):color@@ by enclosing it in pairs of at-signs (@@@@) and specifying a text color:\n{{{\n@@color(yourcolorhere):colored text@@\n}}}\n\n*You can change the text's @@bgcolor(red):background color@@ by enclosing it in pairs of at-signs (@@@@) and specifying a background text color:\n{{{\n@@bgcolor(yourcolorhere):your text here@@\n}}}
An embedded image looks like this:\n\n[img[Dog shakes hand with soldier|http://www.blogjones.com/Images/dogsoldier.jpg]]\n\nHere's how the code works:\n{{{\n[img[alternate text|image URL]]\n}}}\n\nTwo notes about using images:\n#First, if you add images to the wiki, the wiki becomes less portable--you have to make sure that the wiki can get to the images you link to. \n#Second, it's considered rude to "hotlink" images on other people's servers. Don't just directly link to someone else's image; download it onto your computer and upload it back to your own server or to a free image host like [[Image Shack|http://www.imageshack.us/]].
Lists are one of the easiest things to do in TiddlyWiki, and that's saying a lot. Put an asterisk (*) at the beginning of any line you want added to a bulleted list. If you use two or three asterisks, you'll create second and third level bullets. Like this:\n\n*Entry One\n**Sub-entry A\n***Sub-sub-entry i\n***Sub-sub-entry ii\n**Sub-entry B\n*Entry Two\n*Entry Three\n\nHere's the code for the above list:\n\n{{{\n*Entry One\n**Sub-entry A\n***Sub-sub-entry i\n***Sub-sub-entry ii\n**Sub-entry B\n*Entry Two\n*Entry Three\n}}}\n\nNumbered lists are pretty easy too: Just use number signs (#'s) instead of asterisks:\n\n#Entry One\n##Sub-entry A\n###Sub-sub-entry i\n###Sub-sub-entry ii\n##Sub-entry B\n#Entry Two\n#Entry Three\n\nAnd, once again, here's the code:\n\n{{{\n#Entry One\n##Sub-entry A\n###Sub-sub-entry i\n###Sub-sub-entry ii\n##Sub-entry B\n#Entry Two\n#Entry Three\n}}}
You aren't restricted to only linking to your own tiddlers: Here's how you link to something offsite, like the [[TiddlyWiki Home Page|http://www.tiddlywiki.com]].\n\n{{{\n[[text|url]]\n}}}
You can create a table by enclosing text in sets of vertical bars (||, or shift-backslash on your keyboard). \n|!Headings: add an exclamation point (!) right after the vertical bar.|!Heading2|!Heading3|\n|Row 1, Column 1|Row 1, Column 2|Row 1, Column 3|\n|>|>|Have one row span multiple columns by using a >|\n|Have one column span multiple rows by using a ~|>| Use a space to right-align text in a cell|\n|~|>| Enclose text in a cell with spaces to center it |\n|>|>|bgcolor(green):Add color to a cell using bgcolor(yourcolorhere):|\n|Add a caption by ending the table with a vertical bar followed by a c|c\n\nHere's the code for the above table:\n{{{\n|!Headings: add an exclamation point (!) right after the vertical bar.|!Heading2|!Heading3|\n|Row 1, Column 1|Row 1, Column 2|Row 1, Column 3|\n|>|>|Have one row span multiple columns by using a >|\n|Have one column span multiple rows by using a ~|>| Use a space to right-align text in a cell|\n|~|>| Enclose text in a cell with spaces to center it |\n|>|>|bgcolor(green):Add color to a cell using bgcolor(yourcolorhere):|\n|Add a caption by ending the table with a vertical bar followed by a c|c\n}}}
Let's say that, for some reason, you need to have a single Tiddler with multiple headings. Put the headings on lines by themselves and add an exclamation point (!) at the beginning of the line. If you want a subheading, use two exclamation points, like so:\n\n!Heading1\n!!Subheading1\n!!!Subsubheading1\n\nHere's the code for the above stack of subheadings:\n{{{\n!Heading1\n!!Subheading1\n!!!Subsubheading1\n}}}
If you want to quote a long passage of someone else's work, you'll need blockquotes. At the line before the passage begins, add three less-than signs (<<<). On the line after the passage ends, add three more less-than signs. Like so:\n\n[[Bill Whittle|http://www.ejectejecteject.com/archives/000091.html]] said:\n\n<<<\nWe need a map. Several are for sale. How do we choose?\n\nWell, it seems like a good idea to choose the map that best conforms to the coastline we see unveiling before us. We choose the map that best fits the territory. We choose the map that best matches ''reality'' – the objective, external, indisputable reality of bays and promontories, capes and gulfs and rivers and shoals.\n\nWe can, indeed, lay out competing philosophies on the table, and see where each conforms to reality and where it does not. No maps are without distortions; none of these are likely to be, either. And one map may conform perfectly to the coastline in one area, and be dreadfully amiss in another. We can cut and paste them as we wish. This is too important for us to be arguing about who is right – all our energies must go to //getting it// right.\n\nAnd before we start, we must agree to one thing, and one thing only: we will never be so full of arrogance and blinded by pride that we dare confront a place where the map does not match the coastline, and proclaim that ''the coastline must be wrong.''\n\nNavigation by means of reason and logic, taking sightings from historical landmarks and always keeping the firm hand of common sense on the wheel, can steer us clear of these dangerous and confusing times. This sort of thinking, what is essentially scientific thinking, is a new tool, relatively speaking. It is a powerful tool, one that makes powerful demands of us, asking us to forgo pride and ego and preconception. It asks us, as blind men and women in the darkness of the present, to walk into the future not by closing our eyes and glibly imagining a map that is to our liking, but rather to learn to navigate like bats and dolphins, pinging our surroundings, interrogating nature and history at every turn, finding fixed points of reference that we can use to triangulate where we are and where we are headed. \n<<<\n\nHere's the code for a blockquote:\n\n{{{\n<<<\nHere's the quoted text.\n<<<\n}}}
Need a dividing line? Type four hyphens in a row on a line by themselves.\n----\nThat'll keep your sheep and goats separated.\n\nHere's the ridiculously simple code to create that line:\n{{{\n----\n}}}
To adjust the site from the default brown and white style of TiddlyWiki, add CSS code to the StyleSheet tiddler. Although CSS is beyond the scope of this Wiki, it's not too hard to figure out. Find out all about CSS at [[w3schools.com|http://www.w3schools.com/css/]].
This tiddler is only slightly modfied from the entry on the TiddlyWiki home site. \n\nYou can save changes if you're using Firefox or Internet Explorer:\n* if you're using Internet Explorer on Windows XP you might run into [[ServicePack2Problems|http://www.tiddlywiki.com/#ServicePack2Problems]]\n\n# right click on [[this link|#]] and select 'Save link as...' or 'Save target as...' (as you learned in EasyToCarry)\n** choose where to save the file, and what to call it (but keep the .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button on the right to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# click the 'save changes' button on the right to save your changes (note that Firefox will give you as many as three security warnings. It's OK, just click Allow or check the "don't warn me again" box.)\n# TiddlyWiki will make a backup copy of the existing file, and then replace it with the new version\n
This [[Tiddler]] was copied and pasted from the TiddlyWiki home site.\n\nMicroContent being a fashionable word for self-contained fragments of content that are typically smaller than entire pages. Often MicroContent is presented via some kind of aggregation that reduces the perceptual shock and resource cost of context switching (eg Blogs aggregating several entries onto a page or Flickr presenting photos in an album). This TiddlyWiki aggregates MicroContent items that I call 'tiddlers' into pages that are loaded in one gulp and progressively displayed as the user clicks hypertext links to read them.
Missing tiddlers are ones that have been linked to, but don't have anything in them yet. Use this feature to see what tiddlers you need to work on. It can be found under the More tab in the sidebar.
Orphans are tiddlers that have been created, but that aren't linked to in any other tiddlers. You can find a list of these under the "More" tab in the sidebar.
/*Change Style Info Here*/\n\n
http://www.blogjones.com/TiddlyWikiTutorial.html
MainMenu contains all the links in the MainMenu bar on the left side of this page.\nSiteTitle and SiteSubtitle are pretty self explanatory.\nDefaultTiddlers is used to store the titles of the tiddlers that are shown at startup. \n\nAny of these can be edited with the changes taking effect immediately.
TiddlyWiki is the truly awesome software created by Jeremy Ruston to which this tutorial introduces you. You can find the TiddlyWiki home site at http://www.tiddlywiki.com \n\nThis is one of the most efficient ways of communicating that I've ever seen, and it's a lot of fun to use and write for too!
A Tiddler is a little chunk of information about a particular topic. It can contain text, images, tables, lists, or even external links, which you can find out all about in EasyToEdit.\n\nWhen you're done looking at any particular Tiddler, you can make it go away by moving the mouse over it and clicking the "close" link that appears. Try it on this tiddler!
This [[Tiddler]] was copied and pasted from the TiddlyWiki home site.\n\nA WikiWord is a word composed of a bunch of other words slammed together with each of their first letters capitalised. WikiWord notation in a conventional WikiWikiWeb is used to name individual pages while TiddlyWiki uses WikiWord titles for smaller chunks of MicroContent. Referring to a page with a WikiWord automatically creates a link to it. Clicking on a link jumps to that page or, if it doesn't exist, to an editor to create it. This third version of TiddlyWiki also adds NonWikiWordLinks.
This [[Tiddler]] was copied and pasted from the TiddlyWiki home site.\n\nA Wiki is a popular way of building collaborative websites. It's based on the ideas of easy editing of pages and the use of special WikiWord notation to automagically create links between pages. See Wikipedia for [[more details|http://en.wikipedia.org/wiki/Wiki]]. TiddlyWiki is different from a conventional Wiki because it is not based on entire pages of content, but rather items of MicroContent that are referred to as 'tiddlers'.
This [[Tiddler]] was copied and pasted from the TiddlyWiki home site.\n\nTo make a tiddler that doesn't have a WikiWord as it's name, you can enclose the name in [[double square brackets]] - edit this tiddler to see an example. After saving the tiddler you can then click on the link to create the new tiddler. NonWikiWordLinks permits tiddlers to be created with names that are made from character sets that don't have upper and lower case.
An example of how to make NonWikiWordLinks.
This is a [[CustomMacro|CustomMacros]] "borrowed" from [[TiddlyStyles|http://15black.bluedepot.com/]]. It lists all the tiddlers that don't have any tags yet.\n\n<<list untagged>>\n\nCode:\n\n{{{\n<<list untagged>>\n}}}
A lot has happened since the last revision of this wiki; many new features have been added to an already great product that make it even more flexible than before. \n\n*[[Tags]]\n*[[MissingTiddlers]]\n*[[Orphans]]\n*[[SpecialTags]]\n*MonospacedText\n*[[Macros]]
I'm sure you've noticed by now that there are a lot of places where words are stuck together, like HowToMakeATiddler or EasyToEdit. Here's the reason for that: Whenever you type in a word that's mixed case (also known as a WikiWord), TiddlyWiki will automatically create a link to a [[Tiddler]] with that title. \n\nTry it! Doubleclick on this [[Tiddler]] to go into editing mode and put a few words together in the space below. When you've got a WikiWord made up, click "done."\n\n----\n\n----\n\nSee how TiddlyWiki automatically converted your WikiWord into an italicized link? Click on it. \n\nYou should see your WikiWord as a title and the words "This tiddler doesn't yet exist. Double-click to create it" underneath it. If you double click and write something in the text box, a new [[Tiddler]] will be created with the title you've given it. Now if you write that same WikiWord in any other [[Tiddler]], TiddlyWiki will automatically create a link that to same entry.\n\n"But," you say, "what if I want to make a tiddler that's just one word? Or one that doesn't use mixed case?" Open up editing mode, and enclose the word you want to turn into a tiddler in double brackets, like these:\n\n{{{\n[[Non-Wiki Word or Phrase]]\n}}}\n\n<<tiddler HowToDewikifyAWikiWord>>\n\nThat's all there is to it.
"But!" you interrupt, "what if I want to use mixed case and //not// create a tiddler, like if I'm talking about ~JavaScript?" Easy: Just precede the word with a single tilde (~). \n\n{{{\n~JavaScript\n}}}
[[Oto]]
Un outil générique et extensible pour corriger les travaux de programmation
Double click on this entry. This will bring you into Editing Mode. Type whatever you want to in the large text box, then move your mouse next to the title of this tiddler and click "done".\n\nIsn't that cool?\n\nNow, if you want to know HowToSaveYourChanges, you'll have to save the TiddlyWiki to your hard drive. Find out how in EasyToCarry.\n\nYou can also learn \n*HowToMakeATiddler\n*HowToFormatText\n*HowToEmbedImages\n*HowToMakeLists\n*HowToMakeExternalLinks\n*HowToMakeTables\n*HowToCreateSubheadings.\n*HowToUseBlockquotes\n*HowToAddAHorizontalLine\n*HowToFormatStyle\n*HowToDewikifyAWikiWord\n*[[HowToAddMonospacedText|MonospacedText]]\n*[[HowToTagATiddler|Tags]]\n*[[HowToAddAMacro|Macros]]\n*[[HowToChangeAMenuOrTheTitle|SpecialTiddlers]]
Les étudiants peuvent remettre leurs programmes directement au professeur. Le professeur doit d'abord créer une boîte virtuelle pour recevoir les TPs. En ce qui concerne le noyau de l'application Oto, un travail ne peut être remis que sur la machine hôte du programme. Toutefois, une [[application Web|application-web/connexion]] a été développée pour remettre des travaux électroniquement, à condition que l'étudiant dispose d'un compte sur la machine hôte.
Les étudiants peuvent vérifier leurs travaux avant de les remettre. Le professeur doit d'abord créer un vérificateur de travail. Ce vérificateur est un petit script écrit en langage Oto et qui indique ce qui doit faire l'objet de la vérification dans le travail de l'étudiant. Le travail comme tel de vérification est effectué par des modules Oto.
Un professeur peut prendre les TPs déposés dans une de ses boîtes virtuelles et les mettre quelque part dans son répertoire de travail sur la machine hôte. De là, il peut procéder à la correction des travaux. Mais d'abord, il doit définir un correcteur de travail. Un correcteur est un petit script écrit en langage Oto. Il fonctionne sous le même principe que le vérificateur.
[[Oto]]
<<option chkOpenInNewWindow>> OpenLinksInNewWindow\n<<option chkSaveEmptyTemplate>> SaveEmptyTemplate\n<<option chkToggleLinks>> Clicking on links to tiddlers that are already open causes them to close\n^^(override with Control or other modifier key)^^
Oto est un logiciel qui permet d'automatiser la RemiseDesTravaux, la CorrectionDesTravaux et la VérificationDesTravaux de programmation. Il a été conçu par [[Frédéric Guérin|images/FredEtGuy.jpg]], étudiant à la maîtrise en informatique, et [[Guy Tremblay|http://www.labunix.uqam.ca/~tremblay]], professeur au [[Département d'informatique|http://www.info.uqam.ca]] de l'UQAM. Paul Lessard, étudiant à la maîtrise en informatique, a par la suite ajouté de nouvelles fonctionnalités (notamment, module de détection de plagiat et nouveau langage de script de corrections fondé sur un DSL interne Ruby). Quant à Anthony Demange, stagiaire de l'eXia, il a mis en oeuvre en Ruby les divers modules Oto de tests (tester_filtre, tester_methodes, tester_classe).\n\nÀ la base, Oto est une application utilisable sous Unix en mode //ligne de commandes//. Une première version (en JavaScript) d'une [[application Web|application-web/connexion]] pour l'utilisation d'Oto a été conçue par Mohamed Takim, étudiant à la maîtrise en génie logiciel, sous la supervision de [[Guy Tremblay|http://www.labunix.uqam.ca/~tremblay]] et [[Aziz Salah|http://www.info.uqam.ca/personnels/Members/salah_a]], professeurs au Département d'informatique de l'UQAM. Puis, la version actuelle (mise en oeuvre à l'aide de servlets Java) a été développée par Alexandre Pennetier, stagiaire de l'eXia. Un [[Guide d'utilisation destiné aux étudiants|documents/manuel-oto-etudiant.pdf]] est disponible.\n\nPour savoir comment utiliser Oto pour concevoir et corriger des travaux de laboratoires simples (programmes filtres ou bibliothèque de méthodes), vous pouvez consulter le [[Guide pratique pour la conception et la correction de travaux de laboratoires|documents/guide-labos.pdf]]. Pour tout connaître sur la façon d'utiliser Oto, vous pouvez consulter le [[Guide d'utilisation à l'intention des enseignants et auxiliaires d'enseignement|documents/manuel-enseignant-2.pdf]], le [[mémoire de maîtrise de Frédéric Guérin|documents/memoire.pdf]] ou [[celui de Paul Lessard|documents/memoire-lessard.pdf]].\n\nOto est un logiciel gratuit. Oto est écrit en langage [[Ruby|http://www.ruby-lang.org]].
[[Oto]]\n [[application Web|application-web/connexion]]\n\n[[manuel étudiant|documents/manuel-oto-etudiant.pdf]]\n\n[[manuel enseignant|documents/manuel-enseignant-2.pdf]]\n[[exemples de scripts|documents/Exemples.zip]]\n[[guide pour labos|documents/guide-labos.pdf]]\n\n[[article SPE|documents/TremblayEtAl07.pdf]]\n[[séminaire dép.|documents/oto-latece-2010.pdf]]\n[[mémoire F. Guérin|documents/memoire.pdf]]\n[[mémoire P. Lessard|documents/memoire-lessard.pdf]]\n\n----\n