N0D1 - Mot-clé - TiddlyWikiBlog personnel de Sylvain Naudin 🐧 Libre depuis 2004 #FLOSS #WEB #RERS2024-03-21T10:18:32+01:00Naudin Sylvainurn:md5:cd16e8cdbcf550b71334a67dba970bbfDotclearOuverture du forum TiddlyWiki FRurn:md5:dfea96985c278e560dde6f1d0ecd8f8d2015-07-03T08:19:00+02:002017-01-09T23:22:46+01:00SylvainTiddlyWikiDiscourseTiddlerTiddlyWikiTW5 <p>J’ai le plaisir de relayer ici l’ouverture du forum pour la <strong>communauté francophone TiddlyWiki</strong> :</p>
<p><a href="http://forum.tiddlywiki.fr" hreflang="fr" title="Communauté francophone des utilisateurs de TiddlyWiki">https://forum.tiddlywiki.fr</a></p>
<p><a href="https://sylvain.naud.in/public/TiddlyWiki/forum-tiddlywiki-FR.png" title="forum-tiddlywiki-FR.png"><img src="https://sylvain.naud.in/public/TiddlyWiki/.forum-tiddlywiki-FR_m.png" alt="forum-tiddlywiki-FR.png" style="display:table; margin:0 auto;" title="forum-tiddlywiki-FR.png, juil. 2015" /></a></p>
<p>Cet espace de discussion nous permettra d’échanger sur nos utilisations de TiddlyWiki.<br />
Je remercie Thierry pour son aide sur la configuration et l’installation de <strong>Discourse</strong>, le logiciel libre de forum que j’avais bien envie de tester.</p>
<p>C’est la suite naturelle du <a href="http://paris.twcamp.info" hreflang="fr" title="Site du TiddlyWiki Camp Paris">TWCamp</a> du 6 juin dernier :)<br />
Retrouvez nous également avec le compte Twitter : <a href="https://twitter.com/TiddlyWikiFR" hreflang="fr" title="Compte Twitter">@TiddlyWikiFR</a></p>https://sylvain.naud.in/post/2015/07/03/Ouverture-du-forum-TiddlyWiki-FR#comment-formhttps://sylvain.naud.in/feed/atom/comments/121[save the date] TiddlyWiki Camp Paris le samedi 06 juin 2015urn:md5:04021918cd34445e9c2a45cabf0ee0842015-05-23T12:00:00+02:002015-05-26T13:33:32+02:00SylvainTiddlyWikiParisTiddlyWikiTiddlyWikiCamp <p>Début mars, j’ai entrepris d’organiser un <strong>TiddlyWiki Camp</strong> à Paris.</p>
<p>Si vous me suivez, j’ai commencé en octobre dernier à mettre à disposition <a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29">mon bloc note</a>, bien évidemment au format <a href="https://sylvain.naud.in/tag/TiddlyWiki" hreflang="fr" title="Billet avec le tag TiddlyWiki sur le blog">TiddlyWiki</a>. J’adore tellement ce programme bidouillable, que j’ai envie de le faire découvrir au plus grand nombre !</p>
<p>Après avoir proposé quelques dates sur la liste de diffusion de la communauté, j’arrive assez rapidement au samedi 06 juin. Restait à trouver le lieu.. Cela n’a pas été si évident que cela. Mes repères habituels ne sont pas spécialement prévus pour être ouvert le week-end, si je l’avais organisé en semaine j’aurai eu plus de chance.</p>
<p><a href="https://sylvain.naud.in/public/TiddlyWiki/affiche-tiddlywiki-camp-paris-06juin2015.png" title="affiche-tiddlywiki-camp-paris-06juin2015.png"><img src="https://sylvain.naud.in/public/TiddlyWiki/.affiche-tiddlywiki-camp-paris-06juin2015_m.png" alt="affiche-tiddlywiki-camp-paris-06juin2015.png" style="display:block; margin:0 auto;" title="affiche-tiddlywiki-camp-paris-06juin2015.png, mai 2015" /></a></p>
<p>Je vous donne donc rendez-vous de <strong>13h à 18h</strong> au <strong>Living Lab du Carrefour numérique</strong> de la Cité des Sciences et de l’Industrie - Paris 19e, que je remercie une nouvelle fois ici de nous accueillir <sup>[<a href="https://sylvain.naud.in/post/2015/05/23/save-the-date-TiddlyWiki-Camp-Paris-le-samedi-06-juin-2015#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>. Nous aurons l’immense plaisir d’accueillir le créateur de TiddlyWiki, <a href="https://twitter.com/Jermolene" hreflang="fr" title="Compte Twitter de Jeremy">Jeremy Ruston</a>, qui fera le déplacement depuis Oxford.</p>
<p>Pour plus d’informations, consulter le site : <a href="http://paris.twcamp.info" hreflang="fr" title="Site du TiddlyWiki Camp Paris 2015">http://paris.twcamp.info</a></p>
<p><a href="https://sylvain.naud.in/public/TiddlyWiki/tiddlywiki-organized.png" title="tiddlywiki-organized.png"><img src="https://sylvain.naud.in/public/TiddlyWiki/.tiddlywiki-organized_m.png" alt="tiddlywiki-organized.png" style="display:block; margin:0 auto;" title="tiddlywiki-organized.png, mai 2015" /></a></p>
<div class="footnotes"><h4>Note</h4>
<p>[<a href="https://sylvain.naud.in/post/2015/05/23/save-the-date-TiddlyWiki-Camp-Paris-le-samedi-06-juin-2015#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] le même jour c’est le <a href="http://www.cite-sciences.fr/fr/au-programme/lieux-ressources/carrefour-numerique2/tous-les-rv-reguliers/samedi-du-libre/" hreflang="fr" title="Samedi du libre par Parinux">samedi du libre</a> animé par l’association Parinux, avec des Install Party Gnu/Linux</p></div>
https://sylvain.naud.in/post/2015/05/23/save-the-date-TiddlyWiki-Camp-Paris-le-samedi-06-juin-2015#comment-formhttps://sylvain.naud.in/feed/atom/comments/120Mise à jour TiddlyBox 5.1.7 et sauvegarde PHPurn:md5:42b5b6c1af485f54a465977fff0c3b262015-03-08T12:47:00+01:002015-03-10T00:26:12+01:00SylvainPirateBoxBiblioBoxLibraryBoxPirateBoxTiddlyWiki <p>En novembre dernier, je mettais en ligne une première version de ma <a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox">TiddlyBox</a>.</p>
<p><img src="https://sylvain.naud.in/public/TiddlyWiki/TIddlyBox/logo-tiddlybox.png" alt="logo-tiddlybox.png" style="display:block; margin:0 auto;" title="logo-tiddlybox.png, mar. 2015" /></p>
<p>Un point manquait au tableau, une sauvegarde en ligne fonctionnelle du fichier TiddliWiki <sup>[<a href="https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>. J’avais en effet réussi sur une BiblioBox <sup>[<a href="https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup> a faire fonctionner le script PHP de sauvegarde en ligne, mais impossible d’y arriver sur une seconde box… J’avais également eu le même écho via Twitter.</p>
<p>Hier j’ai décidé de reprendre le sujet et de comprendre pourquoi c’était OK sur une box et pas sur une autre ! Était-ce à cause d’un paquet ipk PHP absent pour OpenWrt, la fichier piratebox.conf, lighttpd.conf, php.ini ?</p>
<p>J’ai comparé les fichiers, j’avais quelques différences en effet de configuration. Mais même après corrections, toujours cette erreur à l’enregistrement (où l’absence d’erreur, car aucune sauvegarde n’était réalisée).</p>
<p>Je regarde la console réseau de Firefox, et là une piste !</p>
<blockquote><p>413 Request Entity Too Large</p></blockquote>
<p>Sur la box qui était OK, je n’avais pas ce message d’erreur. Je cherche en ligne, les premières réponses ne semblent pas correspondre (on parle alors de lighttpd.conf, mais mes deux fichiers étaient à présent identiques).</p>
<p>Enfin, je me replonge dans la lecture du fichier php.ini, et un passage me titille :</p>
<blockquote><p>upload_tmp_dir = “/tmp”</p></blockquote>
<p><strong>Bingo !</strong><br />
En effet, sur la première box, j’ai bien un répertoire <q>tmp</q> à la racine du répertoire LibraryBox, pas sur l’autre. Je l’ajoute, et depuis ça fonctionne \o/</p>
<p>Il reste toutefois un message d’avertissement, mais il est logique (le format FAT de la clé USB ne supportant pas le changement de droits des fichiers avec chmod).</p>
<p>Me reste plus qu’à partir un jour d’une LibraryBox neuve. Si vous aviez vous aussi l’erreur, pourriez-vous essayer ?</p>
<p><strong>EDIT du 09/03 :</strong> finalement ce soir j’ai une nouvelle erreur :</p>
<pre>
Error while saving:
Error : - File NOT uploaded !
</pre>
<p>Et le fichier est carrément supprimé du répertoire /content/ :(<br />
<a href="https://sylvain.naud.in/public/TiddlyWiki/TIddlyBox/index.html#Erreur%20de%20sauvegarde" hreflang="fr" title="Tiddler pour résolution php.ini">J’ai augmenté</a> la taille limite d’upload du fichier PHP.ini, et pour le moment c’est reparti ! \o/</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] J’en ai profité pour mettre à jour la versoin du fichier avec la version courante de <a href="http://tiddlywiki.com/" hreflang="en" title="Site officiel de TiddlyWiki">TiddlyWiki</a>, à savoir la 5.1.7.</p>
<p>[<a href="https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] Après le <a href="http://bibliobox.net/blog/post/2014/09/23/retour-en-image-sur-le-pirateboxcamp-02" hreflang="fr" title="Retour en image du PirateBox Camp">PirateBox de Lille</a> en juillet 2014</p></div>
https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP#comment-formhttps://sylvain.naud.in/feed/atom/comments/117TiddlyWiki et BiblioBox = TiddlyBox !urn:md5:98d89117934681fe4ce41b3030276a2c2014-11-23T14:10:00+01:002015-03-08T13:02:34+01:00SylvainTiddlyWikiBiblioBoxLibraryBoxPirateBoxTiddlyWikiwiki <p><strong>ÉDIT du 08 mars 2015</strong> : j’ai mis à jour la pièce jointe avec la dernière version de ma <strong>TiddlyBox</strong> <sup>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup> (avec la version courante 5.1.7 de TiddlyWiki), qui contient à présent un début de documentation PirateBox/BiblioBox/TiddlyWiki ;)</p>
<p>Depuis quelques semaines, je suis d’encore plus près le projet <strong>TiddlyWiki</strong> <sup>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup>. J’ai ainsi commencé à tenir un wiki (<a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29">Ressources pour TiddlyWiki 5 (FR)</a>) pour y partager mes apprentissages et regrouper les conseils ou autres astuces que l’on peut lire sur la liste de discussion anglophone.</p>
<p>En parallèle, je continue mes contributions sur <a href="http://bibliobox.net" hreflang="fr" title="BiblioBox">bibliobox.net</a> <sup>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#wiki-footnote-3" id="rev-wiki-footnote-3">3</a>]</sup>.</p>
<p>Et donc si l’on ajoute TiddlyWiki + BiblioBox, on obtient une <strong>TiddlyBox</strong> !</p>
<p><a href="https://sylvain.naud.in/public/TiddlyWiki/TIddlyBox/tiddlybox.png" title="tiddlybox.png"><img src="https://sylvain.naud.in/public/TiddlyWiki/TIddlyBox/.tiddlybox_m.png" alt="tiddlybox.png" style="display:block; margin:0 auto;" title="tiddlybox.png, nov. 2014" /></a></p>
<p>Ma TiddlyBox c’est une BiblioBox où j’ai simplement remplacé le fichier index.html par un TiddlyWiki. Ainsi lorsqu’un <del>internaute</del> usager se connecte à la box, il arrive directement sur le wiki.</p>
<p>L’un des avantages que j’y vois, c’est qu’en cas de coupure de wifi, la personne a toujours le contenu du wiki disponible hors-ligne, puisque je le rappel, TiddlyWiki c’est un wiki qui a tout son contenu dans un seul fichier.<br />
Un second avantage, la présence du champ de recherche.</p>
<p>En annexe à ce billet, j’ajoute une première version pour vous donner un aperçu.</p>
<p>Je suis parti d’un TiddlyWiki vierge, et j’ai rajouté pour le moment :</p>
<ul>
<li>le plugin FR</li>
<li>le plugin keyboardSnippets, pour la prise en charge de raccourcis claviers pour le formatage du texte</li>
<li>le plugin FontAwesome, pour avoir de belles icônes</li>
<li>la personnalisation des titres avec une web font (cf capture écran) avec l’aide d’un tiddler pour personnaliser la CSS</li>
</ul>
<p>Au niveau de la TiddlyBox :</p>
<ul>
<li>j’ai activé Droopy pour permettre le téléversement de contenu</li>
<li>forcément, le SSID du wifi a été personnalisé, ainsi que l’URL</li>
</ul>
<p>Progressivement je vais y ajouter les <a href="http://bibliobox.net/blog/category/tutoriels" hreflang="fr" title="Tutoriels de BiblioBox.net">tutoriels de BiblioBox.net</a>, afin d’avoir sous la main une documentation facilement transportable.</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] <a href="https://sylvain.naud.in/post/2015/03/08/Mise-%C3%A0-jour-TiddlyBox-5.1.7-et-sauvegarde-PHP">Mise à jour TiddlyBox 5.1.7 et sauvegarde PHP</a></p>
<p>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] <a href="http://tiddlywiki.com" hreflang="en" title="http://tiddlywiki.com">http://tiddlywiki.com</a></p>
<p>[<a href="https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#rev-wiki-footnote-3" id="wiki-footnote-3">3</a>] avec dernièrement la refonte de la <a href="http://bibliobox.net/blog/post/cartographie-bibliobox" hreflang="fr" title="Carte de France des BiblioBox">carte de France des Bibliobox</a>, suite à l’atelier <strong>uMap</strong> que j’ai organiser pour <a href="http://paris.libre.cc" hreflang="fr" title="Vous êtes Libre ce soir ?">Vous êtes Libre ce soir</a>, avec l’aimable participation de son auteur <a href="https://twitter.com/informagicien" hreflang="fr" title="Compte Twitter de Yohan">Yohan Boniface</a></p></div>
https://sylvain.naud.in/post/2014/11/23/TiddlyWiki-et-BiblioBox-TiddlyBox#comment-formhttps://sylvain.naud.in/feed/atom/comments/109Ressources pour TiddlyWiki 5 (FR)urn:md5:b26c36b93395a0a67a84d8f8d6605fad2014-10-29T23:30:00+01:002015-11-04T13:46:12+01:00SylvainTiddlyWikijavascriptTiddlyWikiTW5wiki <p><strong>EDIT 21/07/2015</strong> : <em>Depuis le 15 juin dernier, après le succès du TWCamp Paris, j’ai ouvert le forum disponible à l’adresse : <a href="http://forum.tiddlywiki.fr" hreflang="fr" title="Forum de la communauté francophone TiddlyWiki FR">http://forum.tiddlywiki.fr</a></em>.</p>
<p>Il y a trois mois, j’écrivais le billet <a href="http://bibliobox.net/blog/post/2014/07/16/un-wiki-sur-votre-bibliobox-avec-tiddlywiki" hreflang="fr" title="http://bibliobox.net/blog/post/2014/07/16/un-wiki-sur-votre-bibliobox-avec-tiddlywiki">Un wiki sur votre BiblioBox avec TiddlyWiki</a> sur le blog de <strong>BiblioBox.net</strong>.</p>
<p>Depuis, ce wiki minuscule <sup>[<a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup> composé d’un seul fichier html avec du javascript est sorti de son stade bêta. <strong>TiddlyWiki</strong> en est ainsi à sa version 5.1.4 avec un cycle de développement très rapide.</p>
<p>Le site officiel : <a href="http://www.tiddlywiki.com" hreflang="fr" title="http://www.tiddlywiki.com">http://www.tiddlywiki.com</a></p>
<blockquote><p>TiddlyWiki5 is a reboot of TiddlyWiki for the next 25 years. It is a complete interactive wiki in JavaScript that can be run in the browser or on the server under Node.js.</p></blockquote>
<p>À priori, les ressources en français pour TW5 ne sont pas courantes. À l’époque de la précédente version (renommée TiddliWiki Classic) il y avait le site suivant toujours en ligne : <a href="http://www.tiddlywiki.fr/" hreflang="fr" title="http://www.tiddlywiki.fr/">http://www.tiddlywiki.fr/</a></p>
<p>Dans un cadre professionnel j’ai choisi dernièrement d’utiliser ce moteur de wiki pour rédiger une documentation utilisateur. J’ai passé quelques soirées <del>nuits</del> pour (re)découvrir cet outil qui n’en fini pas de m’impressionner.</p>
<p>Pour citer quelques avantages :</p>
<ul>
<li>c’est un wiki ! Pour moi ça rime avec facilité d’édition</li>
<li>c’est dans sa nature : les liens internes. Comme lors de la consultation d’un article Wikipédia et les nombreuses définitions que l’on peut mettre en évidence</li>
<li>comme ce n’est qu’un seul fichier html, le moteur de recherche est efficace</li>
<li>toujours sur l’aspect simple fichier : pas besoin d’avoir un serveur pour l’installer, en pièce jointe d’un email, sur une clé USB, le bureau et c’est parti.</li>
<li>si l’on gère les images dans un répertoire externe, la mise à jour des captures écrans est plus facile, il suffit de remplacer l’image.</li>
</ul>
<p>La recette d’un TiddlyWiki, c’est le plus petit élément : un <strong>tiddler</strong>. Celui-ci peut contenir le code du programme, les plugins, du CSS, des images en base64, et <strong>surtout le contenu</strong>. Associé à une syntaxe wiki, avec un minimum d’entrainement <sup>[<a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup>, c’est assez efficace de hiérarchiser son contenu avec les titres, sous-titres, paragraphes, listes à puces et les liens internes.</p>
<p>Des inconvénients ? Il en existe probablement, nul outil n’est parfait. L’absence de barre d’édition wiki wysiwyg façon Doctcear peut-être (un plugin existe pour FCKEditor, je n’ai pas encore essayé mais ne me semble pas optimal, trop d’options, et oblige de maintenir un code html à la place d’un code wiki). En attendant, il existe un plugin avec les principaux raccourcis claviers.</p>
<p>La navigation dans les tiddlers peut dérouter au début peut-être aussi. A sinon il n’y a pas forcément de mode collaboratif. A la base c’est plutôt un outil de prise de notes personnelles.</p>
<p>Bref, dans mes expérimentations de plugins divers et variés, et de l’apprentissage des fonctions natives de TiddlyWiki (comme la ToDo liste), j’ai commencé la rédaction d’un.. TiddlyWiki ;)</p>
<p>Vous trouverez en <a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#attachments" hreflang="fr" title="Guide FR TiddlyWiki 5">pièce jointe</a> une première version loin d’être finalisée. Si elle peut vous aider à démarrer avec TiddlyWiki, vous n’aurez qu’à me remercier en commentaire.</p>
<p><a href="https://sylvain.naud.in/public/TiddlyWiki/TiddliWiki5_fr.png" title="TiddliWiki5_fr.png"><img src="https://sylvain.naud.in/public/TiddlyWiki/.TiddliWiki5_fr_m.png" alt="TiddliWiki5_fr.png" style="display:block; margin:0 auto;" title="TiddliWiki5_fr.png, oct. 2014" /></a></p>
<p><strong>EDIT 26/11/2014</strong> : sortie de la version 5.1.5, avec une fonction d’export !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] tiddly !</p>
<p>[<a href="https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] comme ici avec la syntaxe wiki de Dotclear</p></div>
https://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29#comment-formhttps://sylvain.naud.in/feed/atom/comments/108