http://wiki.leloop.org/api.php?action=feedcontributions&feedformat=atom&user=Guyzmo 2026-05-14T15:44:41Z User contributions MediaWiki 1.26.2 http://wiki.leloop.org/index.php?title=Acc%C3%A8s&diff=4879 2016-08-23T22:17:29Z

<p>Guyzmo: </p> <hr /> <div>Après avoir pas mal voyagé, avoir partagé différentes adresses, Le Loop est en mode « Ou Plus ». Il est donc fermé, et ne réouvrira pas.<br /> <br /> ''Le roi est mort vive le roi!''<br /> <br /> Toutefois, d'autres lieux sont toujours ouverts et de nouveaux lieux ont vu le jour ! Allez voir le [https://wiki.hackerspaces.org/Ile_de_France wiki d'hackerspaces.org] pour les adresses des autres hackerspaces de Paris!</div>

Guyzmo http://wiki.leloop.org/index.php?title=Acc%C3%A8s&diff=4878 2016-08-23T22:14:32Z

<p>Guyzmo: </p> <hr /> <div>Après avoir pas mal voyagé, avoir partagé différentes adresses, Le Loop est en mode « Ou Plus ». Il est donc fermé, et ne réouvrira pas.<br /> <br /> ''Le roi est mort vive le roi!''<br /> <br /> Toutefois, d'autres lieux sont toujours ouverts et de nouveaux lieux ont vu le jour ! Allez voir le [https://wiki.hackerspaces.org/Paris wiki d'hackerspaces.org] pour d'autres adresses !</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2408 2013-01-17T16:00:55Z

<p>Guyzmo: /* Soudure de son Arduino */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> En ce moment, on se retrouve '''chaque samedi à partir de 14h''' autour des différents projets imaginés ou entamés.<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://www.adafruit.com/products/72 Boarduino] + grande breadboard + [http://hackspark.fr/en/breadboard-jumper-wires-pack-male-75pcs.html 75 fils] <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://shop.snootlab.com/lang-en/powerduino/11-i2c-power-protoshield.html Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard]<br /> * kit [https://www.adafruit.com/products/68 ladyada]<br /> <br /> === Soudure de shields et autres accessoires ===<br /> <br /> Ethernet Shield, LoLShield, 9V battery holder, XBee, Motor Shield, ...<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2217 2012-12-11T21:08:10Z

<p>Guyzmo: /* Soudure de shields Arduinos */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == La dernière fois ==<br /> <br /> '''Samedi 8 décembre''' : cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets.<br /> <br /> Idées de bidouilles rapides (AKA ''fast hacks'') :<br /> * [[Etiquettes electroniques]] : reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> * [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> * [[CapteurTemperatureHumidite]] à reverser et pwn<br /> Idées de projets (AKA ''grohacks''):<br /> * [[LedFloor]] special cage d'escalier de la Gare XP (guyzmo, okhin)<br /> * Montage de [[Clavier DIY]] et montage de [[RepRap]] (plus précisément foldarap) (JF)<br /> * Bidules audio (MIDI) et appareil de télémétrie (?)<br /> * Système de mesure de puissance (?)<br /> * Automatisation du [[Le Petit Train|Petit Train]] de la Gare XP (guyzmo, rhaamo + Svenn, Audoin)<br /> * pwn des [[:Category:RFID|RFID]]/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D], [http://hackspark.fr hackspark] ou encore [http://snootlab.fr snootlab])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2212 2012-12-10T22:55:53Z

<p>Guyzmo: /* La dernière fois */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == La dernière fois ==<br /> <br /> '''Samedi 8 décembre''' : cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets.<br /> <br /> * Idées de bidouilles rapides (AKA ''fast hacks'') :<br /> ** [[Etiquettes electroniques]] : reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> ** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> ** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> * Idées de projets (AKA ''grohacks''):<br /> ** [[LedFloor]] special cage d'escalier de la Gare XP (guyzmo, okhin)<br /> ** Montage de [[Clavier DIY]] et montage de [[RepRap]] (plus précisément foldarap) (JF)<br /> ** Bidules audio (MIDI) et appareil de télémétrie (?)<br /> ** Système de mesure de puissance (?)<br /> ** Automatisation du [[Le Petit Train|Petit Train]] de la Gare XP (guyzmo, rhaamo + Svenn, Audoin)<br /> ** pwn des [[:Category:RFID|RFID]]/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Clavier_DIY&diff=2200 2012-12-09T23:10:53Z

<p>Guyzmo: Created page with &quot; * liens: ** http://blog.fsck.com/2012/12/building-a-keyboard-part-1.html ** http://blog.fsck.com/2012/12/building-a-keyboard-part-2.html&quot;</p> <hr /> <div><br /> * liens:<br /> ** http://blog.fsck.com/2012/12/building-a-keyboard-part-1.html<br /> ** http://blog.fsck.com/2012/12/building-a-keyboard-part-2.html</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2199 2012-12-09T23:10:32Z

<p>Guyzmo: /* Comptes Rendus */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * '''session du samedi 8 décembre'''<br /> ** Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> ** Idées de Fast Hack :<br /> *** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> *** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> *** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> ** Idées de Hacks:<br /> *** [[LedFloor]] special cage d'escalier de la gare xp (guyzmo, okhin)<br /> *** montage de [[Clavier DIY]] et montage de reprap (plus précisément foldarap) (JF)<br /> *** bidules audio (MIDI) et appareil de télémétrie (?)<br /> *** système de mesure de puissance (?)<br /> *** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> *** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Capteur_de_temperature_et_humidite&diff=2198 2012-12-09T17:09:19Z

<p>Guyzmo: </p> <hr /> <div>numéro de modèle : DPWC11100N<br /> <br /> * liens: <br /> ** http://www.crc-srl.net/PDF/SONDE_CAREL.pdf<br /> ** http://www.carelparts.com/manuals/carel-dpwc-dpdc-spec-sheet.pdf<br /> <br /> http://catalog.carelusa.com/Asset/a1287.jpg</div>

Guyzmo http://wiki.leloop.org/index.php?title=Capteur_de_temperature_et_humidite&diff=2197 2012-12-09T17:07:49Z

<p>Guyzmo: Created page with &quot;numéro de modèle : DPWC11100N * liens: ** http://www.crc-srl.net/PDF/SONDE_CAREL.pdf ** http://www.carelparts.com/manuals/carel-dpwc-dpdc-spec-sheet.pdf&quot;</p> <hr /> <div>numéro de modèle : DPWC11100N<br /> <br /> * liens: <br /> ** http://www.crc-srl.net/PDF/SONDE_CAREL.pdf<br /> ** http://www.carelparts.com/manuals/carel-dpwc-dpdc-spec-sheet.pdf</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2196 2012-12-09T15:51:59Z

<p>Guyzmo: /* Comptes Rendus */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * '''session du samedi 8 décembre'''<br /> ** Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> ** Idées de Fast Hack :<br /> *** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> *** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> *** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> ** Idées de Hacks:<br /> *** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> *** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> *** bidules audio (MIDI) et appareil de télémétrie (?)<br /> *** système de mesure de puissance (?)<br /> *** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> *** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2195 2012-12-09T15:51:39Z

<p>Guyzmo: /* Comptes Rendus */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * session du samedi 8 décembre<br /> ** Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> ** Idées de Fast Hack :<br /> *** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> *** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> *** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> ** Idées de Hacks:<br /> *** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> *** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> *** bidules audio (MIDI) et appareil de télémétrie (?)<br /> *** système de mesure de puissance (?)<br /> *** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> *** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2194 2012-12-09T15:51:21Z

<p>Guyzmo: /* Comptes Rendus */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * session du samedi 8 décembre<br /> ** Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> ** Idées de Fast Hack :<br /> *** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> *** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> *** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> ** Hacks:<br /> *** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> *** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> *** bidules audio (MIDI) et appareil de télémétrie (?)<br /> *** système de mesure de puissance (?)<br /> *** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> *** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2193 2012-12-09T15:50:46Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * session du samedi 8 décembre<br /> <br /> Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> * Idées de Fast Hack :<br /> ** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> ** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> ** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> * Hacks:<br /> ** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> ** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> ** bidules audio (MIDI) et appareil de télémétrie (?)<br /> ** système de mesure de puissance (?)<br /> ** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> ** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2192 2012-12-09T15:50:14Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 15 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois, à commencer le 1er décembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * session du samedi 8 décembre<br /> <br /> Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> * Idées de Fast Hack :<br /> ** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> ** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> ** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> * Hacks:<br /> ** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> ** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> ** bidules audio (MIDI) et appareil de télémétrie (?)<br /> ** système de mesure de puissance (?)<br /> ** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> ** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2191 2012-12-09T15:49:24Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 8 décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois, à commencer le 1er décembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> == Comptes Rendus ==<br /> <br /> * session du samedi 8 décembre<br /> <br /> Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> * Idées de Fast Hack :<br /> ** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> ** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> ** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> * Hacks:<br /> ** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> ** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> ** bidules audio (MIDI) et appareil de télémétrie (?)<br /> ** système de mesure de puissance (?)<br /> ** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> ** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2190 2012-12-09T15:48:54Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le samedi 8 décembre à 14h'''.<br /> <br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois, à commencer le 1er décembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> * session du samedi 8 décembre<br /> <br /> Cette première séance a été l'occasion de faire un tour de table des envies de chacun et des idées de projets, en voici un compte-rendu:<br /> * Idées de Fast Hack :<br /> ** [[pricetag-b-gone]] reversing et pwn des étiquettes électroniques de supermarché (à base de tv-b-gone ?)<br /> ** [[sonnette-b-gone]] (scanner à sonnette RF qui permet de faire sonner toutes les sonnettes à portée)<br /> ** [[CapteurTemperatureHumidite]] à reverser et pwn<br /> * Hacks:<br /> ** LedFloor special cage d'escalier de la gare xp (guyzmo, okhin)<br /> ** montage de Clavier DIY et montage de reprap (plus précisément foldarap) (JF)<br /> ** bidules audio (MIDI) et appareil de télémétrie (?)<br /> ** système de mesure de puissance (?)<br /> ** automatisation des trains de la gare xp (guyzmo, rhaamo, et garexp)<br /> ** pwn des RFID/HID (guyzmo)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2175 2012-11-25T22:07:46Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le 1er décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le premier samedi de chaque mois, à commencer le 1er décembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2174 2012-11-25T22:07:09Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session aura lieu '''le 1er décembre à 14h'''.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le troisième samedi ou quatrième samedi de chaque mois, à commencer par le mois de novembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2173 2012-11-25T22:06:38Z

<p>Guyzmo: /* Soudure de son Arduino */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session devrait avoir lieu courant novembre.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le troisième samedi ou quatrième samedi de chaque mois, à commencer par le mois de novembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> à titre d'exemple, voici des ensembles de kits:<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2172 2012-11-25T22:06:13Z

<p>Guyzmo: /* Soudure de shields Arduinos */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session devrait avoir lieu courant novembre.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le troisième samedi ou quatrième samedi de chaque mois, à commencer par le mois de novembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> Kits proposés :<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : <br /> * '''LoLShield''' : <br /> * '''9V battery holder''' : <br /> * '''XBee''' : <br /> * '''Motor Shield''' : <br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Initiation_%C3%A0_la_soudure&diff=2151 2012-11-05T08:44:16Z

<p>Guyzmo: /* Ressources */</p> <hr /> <div>La '''soudure''' est une des techniques essentielles à la réalisation de projets électroniques. Certains sont peu à l'aise avec cet art, qui est pourtant à la portée de tous.<br /> <br /> Les ateliers d'initiation à la soudure, c'est du pain béni pour le Loop :<br /> <br /> ; Faciles à organiser : Il suffit d'un fer à souder, d'un peu d’étain et de quelques composants (LEDs, interrupteurs, ...)<br /> ; Source d'inspiration : Quitte à souder des trucs, autant que ça serve, et nous voila en train de monter de nouveaux projets, comme le [[LedHunt]]<br /> ; Fédérateur : Il réunit aussi bien le geek attiré par l’électronique que le technicien son qui cherche à réparer sa console de mixage<br /> <br /> == Comment ==<br /> [[Image:KitSoudure.jpg|right]]<br /> Le Loop dispose d'un peu de matériel, mais pas forcément assez pour tout le monde, donc ramenez si vous pouvez :<br /> * Fer à souder<br /> * Étain<br /> * Composants divers et fils variés<br /> <br /> == Quoi ==<br /> <br /> Pas besoin de projet grandiose, on étale les pièces sur la table et on regarde ce qu'on peut souder ensemble qui ressemble à quelque chose. Une pile et deux LEDs, un moteur avec un interrupteur, ... Ce qui ne veut pas dire qu'on fait n'importe quoi. On peut par exemple réaliser un [http://makeprojects.com/Project/Cheap+Soldering+Fan/1896/ ventilateur pour soudure]... histoire d'honorer la récursivité du Loop !<br /> <br /> == Quand ==<br /> <br /> La prochaine session aura lieu pendant les portes ouvertes de [[la Gare XP]] les 10 et 11 novembre. Les horaires précis restent à définir.<br /> <br /> Pour faciliter l'organisation (espaces de travail, fers à souder, ...), il est préférable de signaler sa participation, soit en s'inscrivant ci-dessous, soit par [[Wiki.leloop.org#Contact|mail]] ou sur [[IRC]].<br /> <br /> Intéressés : [[User:ToM|ToM]], [[User:Wxcafe|Wxcafe]], Spartition, ...<br /> <br /> == Ressources ==<br /> <br /> * [http://mightyohm.com/files/soldercomic/FullSolderComic_EN.pdf Soldering is easy] : la soudure pour les nuls en bande dessinée &lt;small&gt;(et en anglais)&lt;/small&gt;.<br /> * [http://mightyohm.com/blog/2011/06/souder-cest-facile-soldering-is-easy-french-translation/ Souder c'est facile] : la même mais en Français &lt;small&gt;(et merci les copains de snootlab)&lt;/small&gt;<br /> <br /> [[Category:Ateliers d'initiation]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Initiation_%C3%A0_la_soudure&diff=2150 2012-11-05T08:43:58Z

<p>Guyzmo: /* Ressources */</p> <hr /> <div>La '''soudure''' est une des techniques essentielles à la réalisation de projets électroniques. Certains sont peu à l'aise avec cet art, qui est pourtant à la portée de tous.<br /> <br /> Les ateliers d'initiation à la soudure, c'est du pain béni pour le Loop :<br /> <br /> ; Faciles à organiser : Il suffit d'un fer à souder, d'un peu d’étain et de quelques composants (LEDs, interrupteurs, ...)<br /> ; Source d'inspiration : Quitte à souder des trucs, autant que ça serve, et nous voila en train de monter de nouveaux projets, comme le [[LedHunt]]<br /> ; Fédérateur : Il réunit aussi bien le geek attiré par l’électronique que le technicien son qui cherche à réparer sa console de mixage<br /> <br /> == Comment ==<br /> [[Image:KitSoudure.jpg|right]]<br /> Le Loop dispose d'un peu de matériel, mais pas forcément assez pour tout le monde, donc ramenez si vous pouvez :<br /> * Fer à souder<br /> * Étain<br /> * Composants divers et fils variés<br /> <br /> == Quoi ==<br /> <br /> Pas besoin de projet grandiose, on étale les pièces sur la table et on regarde ce qu'on peut souder ensemble qui ressemble à quelque chose. Une pile et deux LEDs, un moteur avec un interrupteur, ... Ce qui ne veut pas dire qu'on fait n'importe quoi. On peut par exemple réaliser un [http://makeprojects.com/Project/Cheap+Soldering+Fan/1896/ ventilateur pour soudure]... histoire d'honorer la récursivité du Loop !<br /> <br /> == Quand ==<br /> <br /> La prochaine session aura lieu pendant les portes ouvertes de [[la Gare XP]] les 10 et 11 novembre. Les horaires précis restent à définir.<br /> <br /> Pour faciliter l'organisation (espaces de travail, fers à souder, ...), il est préférable de signaler sa participation, soit en s'inscrivant ci-dessous, soit par [[Wiki.leloop.org#Contact|mail]] ou sur [[IRC]].<br /> <br /> Intéressés : [[User:ToM|ToM]], [[User:Wxcafe|Wxcafe]], Spartition, ...<br /> <br /> == Ressources ==<br /> <br /> * [http://mightyohm.com/files/soldercomic/FullSolderComic_EN.pdf Soldering is easy] : la soudure pour les nuls en bande dessinée &lt;small&gt;(et en anglais)&lt;/small&gt;.<br /> * [http://mightyohm.com/blog/2011/06/souder-cest-facile-soldering-is-easy-french-translation/] : la même mais en Français &lt;small&gt;(et merci les copains de snootlab)&lt;/small&gt;<br /> <br /> [[Category:Ateliers d'initiation]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Initiation_%C3%A0_la_soudure&diff=2149 2012-11-05T08:43:39Z

<p>Guyzmo: /* Ressources */</p> <hr /> <div>La '''soudure''' est une des techniques essentielles à la réalisation de projets électroniques. Certains sont peu à l'aise avec cet art, qui est pourtant à la portée de tous.<br /> <br /> Les ateliers d'initiation à la soudure, c'est du pain béni pour le Loop :<br /> <br /> ; Faciles à organiser : Il suffit d'un fer à souder, d'un peu d’étain et de quelques composants (LEDs, interrupteurs, ...)<br /> ; Source d'inspiration : Quitte à souder des trucs, autant que ça serve, et nous voila en train de monter de nouveaux projets, comme le [[LedHunt]]<br /> ; Fédérateur : Il réunit aussi bien le geek attiré par l’électronique que le technicien son qui cherche à réparer sa console de mixage<br /> <br /> == Comment ==<br /> [[Image:KitSoudure.jpg|right]]<br /> Le Loop dispose d'un peu de matériel, mais pas forcément assez pour tout le monde, donc ramenez si vous pouvez :<br /> * Fer à souder<br /> * Étain<br /> * Composants divers et fils variés<br /> <br /> == Quoi ==<br /> <br /> Pas besoin de projet grandiose, on étale les pièces sur la table et on regarde ce qu'on peut souder ensemble qui ressemble à quelque chose. Une pile et deux LEDs, un moteur avec un interrupteur, ... Ce qui ne veut pas dire qu'on fait n'importe quoi. On peut par exemple réaliser un [http://makeprojects.com/Project/Cheap+Soldering+Fan/1896/ ventilateur pour soudure]... histoire d'honorer la récursivité du Loop !<br /> <br /> == Quand ==<br /> <br /> La prochaine session aura lieu pendant les portes ouvertes de [[la Gare XP]] les 10 et 11 novembre. Les horaires précis restent à définir.<br /> <br /> Pour faciliter l'organisation (espaces de travail, fers à souder, ...), il est préférable de signaler sa participation, soit en s'inscrivant ci-dessous, soit par [[Wiki.leloop.org#Contact|mail]] ou sur [[IRC]].<br /> <br /> Intéressés : [[User:ToM|ToM]], [[User:Wxcafe|Wxcafe]], Spartition, ...<br /> <br /> == Ressources ==<br /> <br /> * [http://mightyohm.com/files/soldercomic/FullSolderComic_EN.pdf Soldering is easy] : la soudure pour les nuls en bande dessinée &lt;small&gt;(et en anglais)&lt;/small&gt;.<br /> * [http://mightyohm.com/blog/2011/06/souder-cest-facile-soldering-is-easy-french-translation/] : la même mais en Français (et merci les copains de snootlab)<br /> <br /> [[Category:Ateliers d'initiation]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2148 2012-11-01T18:45:07Z

<p>Guyzmo: /* Dates */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session devrait avoir lieu courant novembre.<br /> <br /> je propose de m'occuper un samedi tous les mois de faire un atelier d'électronique (Arduino et autres), comme à la bonne époque du Chateau. A priori, je propose le troisième samedi ou quatrième samedi de chaque mois, à commencer par le mois de novembre. [[User:Guyzmo|Guyzmo]] ([[User talk:Guyzmo|talk]]) 19:45, 1 November 2012 (CET)<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> Kits proposés :<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : &lt;s&gt;2011 : Yoann512, Charo&lt;/s&gt;<br /> * '''LoLShield''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''9V battery holder''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''XBee''' : &lt;s&gt;2011 : Jacques&lt;/s&gt;<br /> * '''Data logger''' (carte-SD) : &lt;s&gt;2011 : Jacques (fini 14/03/2011)&lt;/s&gt;<br /> * '''Motor Shield''' : &lt;s&gt;2011 : WintermeW, Charo&lt;/s&gt;<br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2147 2012-11-01T18:33:30Z

<p>Guyzmo: /* Soudure de shields Arduinos */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session devrait avoir lieu courant novembre.<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> Kits proposés :<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : &lt;s&gt;2011 : Yoann512, Charo&lt;/s&gt;<br /> * '''LoLShield''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''9V battery holder''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''XBee''' : &lt;s&gt;2011 : Jacques&lt;/s&gt;<br /> * '''Data logger''' (carte-SD) : &lt;s&gt;2011 : Jacques (fini 14/03/2011)&lt;/s&gt;<br /> * '''Motor Shield''' : &lt;s&gt;2011 : WintermeW, Charo&lt;/s&gt;<br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Atelier_Arduino&diff=2146 2012-11-01T18:33:10Z

<p>Guyzmo: /* Soudure de shields Arduinos */</p> <hr /> <div>Les '''ateliers Arduino''' sont des sessions de découverte de l’électronique au travers de l’utilisation d'une plateforme de prototypage rapide.<br /> <br /> En clair, on voit ensemble à quel point il est simple de brancher des trucs sur un Arduino et d’écrire du code pour piloter le tout.<br /> [[Image:ArduinoStarterKit.jpg|right]]<br /> <br /> == Description ==<br /> <br /> L'Arduino est une plateforme de prototypage rapide.<br /> <br /> Ce [[:Category:Workshops|workshop]] a pour objectif de &quot;dédramatiser&quot; les choses avec le matériel, le triturer ensemble en s'attaquant à différents petits projets (selon ce que vous proposez/voulez faire), et (re)voir ensemble si nécessaire les bases pour pouvoir bidouiller de façon de plus en plus... enfin, de moins en moins... bref, de toute manière, de bidouiller du hardware principalement, et ce dans la joie et la bonne humeur !<br /> <br /> C'est l'occasion de se rassembler pour taffer sur nos projets liés à du hardware en général, et à des Arduino en particulier.<br /> <br /> == Matériel ==<br /> <br /> * vos outils (fer à souder, pince plate, pince coupante, ...),<br /> * vos ordinateurs, avec le kit de développement Arduino installé ; <br /> * vos Arduino et kits ;<br /> * plein de composants électroniques utilisables en courant faible/basse tension ;<br /> * à boire et à manger !<br /> <br /> == Dates ==<br /> <br /> La prochaine session devrait avoir lieu courant novembre.<br /> <br /> Voir aussi : [[{{PAGENAME}}/Archives]]<br /> <br /> == Thèmes ==<br /> <br /> Les thèmes ci-dessous sont proposés à titre d'inspiration, mais bien entendu la liste n'est pas exhaustive.<br /> <br /> === Introduction à la programmation Arduino ===<br /> <br /> Initiation au C++ pour concevoir des programmes simples pour Arduino (echo sur USB, contrôle d'une LED, un mini-HP, etc).<br /> <br /> Voir : [[ArduinoCppAtelier]]<br /> <br /> === Soudure de son Arduino ===<br /> <br /> Initiation à la soudure sous prétexte de faire du bruit...<br /> <br /> Kits proposés :<br /> * kit [http://hackable-devices.org/products/product/dc-boarduino/ boarduino] + grande breadboard + [http://hackable-devices.org/shop/product/breadboard-jumper-wire-70pcs-pack 75 fils] à 35 euros <br /> * breadboard : plaque de prototypage réutilisable<br /> * kit [http://www.evilmadscientist.com/article.php/diavolino Diavolino] à 35 euros <br /> * kit [http://hackable-devices.org/shop/product/arduino-uno Uno] + [http://hackable-devices.org/products/product/i2c-power-protoshield/ Snootlab i2c Protoshield] + [http://hackable-devices.org/shop/product/mini-breadboard-white mini breadboard] à 54 euros<br /> * kit [http://hackable-devices.org/products/product/arduino-starter-pack/ ladyada] à 65 euros<br /> <br /> === Soudure de shields Arduinos ===<br /> <br /> Si certains sont intéressés par des ateliers sur les shields, il est préférable de s'organiser pour un achat groupé. Vous pouvez indiquer ici vos préférences :<br /> * '''Ethernet Shield''' : &lt;s&gt;2011 : Yoann512, Charo&lt;/s&gt;<br /> * '''LoLShield''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''9V battery holder''' : &lt;s&gt;2011 : Ben&lt;/s&gt;<br /> * '''XBee''' : &lt;s&gt;2011 : Jacques&lt;/s&gt;<br /> * '''Data logger''' (carte-SD) : &lt;s&gt;2011 : Jacques (fini 14/03/2011)&lt;/s&gt;<br /> * '''Motor Shield''' : &lt;s&gt;2011 : WintermeW, Charo&lt;/s&gt;<br /> * ...&lt;small&gt;(la sélection est à faire sur [http://hackable-devices.org h:D] ou [ http://hackspark.fr hackspark])&lt;/small&gt;<br /> <br /> === Programmation avancée pour Arduino ===<br /> <br /> Création d'une bibliothèque, d'une application machine hôte+arduino, connectivité de l'arduino, etc.<br /> <br /> Pour ceux qui aiment vraiment leur éditeur préféré, [[User:Guyzmo|Guyzmo]] a fait un petit [[ArduinoMakefile|Makefile]] et un script pour lire le port série ; voir [[ArduinoSerialRead]].<br /> <br /> == Ressources ==<br /> <br /> * [http://www.arduino.cc/ arduino.cc] : la page référence. Énormément d'exemples, de guides &amp; aides diverses pour faire tout et n'importe quoi avec/autour d'Arduino.<br /> <br /> [[Category:Workshops]]<br /> [[Category:Arduino]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2025 2012-08-27T14:35:47Z

<p>Guyzmo: /* Version courte */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Fork&lt;/tt&gt; pour créer votre propre espace de travail sur Github.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Github'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> $ git remote add leloop &lt;nowiki&gt;https://github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> <br /> === Première fois ===<br /> <br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt;<br /> $ git remote add leloop &lt;nowiki&gt;https://github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> === A chaque modification ===<br /> <br /> $ git pull leloop<br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Pull request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2024 2012-08-27T14:34:12Z

<p>Guyzmo: /* Obtenir le code source */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Fork&lt;/tt&gt; pour créer votre propre espace de travail sur Github.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Github'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> $ git remote add leloop &lt;nowiki&gt;https://github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Pull request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2023 2012-08-26T16:08:02Z

<p>Guyzmo: /* Obtenir le code source */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Fork&lt;/tt&gt; pour créer votre propre espace de travail sur Github.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Github'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Pull request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2022 2012-08-26T16:07:42Z

<p>Guyzmo: /* Obtenir le code source */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Github'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Pull request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2021 2012-08-26T16:00:21Z

<p>Guyzmo: /* Version courte */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Pull request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2020 2012-08-26T15:59:42Z

<p>Guyzmo: /* Version courte */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> sur https://github.com/LeLoop/le-loop-blog ↔ &lt;tt&gt;Fork&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/LeLoop/le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/* # POUR MODIFIER LE BLOG<br /> $ $EDITOR _posts/042\ -\ mon\ post\ blog.markdown # POUR AJOUTER UN POST<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2019 2012-08-26T15:57:48Z

<p>Guyzmo: /* Publier la modification */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Github :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/*<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2018 2012-08-26T15:57:25Z

<p>Guyzmo: /* Obtenir le code source */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Github :<br /> * Sur https://github.com/LeLoop/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/*<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2017 2012-08-26T15:56:53Z

<p>Guyzmo: /* Obtenir le code source */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;ssh://git@github.com/${MOI}/le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/*<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2016 2012-08-26T15:34:52Z

<p>Guyzmo: /* Faire valider la mise à jour */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> N.B.: un dépôt sur [https://gitorious.org/le-loop-blog/le-loop-blog gitorious] est aussi tenu à jour<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/*<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2015 2012-08-26T15:32:42Z

<p>Guyzmo: /* Faire valider la mise à jour */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(voir le [https://gitorious.org/le-loop-blog/le-loop-blog/commits/master log des commits] pour un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Cliquer sur le bouton &lt;tt&gt;Clôner&lt;/tt&gt; pour créer votre propre espace de travail sur Gitorious.<br /> <br /> Puis dans un shell :<br /> $ MOI='Mon blaze sur Gitorious'<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt;<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://github.com/LeLoop/le-loop-blog github] et cliquer sur &lt;tt&gt;Pull request&lt;/tt&gt;.<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du [https://github.com/LeLoop groupe Le Loop] intégrera les changements sur le serveur.<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet.<br /> <br /> Il suffit de créer un nouveau fichier dans le dossier &lt;tt&gt;_posts&lt;/tt&gt; ;<br /> $ vi _posts/042 - Un loopiot dans l'espace.markdown<br /> <br /> La structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Hackers in space!&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek !<br /> <br /> === En-tête ===<br /> <br /> L'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> * &lt;tt&gt;categories&lt;/tt&gt; : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> * &lt;tt&gt;date&lt;/tt&gt; : date du post (pour antidater, c'est toujours pratique)<br /> * &lt;tt&gt;title&lt;/tt&gt; : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> * &lt;tt&gt;author&lt;/tt&gt; : nom de l'auteur du post (donc toi !)<br /> * &lt;tt&gt;summary&lt;/tt&gt; : résumé du post (ce champ est utilisé pour les résumés apparaissant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> === Formatage ===<br /> <br /> Le format du corps de l'article est déterminé par l'extension du fichier :<br /> * &lt;tt&gt;.markdown&lt;/tt&gt; : le formatage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]<br /> * &lt;tt&gt;.textile&lt;/tt&gt; : format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile]<br /> * &lt;tt&gt;.rst&lt;/tt&gt; : format [http://docutils.sourceforge.net/rst.html reStructuredText]<br /> * &lt;tt&gt;.html&lt;/tt&gt; : format HTML<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en &lt;tt&gt;.mako&lt;/tt&gt; sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * &lt;tt&gt;how.html.mako&lt;/tt&gt; : contient le texte de la page &quot;how&quot;<br /> * &lt;tt&gt;what.html.mako&lt;/tt&gt; : contient le texte de la page &quot;what&quot;<br /> * &lt;tt&gt;when.html.mako&lt;/tt&gt; : contient le texte de la page &quot;when&quot;<br /> * &lt;tt&gt;where.html.mako&lt;/tt&gt; : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> ==== Feeds ====<br /> * &lt;tt&gt;_templates/atom.mako&lt;/tt&gt; : contient le feed type atom<br /> * &lt;tt&gt;_templates/rss.mako&lt;/tt&gt; : contient le feed type rss<br /> <br /> ==== Structure des pages ====<br /> * &lt;tt&gt;_templates/head.mako&lt;/tt&gt; : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;tt&gt;&lt;nowiki&gt;&lt;head&gt;&lt;/head&gt;&lt;/nowiki&gt;&lt;/tt&gt;<br /> * &lt;tt&gt;_templates/header.mako&lt;/tt&gt; : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * &lt;tt&gt;_templates/footer.mako&lt;/tt&gt; : contient le pied de page (collé au coin en bas à droite de la page) avec les icônes des supports<br /> * &lt;tt&gt;_templates/site.mako&lt;/tt&gt; : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * &lt;tt&gt;_templates/post.mako&lt;/tt&gt; : structure et affichage d'un post<br /> * &lt;tt&gt;_templates/post_excerpt.mako&lt;/tt&gt; : structure et affichage d'un résumé de post<br /> <br /> ==== Structure du site ====<br /> * &lt;tt&gt;_templates/base.mako&lt;/tt&gt; : permet l'affichage d'une page (à ne pas modifier)<br /> * &lt;tt&gt;_templates/permapage.mako&lt;/tt&gt; : structure de la page de consultation d'un post<br /> * &lt;tt&gt;_templates/chronological.mako&lt;/tt&gt; : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === Style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png bg.jpeg close.png lqdn.png phack.png tetalab.png toile-libre.png vi_powered.gif<br /> adfreebutton.jpg blackboxe.png lqdn-censortefeux-1.gif open.png rss.png tmplab.png usi.png<br /> <br /> === Contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog/<br /> archives.py categories.py chronological.py feed.py __init__.py permapage.py post.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> Les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # apt-get install python-setuptools git<br /> # pip install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ git clone &lt;nowiki&gt;git://gitorious.org/~${MOI}/le-loop-blog/${MOI}s-le-loop-blog.git&lt;/nowiki&gt; <br /> $ $EDITOR *.mako css/* js/* img/*<br /> $ blogofile build &amp;&amp; blogofile serve<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Request merge&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Dossier_de_presse&diff=2014 2012-08-26T13:43:21Z

<p>Guyzmo: /* 2012 */</p> <hr /> <div>== Articles ==<br /> <br /> === 2012 ===<br /> * 26/8 Article sur [http://www.franceculture.fr/2012-08-24-le-loop-un-laboratoire-privilegie-pour-les-hackers franceculture.fr]<br /> * 17/8 Dépêche AFP reprise par [http://lexpansion.lexpress.fr/high-tech/ces-hacktivistes-parisiens-qui-oeuvrent-aux-cotes-des-opposants-syriens_325506.html L'Express], [http://tempsreel.nouvelobs.com/monde/20120817.AFP5955/syrie-aux-cotes-des-cyber-opposants-des-hacktivistes-parisiens-s-engagent.html Le Nouvel Observateur], [http://www.france24.com/fr/20120817-cotes-cyber-opposants-syriens-hacktivistes-parisiens-sengagent France24] [http://noticias.terra.com.ar/internacionales/hacktivistas-parisinos-acuden-en-ayuda-de-ciberopositores-sirios,dc93201d0d439310VgnVCM4000009bcceb0aRCRD.html en argentin].<br /> * 16/8 Article dans [http://www.liberation.fr/monde/2012/08/15/un-squat-deterre-le-hack-de-guerre_839965 Libération]<br /> ** copies sur http://ompldr.org/vZjRmdQ et http://ompldr.org/vZjRmdg<br /> * Émission « [http://www.dailymotion.com/video/xox1za_cyber-story_tech Cyber Story] » sur Game One<br /> <br /> === 2011 ===<br /> * Article de blog de [http://rudehitchhiker.com/2011/09/24/an-evening-with-leloop-a-french-hacker-space/ Liam Boogar]<br /> * Émission « [http://www.la-bas.org/article.php3?id_article=2244 Là-bas si j'y suis] » sur France Inter &lt;small&gt;([http://media.la-bas.org/mp3/110912/110912.ogg télécharger 31Mio])&lt;/small&gt;<br /> * http://www.rue89.com/2011/08/18/hackers-libertaires-notre-but-cest-partager-la-connaissance-218241<br /> * Émission « [http://wiki.leloop.org/index.php/DYHM Do you hack me?] » sur Radio Libertaire &lt;small&gt;([http://files.leloop.org/DYHM-01.mp3 télécharger 180Mo])&lt;/small&gt;<br /> * http://www.youtube.com/user/PlaneteReporter#p/c/63/H6T8ylsz_Z0 (Concours lemonde.fr / Planète Reporters) Fabuleux Labos<br /> * http://www.youtube.com/user/PlaneteReporter#p/c/F23B482507A9C73A/54/cKnsUj5qYK8 (Concours lemonde.fr / Planètes Reporters) Le Loop : hackerspace<br /> * http://bonjourapril.fr/post/2011/03/30/Bonjour-le-loop<br /> * http://owni.fr/2011/03/02/chroniques-de-rechi-hacker-le-systeme-politique-est-une-question-de-volonte/<br /> * https://lille.dg-sc.org/random/index.php?post/2011/02/28/Random-033<br /> * http://bearstech.com/les-news-des-communautes/loop-un-nouveau-hacklab-en-plein-coeur-de-paris<br /> * http://www.april.org/owni-le-loop-un-hackerspace-dans-paris<br /> * http://www.a-brest.net/breve1827.html<br /> * http://owni.fr/2011/01/20/le-loop-un-hackerspace-dans-paris/<br /> * http://www.siliconmaniacs.org/un-hackerspace-en-plein-coeur-de-paris/<br /> * [https://www.youtube.com/watch?v=Eo-8lWXzvzQ Geek Politics : Hackers ouverts] (Youtube)<br /> <br /> === 2010 ===<br /> * http://lacantine.ubicast.eu/videos/les-hackerspaces/<br /> * http://www.onirik.net/spip.php?article9140<br /> * http://www.youtube.com/watch?v=XN5HumbEHv0<br /> <br /> === 2009 ===<br /> * http://techtoc.tv/event/304/innovation/paris-2.0/les-hackers-sortent-du-bois<br /> <br /> == Photos ==<br /> * http://www.flickr.com/photos/juliant/sets/72157627138641507/with/5967762334/<br /> <br /> == Références ==<br /> === hackerspaces.org ===<br /> * http://hackerspaces.org/wiki/Le_Loop<br /> === APRIL ===<br /> http://wiki.april.org/w/AG_et_Reunion_des_Membres_2010<br /> http://wiki.april.org/w/AprilCampJuillet2011<br /> === LQDN ===<br /> * https://www.laquadrature.net/wiki/Quadr'ap%C3%A9ro<br /> * http://www.laquadrature.net/wiki/Hack-a-thon1_Political_Memory_2.0<br /> === wireless-fr ===<br /> * http://dev.wireless-fr.org/wiki/ag2011<br /> <br /> [[Category:Pressbook]]<br /> [[Category:Wikify]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2010 2012-08-24T12:35:29Z

<p>Guyzmo: /* Faire valider la mise à jour */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout. Un des membres du loop responsable du blog intégrera les changements sur le serveur.<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet. Voici comme ce faire.<br /> <br /> # éditer le fichier &quot;_posts/042 - Un loopiot dans l'espace.markdown&quot;<br /> # la structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Apres plusieurs mois de balade dans les squats les plus chaleureux de Paris, Le Loop est accueilli par la Gare XP !&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek! <br /> <br /> * l'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> ** '''categories''' : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> ** '''date''' : date du post (pour antidater, c'est toujours pratique)<br /> ** '''title''' : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> ** '''author''' : nom de l'auteur du post (donc toi !)<br /> ** '''summary''' : résumé du post (ce champ est utilisé pour les résumés apparaîssant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> * après l'entête, le texte répond au formatage choisi (via l'extension de fichier). Notamment, en ayant choisi une extension &quot;.markdown&quot;, le formattage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]. (on peut utiliser aussi .textile pour le format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile], .rst pour le format [http://docutils.sourceforge.net/rst.html restructured text] ou .html pour le format HTML).<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> === contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog<br /> __init__.py chronological.py post.py<br /> archives.py feed.py<br /> categories.py permapage.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2009 2012-08-24T12:34:11Z

<p>Guyzmo: /* Ajouter un post */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet. Voici comme ce faire.<br /> <br /> # éditer le fichier &quot;_posts/042 - Un loopiot dans l'espace.markdown&quot;<br /> # la structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Apres plusieurs mois de balade dans les squats les plus chaleureux de Paris, Le Loop est accueilli par la Gare XP !&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek! <br /> <br /> * l'entête du post se situe entre les balises '---' et contient des champs au format YAML (tous les champs possible sont dans [http://docs.blogofile.com/en/latest/posts.html#yaml-header la doc]):<br /> ** '''categories''' : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> ** '''date''' : date du post (pour antidater, c'est toujours pratique)<br /> ** '''title''' : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> ** '''author''' : nom de l'auteur du post (donc toi !)<br /> ** '''summary''' : résumé du post (ce champ est utilisé pour les résumés apparaîssant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> * après l'entête, le texte répond au formatage choisi (via l'extension de fichier). Notamment, en ayant choisi une extension &quot;.markdown&quot;, le formattage de l'article est en [http://en.wikipedia.org/wiki/Markdown markdown]. (on peut utiliser aussi .textile pour le format [http://en.wikipedia.org/wiki/Textile_(markup_language) textile], .rst pour le format [http://docutils.sourceforge.net/rst.html restructured text] ou .html pour le format HTML).<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> === contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog<br /> __init__.py chronological.py post.py<br /> archives.py feed.py<br /> categories.py permapage.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2008 2012-08-24T11:21:28Z

<p>Guyzmo: /* Ajouter un post */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet. Voici comme ce faire.<br /> <br /> # éditer le fichier &quot;_posts/042 - Un loopiot dans l'espace.markdown&quot;<br /> # la structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Apres plusieurs mois de balade dans les squats les plus chaleureux de Paris, Le Loop est accueilli par la Gare XP !&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek! <br /> <br /> * l'entête du post se situe entre les balises '---' et contient des champs au format YAML:<br /> ** '''categories''' : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> ** '''date''' : date du post (pour antidater, c'est toujours pratique)<br /> ** '''title''' : titre du post (/!\ ne pas mettre d'accents ici /!\)<br /> ** '''author''' : nom de l'auteur du post (donc toi !)<br /> ** '''summary''' : résumé du post (ce champ est utilisé pour les résumés apparaîssant en index) (/!\ ne pas mettre d'accents ici /!\)<br /> <br /> * après l'entête, le texte répond au formatage choisi (via l'extension de fichier). Notamment, en ayant choisi une extension &quot;.markdown&quot;, le formattage de l'article est en markdown. (on peut utiliser aussi .textile, et peut-être aussi .html... se référrer à la doc de blogofile pour ça).<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> === contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog<br /> __init__.py chronological.py post.py<br /> archives.py feed.py<br /> categories.py permapage.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2007 2012-08-24T11:17:44Z

<p>Guyzmo: /* Routine */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> Ajoutez un post ou modifiez le code (cf sections suivantes)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Ajouter un post ==<br /> <br /> Imaginons que Le Loop vient d'envoyer son premier geek dans l'espace, et pour l'occasion on veut écrire un post de blog sur ce sujet. Voici comme ce faire.<br /> <br /> # éditer le fichier &quot;_posts/042 - Un loopiot dans l'espace.markdown&quot;<br /> # la structure d'un post est la suivante :<br /> <br /> ---<br /> categories: comm<br /> date: 2042/10/10 10:10:10<br /> title: Le Loop envoi son premier hacker dans l'espace<br /> author: guyzmo<br /> summary: &quot;Apres plusieurs mois de balade dans les squats les plus chaleureux de Paris, Le Loop est accueilli par la Gare XP !&quot;<br /> ---<br /> Après 20 ans de recherches dans le cadre du programme &quot;hackers in space&quot;, Le Loop est fier <br /> d'avoir mis en orbite son premier geek! <br /> <br /> * l'entête du post se situe entre les balises '---' et contient des champs au format YAML:<br /> ** '''categories''' : liste de catégories dans lequel le post se situe (si une catégorie n'existe pas, elle est créée)<br /> ** '''date''' : date du post (pour antidater, c'est toujours pratique)<br /> ** '''title''' : titre du post<br /> ** '''author''' : nom de l'auteur du post (donc toi !)<br /> ** '''summary''' : résumé du post (ce champ est utilisé pour les résumés apparaîssant en index)<br /> <br /> * après l'entête, le texte répond au formatage choisi (via l'extension de fichier). Notamment, en ayant choisi une extension &quot;.markdown&quot;, le formattage de l'article est en markdown. (on peut utiliser aussi .textile, et peut-être aussi .html... se référrer à la doc de blogofile pour ça).<br /> <br /> == Modifier le code ==<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> === Pages statiques ===<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> === Pages dynamiques ===<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> === style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> === contrôleurs ===<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog<br /> __init__.py chronological.py post.py<br /> archives.py feed.py<br /> categories.py permapage.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2006 2012-08-24T11:03:41Z

<p>Guyzmo: /* controlleurs */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> ==== style, scripts et images ====<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> ==== contrôleurs ====<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> $ ls _controllers/blog<br /> __init__.py chronological.py post.py<br /> archives.py feed.py<br /> categories.py permapage.py<br /> <br /> * '''__init__.py''' : initialise l'environnement du blog<br /> * '''archives.py''' : génère les listings de posts par date dans _site/archive/ANNEE/MOIS/JOUR/index.html<br /> * '''categories.py''' : génère les listings de posts par catégorie dans _site/category/CATEGORIE/PAGE/index.html <br /> ** ainsi que le flux RSS correspondant dans _site/category/CATEGORIE/feed/index.xml<br /> ** et ATOM _site/category/CATEGORIE/feed/atom/index.xml)<br /> * '''chronological.py''' : génère les listings de posts paginés (5 par page) dans _site/page/PAGE/index.html<br /> * '''feed.py''' : génère les flux RSS et ATOM du site<br /> * '''permapage.py''' : génère les pages d'articles de blog dans _site/YEAR/MONTH/DAY/SLUG/index.html<br /> * '''post.py''' : génère l'objet post contenant un article<br /> <br /> les modules python ne sont à hacker que pour changer le comportement du site web (ajouter un champ aux posts etc..)<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2005 2012-08-24T10:53:27Z

<p>Guyzmo: /* = style, scripts et images */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> ==== style, scripts et images ====<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> ==== controlleurs ====<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2004 2012-08-24T10:53:02Z

<p>Guyzmo: /* Pages dynamiques */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> ==== style, scripts et images ===<br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2003 2012-08-24T10:52:36Z

<p>Guyzmo: /* Pages dynamiques */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> ** '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> ** '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> ** '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> ** '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> ** '''_templates/post.mako''' : structure et affichage d'un post<br /> ** '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> ** '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> ** '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> ** '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2002 2012-08-24T10:52:13Z

<p>Guyzmo: /* Modifier le code */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako<br /> _templates/rss.mako _templates/base.mako _templates/head.mako <br /> _templates/post.mako _templates/site.mako _templates/chronological.mako <br /> _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako : contient le texte de la page &quot;how&quot;<br /> * what.html.mako : contient le texte de la page &quot;what&quot;<br /> * when.html.mako : contient le texte de la page &quot;when&quot;<br /> * where.html.mako : contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** '''_templates/atom.mako''' : contient le feed type atom<br /> ** '''_templates/rss.mako''' : contient le feed type rss<br /> <br /> * structure des pages<br /> * '''_templates/head.mako''' : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> * '''_templates/header.mako''' : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * '''_templates/footer.mako''' : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> * '''_templates/site.mako''' : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * '''_templates/post.mako''' : structure et affichage d'un post<br /> * '''_templates/post_excerpt.mako''' : structure et affichage d'un résumé de post<br /> <br /> * structure du site<br /> * '''_templates/base.mako''' : permet l'affichage d'une page (à ne pas modifier)<br /> * '''_templates/permapage.mako''' : structure de la page de consultation d'un post<br /> * '''_templates/chronological.mako''' : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=2001 2012-08-24T10:49:07Z

<p>Guyzmo: /* Routine */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako _templates/rss.mako<br /> _templates/base.mako _templates/head.mako _templates/post.mako _templates/site.mako<br /> _templates/chronological.mako _templates/header.mako _templates/post_excerpt.mako<br /> <br /> ==== Pages statiques ====<br /> <br /> * how.html.mako<br /> ** contient le texte de la page &quot;how&quot;<br /> * what.html.mako <br /> ** contient le texte de la page &quot;what&quot;<br /> * when.html.mako <br /> ** contient le texte de la page &quot;when&quot;<br /> * where.html.mako<br /> ** contient le texte de la page &quot;where&quot;<br /> <br /> ==== Pages dynamiques ====<br /> <br /> * feeds<br /> ** _templates/atom.mako : contient le feed type atom<br /> ** _templates/rss.mako : contient le feed type rss<br /> <br /> * _templates/base.mako : permet l'affichage d'une page (à ne pas modifier)<br /> * _templates/head.mako : contient les liens vers les feuilles de styles, les scripts JS etc.. tout ce qui va au milieu de &lt;head&gt;&lt;/head&gt;<br /> * _templates/header.mako : en-tête de chaque page (contient le titre, l'heisenberg et les bandeaux-menus)<br /> * _templates/footer.mako : contient le pied de page (collé au coin en bas à droite de la page) avec les icones des supports<br /> * _templates/site.mako : structure de toute page du site (avec l'inclusion des blocks head/header/footer)<br /> * _templates/permapage.mako : structure de la page de consultation d'un post<br /> * _templates/post.mako : structure et affichage d'un post<br /> * _templates/post_excerpt.mako : structure et affichage d'un résumé de post<br /> * _templates/chronological.mako : affiche tous les posts de blog en format paginé (correspond aussi à l'index du site) <br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Dossier_de_presse&diff=2000 2012-08-23T16:33:36Z

<p>Guyzmo: /* 2012 */</p> <hr /> <div>== Articles ==<br /> <br /> === 2012 ===<br /> * 17/8 Dépêche AFP reprise par [http://lexpansion.lexpress.fr/high-tech/ces-hacktivistes-parisiens-qui-oeuvrent-aux-cotes-des-opposants-syriens_325506.html L'Express], [http://tempsreel.nouvelobs.com/monde/20120817.AFP5955/syrie-aux-cotes-des-cyber-opposants-des-hacktivistes-parisiens-s-engagent.html Le Nouvel Observateur], [http://www.france24.com/fr/20120817-cotes-cyber-opposants-syriens-hacktivistes-parisiens-sengagent France24] [http://noticias.terra.com.ar/internacionales/hacktivistas-parisinos-acuden-en-ayuda-de-ciberopositores-sirios,dc93201d0d439310VgnVCM4000009bcceb0aRCRD.html en argentin].<br /> * 16/8 Article dans [http://www.liberation.fr/monde/2012/08/15/un-squat-deterre-le-hack-de-guerre_839965 Libération]<br /> ** copies sur http://ompldr.org/vZjRmdQ et http://ompldr.org/vZjRmdg<br /> * Émission « [http://www.dailymotion.com/video/xox1za_cyber-story_tech Cyber Story] » sur Game One<br /> <br /> === 2011 ===<br /> * Article de blog de [http://rudehitchhiker.com/2011/09/24/an-evening-with-leloop-a-french-hacker-space/ Liam Boogar]<br /> * Émission « [http://www.la-bas.org/article.php3?id_article=2244 Là-bas si j'y suis] » sur France Inter &lt;small&gt;([http://media.la-bas.org/mp3/110912/110912.ogg télécharger 31Mio])&lt;/small&gt;<br /> * http://www.rue89.com/2011/08/18/hackers-libertaires-notre-but-cest-partager-la-connaissance-218241<br /> * Émission « [http://wiki.leloop.org/index.php/DYHM Do you hack me?] » sur Radio Libertaire &lt;small&gt;([http://files.leloop.org/DYHM-01.mp3 télécharger 180Mo])&lt;/small&gt;<br /> * http://www.youtube.com/user/PlaneteReporter#p/c/63/H6T8ylsz_Z0 (Concours lemonde.fr / Planète Reporters) Fabuleux Labos<br /> * http://www.youtube.com/user/PlaneteReporter#p/c/F23B482507A9C73A/54/cKnsUj5qYK8 (Concours lemonde.fr / Planètes Reporters) Le Loop : hackerspace<br /> * http://bonjourapril.fr/post/2011/03/30/Bonjour-le-loop<br /> * http://owni.fr/2011/03/02/chroniques-de-rechi-hacker-le-systeme-politique-est-une-question-de-volonte/<br /> * https://lille.dg-sc.org/random/index.php?post/2011/02/28/Random-033<br /> * http://bearstech.com/les-news-des-communautes/loop-un-nouveau-hacklab-en-plein-coeur-de-paris<br /> * http://www.april.org/owni-le-loop-un-hackerspace-dans-paris<br /> * http://www.a-brest.net/breve1827.html<br /> * http://owni.fr/2011/01/20/le-loop-un-hackerspace-dans-paris/<br /> * http://www.siliconmaniacs.org/un-hackerspace-en-plein-coeur-de-paris/<br /> * [https://www.youtube.com/watch?v=Eo-8lWXzvzQ Geek Politics : Hackers ouverts] (Youtube)<br /> <br /> === 2010 ===<br /> * http://lacantine.ubicast.eu/videos/les-hackerspaces/<br /> * http://www.onirik.net/spip.php?article9140<br /> * http://www.youtube.com/watch?v=XN5HumbEHv0<br /> <br /> === 2009 ===<br /> * http://techtoc.tv/event/304/innovation/paris-2.0/les-hackers-sortent-du-bois<br /> <br /> == Photos ==<br /> * http://www.flickr.com/photos/juliant/sets/72157627138641507/with/5967762334/<br /> <br /> == Références ==<br /> === hackerspaces.org ===<br /> * http://hackerspaces.org/wiki/Le_Loop<br /> === APRIL ===<br /> http://wiki.april.org/w/AG_et_Reunion_des_Membres_2010<br /> http://wiki.april.org/w/AprilCampJuillet2011<br /> === LQDN ===<br /> * https://www.laquadrature.net/wiki/Quadr'ap%C3%A9ro<br /> * http://www.laquadrature.net/wiki/Hack-a-thon1_Political_Memory_2.0<br /> === wireless-fr ===<br /> * http://dev.wireless-fr.org/wiki/ag2011<br /> <br /> [[Category:Pressbook]]<br /> [[Category:Wikify]]</div>

Guyzmo http://wiki.leloop.org/index.php?title=Howto:Mise_%C3%A0_jour_du_site_web&diff=1998 2012-08-22T16:37:54Z

<p>Guyzmo: /* Modifier le code */</p> <hr /> <div>La mise à jour du site ouaibe pour les nuls.<br /> <br /> Il est important de faire des commit atomiques, et donc de faire un changement, suivi d'une description de ce qui a été fait, chaque changement étant le plus petit possible. &lt;small&gt;(ici faudrait un exemple)&lt;/small&gt;<br /> <br /> == Prérequis ==<br /> <br /> Installer [http://blogofile.com blogofile] et git :<br /> # aptitude install python-setuptools git<br /> # pip install Blogofile<br /> <br /> == Obtenir le code source ==<br /> <br /> Clôner le dépôt git depuis Gitorious :<br /> * Sur https://gitorious.org/le-loop-blog/le-loop-blog<br /> * Faire &lt;tt&gt;Clôner&lt;/tt&gt; pour obtenir une copie en local.<br /> Puis dans un shell :<br /> $ git clone git://git@gitorious.org/MONBLAZE/le-loop-blog<br /> Ce qui a pour effet de créer votre propre espace de travail sur Gitorious.<br /> <br /> == Routine ==<br /> <br /> === Modifier le code ===<br /> <br /> Les fichiers en .mako sont des fichiers de [http://www.makotemplates.org/docs/syntax.html syntaxe mako].<br /> $ ls *.mako<br /> how.html.mako index.html.mako what.html.mako when.html.mako where.html.mako<br /> $ ls _templates/*.mako<br /> _templates/atom.mako _templates/footer.mako _templates/permapage.mako _templates/rss.mako<br /> _templates/base.mako _templates/head.mako _templates/post.mako _templates/site.mako<br /> _templates/chronological.mako _templates/header.mako _templates/post_excerpt.mako<br /> <br /> <br /> <br /> Il y a aussi du CSS, des images et un chouilla de JS parce qu'Anéfé ;)<br /> $ ls css/<br /> site.css<br /> $ ls js/<br /> blink.js<br /> $ ls img/<br /> 88x31.png adfreebutton.jpg bg.jpeg blackboxe.png lqdn-censortefeux-1.gif lqdn.png phack.png rss.png tetalab.png tmplab.png toile-libre.png usi.png vi_powered.gif<br /> <br /> Sinon, le code .py est en ... python, en utilisant la [http://blogofile.com/documentation/ bibliothèque blogofile].<br /> <br /> === Tester en local ===<br /> <br /> Générer le site depuis les sources :<br /> $ blogofile build<br /> $ blogofile serve<br /> <br /> Vérifier le résultat dans le navigateur sur http://127.0.0.1:8080/<br /> <br /> === Valider la modification ===<br /> <br /> Une fois qu'un changement a été vérifié et ne casse pas tout, on ajoute les fichiers modifiés :<br /> $ git add %liste_noms_fichiers%<br /> où %liste_noms_fichiers% est la liste des noms de fichiers modifiés pour ce changement. Voir aussi &lt;tt&gt;git status&lt;/tt&gt;.<br /> <br /> Puis on enregistre la modification :<br /> $ git commit -m &quot;%description de ce qui a été fait dans le commit%&quot;<br /> <br /> Par convention : <br /> * &quot;[ENH] added bla and bla&quot; pour un ajout (''enhancement'')<br /> * &quot;[FIX] fixed typo in bla and bla&quot; pour une correction<br /> * &quot;[DEL] removed ...&quot; pour un retrait<br /> <br /> === Publier la modification ===<br /> <br /> On envoie le tout sur Gitorious :<br /> $ git push origin master<br /> <br /> === Faire valider la mise à jour ===<br /> <br /> Retourner sur [https://gitorious.org/le-loop-blog/le-loop-blog Gitorious] et cliquer sur &lt;tt&gt;Merge request&lt;/tt&gt;<br /> <br /> Puis soumettre un message pour proposer les changements en expliquant le tout.<br /> <br /> <br /> <br /> <br /> <br /> == Version courte ==<br /> # aptitude install python-setuptools git<br /> # easy_install Blogofile<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Clone&lt;/tt&gt;<br /> $ &lt;éditeur&gt; *.mako css/* js/* img/*<br /> $ blogofile build<br /> $ blogofile serve<br /> &lt;zieute&gt;<br /> $ firefox http://127.0.0.1:8080/ &amp;<br /> $ git add %fichiers%<br /> $ git commit -m &quot;[FIX] changé l'eau en vin&quot;<br /> $ git push origin master<br /> https://gitorious.org/le-loop-blog/le-loop-blog ↔ &lt;tt&gt;Merge request&lt;/tt&gt;<br /> $ echo 'debout molasse' | mail webmaster@leloop.org<br /> <br /> <br /> [[Category:www.leloop.org]]</div>

Guyzmo