Systèmes - notes de cours et de TP

Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88

<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div>
<!--}}}-->

To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
* [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* [[MainMenu]]: The menu (usually on the left)
* [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>

<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->

These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser

Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]])

<<option txtUserName>>
<<option chkSaveBackups>> [[SaveBackups]]
<<option chkAutoSave>> [[AutoSave]]
<<option chkRegExpSearch>> [[RegExpSearch]]
<<option chkCaseSensitiveSearch>> [[CaseSensitiveSearch]]
<<option chkAnimate>> [[EnableAnimations]]

----
Also see [[AdvancedOptions]]

<!--{{{-->
<div class='header' role='banner' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' role='navigation' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' role='navigation' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' role='complementary' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea' role='main'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->

/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected {color:[[ColorPalette::PrimaryDark]];
    background:[[ColorPalette::TertiaryPale]];
    border-left:1px solid [[ColorPalette::TertiaryLight]];
    border-top:1px solid [[ColorPalette::TertiaryLight]];
    border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
    border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
    border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
    border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}
.readOnly {background:[[ColorPalette::TertiaryPale]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:alpha(opacity=60);}
/*}}}*/

/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
    #mainMenu .tiddlyLinkNonExisting,
    #sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0; top:0;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0 0; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0;}
.wizardFooter .status {padding:0 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0 0 0.5em;}
.tab {margin:0 0 0 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0 0.25em; padding:0 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0 3px 0 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0; font-size:.9em;}
.editorFooter .button {padding-top:0; padding-bottom:0;}

.fieldsetFix {border:0; padding:0; margin:1px 0px;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
#backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/

/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/

/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
#displayArea {margin: 1em 1em 0em;}
noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
}
/*}}}*/

<!--{{{-->
<div class='toolbar' role='navigation' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->

Ce document que vous êtes en train de lire s'appelle un [[TiddlyWiki|http://tiddlywiki.org/]]. Il est constitué de pages appelées tiddlers. Chacune possède un titre, un contenu et des mots-clés. On navigue d'une page à l'autre en cliquant sur les liens&nbsp;: ce sont généralement les titres des pages qui servent de liens.
;Titre de la page
:Ce titre qui peut être une phrase quelconque sert de lien pour désigner cette page à partir d'une autre.
;Contenu de la page
:Le contenu est un texte mis en forme à l'aide de marqueurs. Ces marqueurs sont des sortes de jokers. Voir plus bas la liste. Certains changent l'apparence du texte, d'autres indiquent des liens.
;Mots-clés (tags)
:Ils permettent de faire une recherche sur l'ensemble des pages. Par exemple, vous pouvez chercher toutes les pages qui parlent d'aide&nbsp;: <<tag aide>>
Une page peut être rendue visible (en cliquant sur un lien vers elle), fermée (close), ou éditée (edit). En mode édition, on voit le texte brut avec les marqueurs sans aucune mise en page. Cliquer sur done quand c'est fini ou cancel pour annuler l'édition. Ne pas oublier de sauver le document (lien à enregistrer sous... en haut à droite de la fenêtre).

Continuez sur&nbsp;:
*[[Langage de marquage]] vous explique comment faire pour mettre en page votre document
*[[Gestion du Wiki]] vous explique comment fonctionne le Wiki et comment le gérer

Voici un endroit pour tester la mise en page de votre wiki. Par exemple dessous, j'ai testé la présentation d'une copie d'écran :
{{{
pierre@port39$ cd /home/amphi
pierre@port39$ ls
Algorithmique  écrivains.ods     Images              Sys1A
bin            entropie.py       img.ppm             toto.htm
DepotSVN       essai.glade       index.html          tva.txt
Desktop        essai.glade.bak   interface.glade     Ubuntu One
dossier        essai.gladep      Projets Démo amphi  welcome.sh
écrivains.csv  essai.gladep.bak  protections
pierre@port39$
}}}

Cliquez sur le mot edit en gris clair juste en haut à droite de cette zone et voyez ce qui permet d'arriver à cette mise en page. Vous pouvez tout virer de cette page et même la supprimer complètement.

[[Démarrage]]

@@Bonjour tout le monde !@@

!Voici un titre

Tout d'abord, vous ne pouvez travailler avec ce Wiki qu'avec @@Firefox@@. Avec Internet Explorer sur Windows cela ne fonctionne pas&nbsp;: alertes de sécurité et impossibilité d'enregistrer.

&spades; Si c'est la première fois que vous ouvrez ce ~TiddlyWiki, alors cliquez sur ce lien : [[Initialisation du Wiki]] et faites toutes les opérations qui sont indiquées.

Pour toute information sur ce wiki, lire [[la page d'aide|Aide]].
!!Enregistrement du Wiki
Si vous avez bien rajouté le plugin ~TiddlyFox (en version la plus récente) à Firefox, alors tout sera transparent. Cliquez seulement save changes ou cochez l'option ~AutoSave

Si vous n'avez pas installé le plugin ou qu'il ne marche pas, alors la marche à suivre est expliquée dans [[Gestion du Wiki]].

!!Ce wiki est pour les cours de systèmes
Le but de ce wiki est de rassembler toutes les notes de cours, de TD et de TP de Systèmes d'exploitation. Ce document sera votre encyclopédie pour ce cours&nbsp;: il contiendra les explications, les extraits de la documentation, les manipulations que vous aurez faites, les résultats obtenus et des commentaires utiles.

Toutes les ressources du cours (sujets, diapos du cours) se trouvent sur http://perso.univ-rennes1.fr/pierre.nerzic/SYS1A/.

Bonne utilisation !

PS: si vous ne voulez plus voir cette page au démarrage, alors éditez le tiddler DefaultTiddlers et mettez ~MainMenu à la place.

!Menus
La page affichée dans le navigateur suit le schéma suivant&nbsp;:
|>|>|bandeau de titre|
|width:100px; menu de gauche |width:200px; tiddlers... |width:100px; actions |
|~|~| options |
|~|~| onglets |
!!Menu de gauche
Le menu principal, visible à gauche est défini par le tiddler spécial (shadowed) MainMenu. C'est à dire que son contenu, c'est directement les liens qu'on voit à gauche, et donc on y met les titres des pages principales du Wiki.
!!Partie de droite
La partie droite montre les options principales du wiki et différents onglets qui permettent d'accéder à tous les tiddlers.
;actions
:utilisez principalement {{{save changes}}}, voir plus bas, pour enregistrer votre wiki
;options
:Votre nom doit être mis dans la case Username, et vous pouvez cocher ~AutoSave, mais hélas ça ne marche pas bien.
;onglets
:Ils vous donnent accès à tous les tiddlers de votre Wiki. Voici quelques détails.
;;onglet Timeline
::Il vous liste les dates où vous avez travaillé sur des tiddlers.
;;onglet All
::Il vous liste tous vos tiddlers.
;;onglet Tags
::Il vous donne la liste des mots-clés ou étiquettes que vous avez rajoutés aux tiddlers. Pour rajouter un tag, il faut éditer le Tiddler et c'est dans la ligne qui est dessous le texte. "Type tags separated with spaces" signifie&nbsp;: tapez vos étiquettes séparées par un espace.
;;onglet More
::Il liste les tiddlers qui ont un statut spécial&nbsp;:
;;;Missing
:::liste des tiddlers dont il y a un lien quelque part, mais pas le tiddler lui-même&nbsp;: son titre a été tapé quelque part, mais la page n'existe pas, donc le lien est cassé (il apparaît en italiques)
;;;Orphans
:::liste des tiddlers qui existent mais qui ne sont référencés nulle-part. Soit ce sont des tiddlers spéciaux, soit ce sont les votres, mais il n'y a nulle part de lien vers eux. Il faut donc aller éditer un tiddler et rajouter des liens vers eux.
;;;Shadowed
:::liste des tiddlers spéciaux&nbsp;: feuille de style, options, menus... à ne pas modifier au risque de casser le wiki entier. Ils sont appelés Shadowed car on peut les redéfinir, et si on les supprime, ils reviennent à leur valeur initiale.
!Enregistrement du Wiki
Il est très préférable d'installer le plugin appelé [[TiddlyFox|http://tiddlywiki.com/#Firefox]] afin d'enregistrer votre travail facilement. Consultez la page [[ Initialisation du Wiki]]. Quand ce plugin est installé, il suffit de cliquer sur Save Changes.

Dans tous les cas, n'utilisez ''jamais'' le menu Fichiers/Enregistrer sous... Votre wiki ne serait pas enregistré correctement, vous n'auriez qu'une version statique de ce qui est visible actuellement. Vous ne pourriez plus jamais éditer ce document et il serait perdu à jamais.

Voici ce qu'il faut faire&nbsp;: à chaque demande d'enregistrement, soit à votre demande par le lien {{{save changes}}} dans le panneau de droite, soit automatiquement, vous devrez faire un clic droit sur le lien __RIGHT CLICK HERE to download/save main ~TiddlyWiki file__ qui apparaît en haut à droite, choisir __enregistrer la cible du lien sous...__ puis désigner le fichier ~WikiSystèmes.html que vous avez ouvert initialement (ne pas laisser le nom choisi par défaut).
Si le lien __RIGHT CLICK HERE to download/save main ~TiddlyWiki file__ n'apparaît pas, alors cliquez sur {{{save changes}}} qui se trouve à droite.

Sur Windows, Firefox effectue automatiquement un //téléchargement local// de votre Wiki, il va vous demander soit d'ouvrir le lien, soit d'enregistrer sous un fichier, il faut choisir cette deuxième option à chaque fois. Ensuite vous retrouverez votre fichier wiki au format html dans Mes documents\Téléchargements.

Surtout ne quittez pas Firefox sans avoir enregistré votre travail de cette façon.

''NB''&nbsp;: il est fortement conseillé de garder des copies de votre page wiki, dupliquez régulièrement votre fichier et gardez les exemplaires dans un sous-dossier, par exemple quand vous faites __enregistrer la cible du lien sous...__ choisissez le même nom que votre document puis rajoutez un numéro, ex&nbsp;: ~WikiSystemes@@2@@.html, ~WikiSystemes@@3@@.html...

La première fois qu'on ouvre un ~TiddlyWiki, il faut effectuer deux opérations :
# Installer un plugin dans Firefox
# Saisir votre nom
Une fois que ça sera fait, il n'y aura plus à revenir dessus.
!!Installation de ~TiddlyFox
Il s'agit d'une extension qui permet de sauver le wiki. Sans elle, c'est compliqué, voir [[Gestion du Wiki]] tandis qu'avec cette extension, il n'y a rien à faire. Voici les étapes d'installation :
#téléchargez le fichier https://github.com/TiddlyWiki/TiddlyFox/raw/master/tiddlyfox.xpi ou http://perso.univ-rennes1.fr/pierre.nerzic/SYS1A/data/tiddlyfox1.0alpha18.xpi qui en est une copie.
#dans le menu {{{Outils}}} de Firefox, ouvrez l'item {{{Modules complémentaires...}}}
#dans la fenêtre qui apparaît, cherchez le bouton qui affiche un menu déroulant contenant des options. Il peut être à côté de la zone pour chercher quelque chose.
#cliquez sur {{{Installer un module depuis un fichier...}}}
#sélectionnez votre fichier {{{tiddlyfox.xpi}}}, il est dans le dossier Récents ou dans Téléchargements, et lancez l'installation, ça fait redémarrer Firefox.
Alors à partir de maintenant, quand vous ouvrirez un ~TiddlyWiki, il vous demandera s'il faut activer les fonctionnalités de sauvegarde du document. Vous choisirez OUI à chaque fois.
Vous pourrez cocher l'option ~AutoSave. Cela permet qu'à chaque modification de Tiddler, il enregistre automatiquement le wiki.
À chaque enregistrement réussi, il affiche le message {{{Main TiddlyWiki file saved}}} en haut à droite.
!!Saisie de votre nom
Vous devrez ensuite saisir votre nom dans cette case, sous la forme ~PrenomNom collés&nbsp;: <<option txtUserName>>
Remarquez que votre nom devient alors un lien cliquable qui amène sur une page dans laquelle vous pouvez vous présenter -- ne mettez pas n'importe quoi, restez professionnel(le).

En général, on tape le texte au kilomètre et il s'affiche très correctement. Le marquage consiste à modifier l'apparence de certaines parties. Vous pouvez tester une mise en page dans la page [[Bac à sable]].
!!Liens
Dans une page tiddler, on peut insérer des liens vers d'autres pages très facilement&nbsp;:
;un URL
:il suffit simplement de le mettre dans le texte, ainsi&nbsp;: http://tiddlywiki.org
;le titre d'un autre tiddler
:Il suffit de placer ce titre entre {{{[[}}}le titre{{{]]}}}. Si cette autre tiddler n'exite pas encore, le wiki offre la possibilité de le créer. Lorsqu'on supprime le lien vers ce nouveau tiddler, il devient alors orphelin. Ca veut dire qu'aucune page ne pointe vers lui. Les orphelins sont dans la page [[TabMoreOrphans]] ; noter que certains tiddlers sont orphelins par définition. Et la page [[TabMoreMissing]] affiche la liste des tiddlers qui n'existent pas encore.
;un ~WikiMot
:Il s'agit d'un double mot comme ~TitiToto (la syntaxe est {{{[A-Z][a-z]*[A-Z][a-z]*}}}). Cela est interprété comme un titre de tiddler (même quand ce n'est pas souhaité). Pour empêcher cette interprétation, il faut mettre un ~ devant&nbsp;:
|!Si on veut voir ceci|!il faut taper cela|h
|le document TiddlyWiki est très utile|{{{le document TiddlyWiki est très utile}}}|
|le logiciel ~XWin32 est très utile|{{{le logiciel ~XWin32 est très utile}}}|
Pour améliorer la présentation d'un lien, on peut distinguer le texte affiché de la cible avec la syntaxe {{{[[}}}texte{{{|}}}cible{{{]]}}}.
|!Si on veut voir ceci|!il faut taper cela|h
|la documentation est à voir [[sur cette page|http://tiddlywiki.org]]|{{{la documentation est à voir [[sur cette page|http://tiddlywiki.org]]}}}|
!!Mise en page de base
On tape le texte au kilomètre et certains passages peuvent être mis en valeur en les encadrant par des marqueurs spécifiques&nbsp;:
|!Si on veut voir ceci|!il faut taper cela|h
|''gras''|{{{''gras''}}} (deux apostrophes de chaque côté) |
|//italique//|{{{//italique//}}} |
|__souligné__|{{{__souligné__}}} |
|@@brillant@@|{{{@@brillant@@}}} |
!!Titres
Un titre, comme celui juste au dessus de cette phrase, est défini par un niveau&nbsp;: le niveau 1 est celui des plus gros titres, le niveau 2 est celui des sous-titres, etc.
Un titre est très facile à demander&nbsp;: c'est une ligne précédée d'autant de ! que son niveau.
|!Si on veut voir ceci|!il faut taper cela|h
|<html><h1>Titre de niveau 1</h1></html>|{{{!Titre de niveau 1}}}<br />|
|<html><h2>Titre de niveau 2</h2></html>|{{{!!Titre de niveau 2}}}<br />|
!!Listes
Cela consiste à avoir une liste d'items, chaque ligne constitue un élément de la liste.
Il y a trois types d'énumérations&nbsp;:
*énumérations numérotées
*énumérations non numérotées (c'est le cas de celle-ci)
*énumérations de définitions
Voici la syntaxe à employer&nbsp;:
;énumérations numérotées
:Il faut faire précéder chaque ligne d'un {{{#}}}, les numéros sont mis automatiquement.
;énumérations non numérotées
:Faire précéder chaque ligne d'un {{{*}}}, il sera remplacé par une puce.
;énumérations de définitions
:C'est le cas de cette énumérations de types de liste. Faire précéder le titre par un {{{;}}} et faire précéder la définition qui suit par {{{:}}}.
Exemples&nbsp;:
|!Si on veut voir ceci|width: 400px; !il faut taper cela |h
|<html><ul><li>option -l : affiche tous les détails</li><li>option -a : affiche les fichiers cachés</li></ul></html>|{{{*option -l : affiche tous les détails}}}<br />{{{*option -a : affiche les fichiers cachés}}}|
|<html><ol><li>vérifier le nom et le contenu du fichier</li><li>supprimer le fichier</li></ol></html>|{{{#vérifier le nom et le contenu du fichier}}}<br />{{{#supprimer le fichier}}}|
|<html><dl><dt>Logiciel</dt><dd>Programme qui fait quelque chose</dd></dl></html>|{{{;Logiciel}}}<br />{{{:Programme qui fait quelque chose}}}|
!!Inclusions
Pour inclure une citation d'un autre texte, on fait précéder chaque ligne dans la marge par >
|!Si on veut voir ceci|!il faut taper cela|h
|<html>Voici ce qui est dit dans la doc :<blockquote>On peut employer cette commande<br/>sauf si elle ne marche pas.</blockquote></html>|vertical-align:top;<html><code>Voici ce qui est dit dans la doc :</code><br /><code>>On peut employer cette commande</code><br /><code>>sauf si elle ne marche pas.</code></html>|

Quand on veut inclure un bout de listing, par exemple un extrait d'écran, et l'afficher tel quel, on se sert du marqueur <html>{{{ ... }}}</html>&nbsp;:
|!Si on veut voir ceci|!il faut taper cela|h
|commande à taper : {{{cp f1 f2}}}|<html><code>commande à taper : {{{cp f1 f2}}}</code></html>|
|<html>résultat :<br /><pre>error in line 2: no error<br/>look at line -1<br/></pre></html>|<html><code>résultat :<br />{{{</code></html><br/>{{{error in line 2: no error}}}<br/>{{{look at line -1}}}<br/><html><code>}}}</code></html>|

[[Démarrage]]
[[Aide]]
[[Bac à sable]]

!Unix
[[Utilisation]]
[[Programmation]]
[[Administration]]

notes de cours et de TP

Systèmes

more permet d'afficher un fichier

Ici, vous allez prendre note de toutes les manipulations de base d'Unix : gestion des fichiers, des commandes... Par exemple, dans cette partie, vous pouvez vous faire un résumé de toutes les commandes Unix : ls, more, cd...

Il serait bien qu'il y ait un Tiddler par TP : le TP sur les commandes de base, le TP sur les dossiers et les noms complets, le TP sur les processus, le TP sur les redirections... par exemple comme ce qui suit, mais vous pouvez changer :
*[[TP sur les commandes de base]]
*[[TP sur les noms complets]]

A vous d'écrire la suite...