This commit is contained in:
Simon Vieille 2021-04-12 22:13:23 +02:00
parent 5414f5dd18
commit eeed1cca4e
Signed by: deblan
GPG Key ID: 03383D15A1D31745
1 changed files with 729 additions and 0 deletions

729
blog/feed.xml Normal file
View File

@ -0,0 +1,729 @@
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Blog - Simon Vieille</title>
<link>https://www.deblan.io/</link>
<description>DevOp animé par la culture du libre et du hacking</description>
<language>fr</language>
<item>
<title><![CDATA[Mettre en place un VPN avec Wireguard]]></title>
<link href="https://www.deblan.io/post/599/mettre-en-place-un-vpn-avec-wireguard" type="text/html" />
<link href="gemini://deblan.io/posts/599.gmi" type="text/gemini" />
<description><![CDATA[<p>Les VPN ont le vent en poupe depuis quelques temps. Rares sont les vidéastes qui n'auront pas fait l'éloge de services comme NordVPN. Cependant, avant de permettre de visualiser le contenu US de Netflix, un VPN permet de créer un réseau entre plusieurs machines au travers d'autres réseaux comme Internet. Ainsi, quand des machines sont connectées au même réseau VPN, elles peuvent communiquer de la même façon que dans un réseau local. C'est donc très intéressant lorsque l'ont souhaites isoler une application d'internet en la rendant tout de même accessible dans ce réseau isolé.</p>
<p><img src="https://upload.deblan.org/u/2021-04/606cc06e.png" alt="VPN" /></p>
<p>Il existe tout un tas de solutions pour réaliser son VPN. La plus connue est certainement OpenVPN mais je lui préfère Wireguard pour sa très grande simplicité d'installation.</p>
<p>Dans mon cas d'usage, j'ai un serveur Wireguard sous Debian et des clients qui tournent principalement sur Debian mais aussi Windows et Android.</p>
<p>Sous Debian 10, il est nécessaire d'utiliser les dépots backports pour insaller Wireguard.</p>
<pre><code class="language-bash">echo "deb http://deb.debian.org/debian buster-backports main contrib non-free" \
| sudo tee /etc/apt/sources.list.d/buster-backports.list
</code></pre>
<p>Une fois le dépot ajouté, il suffit de mettre à jour la liste des paquets et d'installer Wireguard.</p>
<pre><code class="language-bash">sudo apt update &amp;&amp; sudo apt install wireguard
</code></pre>
<p>Sur d'autres distributions, il faudra installer <code>wireguard-tools</code> mais je vous laisse vous référer à <a href="https://www.wireguard.com/install/">la page d'installation</a> pour plus d'informations.</p>
<p>En complément de Wireguard, je vous invite à installer <code>iptables</code> et <code>resolvconf</code> sur le serveur et uniquement <code>resolvconf</code> sur vos clients linux. <code>iptables</code> va permettre de realiser le routage des paquets tandis que <code>resolvconf</code> va permettre de gérer les DNS via la connexion VPN.</p>
<p>Une fois l'installation terminée, on va générer un couple de clés sur le serveur.</p>
<pre><code class="language-bash">cd /etc/wireguard
umask 077
wg genkey | tee privateKey | wg pubkey &gt; publicKey
</code></pre>
<p>Suite à ces commandes, 2 nouveaux fichiers ont été générés : <code>privateKey</code> contient la clé privée et <code>publicKey</code> contient la clé publique. Il faudra conserver la clé privée secrète tandis que la clé publique va permettre d'identifier le serveur auprès des clients. Son contenu sera donc partagé sur d'autres machines. Vous pouvez réaliser la même opération sur vos machines clientes qui seront elles aussi identifiées avec leur clé publique. Les interfaces graphiques de Wireguard réaliseront la générations des clés automatiquement. Bien sur, vous pouvez créer autant de clés que vous le désirez. Je recommande de créer un couple de clé par serveur VPN.</p>
<p><img src="https://upload.deblan.org/u/2021-04/606cd5c8.jpg" alt="Exemples" /></p>
<p>Nous allons ensuite générer le fichier <code>/etc/wireguard/wg0.conf</code><code>wg0</code> désigne le nom de l'interface réseau qui sera créée par wireguard. Selon vos besoins, vous pourrez en ajouter autant que vous le désirez.</p>
<pre><code class="language-bash">[Interface]
Address = 10.0.0.1/24
SaveConfig = false
PostUp = iptables -A FORWARD -i wg0 -j ACCEPT; iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE; ip6tables -A FORWARD -i wg0 -j ACCEPT; ip6tables -t nat -A POSTROUTING -o eth0 -j MASQUERAD = iptables -A FORWARD -i wg0 -j ACCEPT; iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE; ip6tables -A FORWARD -i wg0 -j ACCEPT; ip6tables -t nat -A POSTROUTING -o eth0 -j MASQUERADE
PostDown = iptables -D FORWARD -i wg0 -j ACCEPT; iptables -t nat -D POSTROUTING -o eth0 -j MASQUERADE; ip6tables -D FORWARD -i wg0 -j ACCEPT; ip6tables -t nat -D POSTROUTING -o eth0 -j MASQUERADE
ListenPort = 51820
PrivateKey = clé_privée_du_serveur
</code></pre>
<p>Dans cette configuration, je définie la page IP du réseau (<code>10.0.0.1/24</code>) et l'IP du serveur (<code>10.0.0.1</code>). Veillez à modifier le nom de l'interface connectée à Internet (ici <code>eth0</code>). Insérer également le contenu de la clé privée à la dernière ligne. <code>SaveConfig</code> à <code>false</code> indique que le fichier pourra être modifié pendant que le serveur est lancé. Enfin, on indique que le serveur écoute sur le port <code>51820</code>.
Vous pourrez répéter cette opération sur vos client mais vous devrez omettre les lignes avec <code>PostUp</code>, <code>PostDown</code> et <code>ListenPort</code>. Vous devrez également changer <code>Address</code> en incrémentant l'ip et en fixant la page à 32 (exemple : <code>10.0.0.2/32</code>, <code>10.0.0.3/32</code>, etc.).</p>
<p>Enfin, il faudra renseigner la liste des clients du réseau VPN en utilisant leur clé publique et l'adresse IP qu'ils auront configurée.</p>
<pre><code class="language-bash">[Interface]
...
[Peer]
PublicKey = clé_publique_du_client_1
AllowedIPs = 10.0.0.2/32
[Peer]
PublicKey = clé_publique_du_client_2
AllowedIPs = 10.0.0.3/32
</code></pre>
<p>Coté client, il faudra renseigner le serveur :</p>
<pre><code class="language-bash">[Interface]
...
[Peer]
PublicKey = clé_publique_du_server
AllowedIPs = 10.0.0.0/24
Endpoint = ip.du.serveur.vpn:51820
PersistentKeepalive = 20
</code></pre>
<p>Dans cet exemple, j'ai définie que seuls les paquets à destination du réseau VPN seront routés dans le VPN : <code>AllowedIPs = 10.0.0.0/24</code>. Si vous voulez router tout votre traffic, saisissez <code>AllowedIPs = 0.0.0.0/0</code>. Pour ajouter plusieurs plages, il suffit de les séparer par des virgules.
Dans le bloc <code>[Interface]</code> des clients, vous avez la possibilté d'ajouter une propriété <code>DNS</code> afin de paramétrer un ou plusieurs serveurs DNS. Les serveurs DNS devront être accessibles par le serveur VPN ou le client selon le paramétrage de <code>AllowedIPs</code>. Attention, les DNS seront paramétrés comme des DNS classiques et ils seront sollicités pour résoudre tous les noms.</p>
<p>Une fois les configuration effectuée, vous pourrez démarrer ou arrêter la connexion VPN avec <code>sudo wg-quick up wg0</code> et <code>wg-quick down wg0</code> sur le serveur et sur les clients. Vous pourrez monitorer les connexions avec la commande <code>sudo wg</code>.</p>
]]></description>
<guid isPermaLink="false">599</guid>
<pubDate>Wed, 07 Apr 2021 10:30:00 +0200</pubDate>
<category><![CDATA[Informatique]]></category>
</item>
<item>
<title><![CDATA[Migration de blog vers Murph]]></title>
<link href="https://www.deblan.io/post/597/migration-de-blog-vers-murph" type="text/html" />
<link href="gemini://deblan.io/posts/597.gmi" type="text/gemini" />
<description><![CDATA[<p>Mon blog a été mon premier vrai projet quand j'ai commencé de faire du développement web et il me suit toujours aujourd'hui.</p>
<p>Beaucoup de versions ont été réalisées car elles suivent mon évolution et les technologies que j'utilise. La précédente mouture était basée sur Trinity, un <a href="https://fr.wikipedia.org/wiki/Content_management_framework">CMF</a> basé sur Symfony 2, développé par <a href="https://www.webetdesign.com/">web&amp;design</a> et sur lequel j'ai beaucoup travaillé. Trinity est puissant mais la conception n'est plus d'actualité et la migration vers une version récente de Symfony est impossible.<br />
Je travaille sur la refonte du site web de l'association <a href="https://www.tinternet.net/">Tinternet &amp; cie</a> et s'est rapidement posée la question du CMS. Cela m'a permis d'entreprendre l'écriture de Murph, un <a href="https://fr.wikipedia.org/wiki/Content_management_framework">CMF</a> qui repose sur Symfony 5 et qui reprend les bonnes idées de Trinity avec une conception qui tient plus la route.</p>
<p>Tandis que <code>Trinity</code> était un hommage à Matrix, <code>Murph</code> est tout droit tiré d'Interstellar, un film pour lequel j'ai une affection très particulière. Voici quelques images du backoffice.</p>
<p><img src="https://upload.deblan.org/u/2021-03/606429c7.png" alt="" /></p>
<p><img src="https://upload.deblan.org/u/2021-03/606429b4.png" alt="" /></p>
<p>Si le projet vous intéresse, le <a href="https://gitnet.fr/deblan/deblan.io-murph">code source du blog est disponible ici</a> et celui du <a href="https://gitnet.fr/deblan/murph-skeleton">squelette de Murph se trouve là</a>.</p>
]]></description>
<guid isPermaLink="false">597</guid>
<pubDate>Wed, 31 Mar 2021 10:08:00 +0200</pubDate>
<category><![CDATA[Le blog]]></category>
<category><![CDATA[Développement]]></category>
</item>
<item>
<title><![CDATA[Mon thème pour ZSH]]></title>
<link href="https://www.deblan.io/post/595/mon-theme-pour-zsh" type="text/html" />
<link href="gemini://deblan.io/posts/595.gmi" type="text/gemini" />
<description><![CDATA[<p>Cela fait des années que j'utilise ZSH comme interpréteur de commande. En complément,
j'utilise également des plugins disponibles via l'excellent projet <a href="https://ohmyz.sh/">oh-my-zsh</a>.</p>
<p>J'ai harmonisé l'ensemble des configurations sur mes différents accès. Pour ce faire,
j'ai principalement travaillé sur le prompt et je publie aujourd'hui le code de mon thème.</p>
<p>Voici une capture d'écran qui décrit l'ensemble des fonctionnalités de mon thème :</p>
<ul>
<li>Une gestion des codes de sortie avec différentes couleurs et éventuellement le code</li>
<li>L'affichage de l'heure</li>
<li>L'affichage de l'utilisateur et de la machine</li>
<li>Changement de couleur si l'utilisateur⋅trice est privilégié⋅e</li>
<li>Le chemin courant avec un retour à la ligne s'il dépasse une certaine longueur</li>
<li>Intégration de GIT (nécessite <a href="https://github.com/olivierverdier/zsh-git-prompt">olivierverdier/zsh-git-prompt</a>)</li>
</ul>
<p><img src="https://upload.deblan.org/u/2021-02/60266e22.jpg" alt="Mon thème pour ZSH" title="Mon thème pour ZSH" style="padding: 10px; background: #031019"></p>
<p>Le code source est disponible sur <a href="https://gitnet.fr/deblan/gists/src/branch/master/zsh/themes/deblan/deblan.zsh-theme">cette page</a>
et il est totalement libre.</p>
]]></description>
<guid isPermaLink="false">595</guid>
<pubDate>Fri, 12 Feb 2021 13:09:02 +0100</pubDate>
<category><![CDATA[Développement]]></category>
</item>
<item>
<title><![CDATA[Google démantèle son éthique (et tout le monde s'en fout...)]]></title>
<link href="https://www.deblan.io/post/596/google-de-mante-le-son-e-thique-et-tout-le-monde-s-en-fout" type="text/html" />
<link href="gemini://deblan.io/posts/596.gmi" type="text/gemini" />
<description><![CDATA[<p>En 2 mois, Google a licencié ses deux co-directrices de l'éthique des IA, Timnit
Gebru et Margarett Mitchell. Pendant ce temps, Google a aussi développé, et probablement bientôt
déployé, des algorithmes entraînés sur d'immenses quantités de données non-sécurisées,
de manière extrêmement opaque, ce qui avait été critiqué par les deux co-directrices
dans un article de recherche.</p>
<p>Le déploiement précipité d'algorithmes très dangereux sans aucune audit interne
ni externe, sur les téléphones de milliards d'humains, me semble absolument terrifiant.
Mais le plus effrayant, c'est que cette histoire est complètement ignorée par le grand
public, les médias, l'industrie de la tech et le monde académique...</p>
]]></description>
<guid isPermaLink="false">596</guid>
<pubDate>Fri, 12 Feb 2021 00:11:00 +0100</pubDate>
<category><![CDATA[Quick links]]></category>
</item>
<item>
<title><![CDATA[Bilan tech de l'année 2020]]></title>
<link href="https://www.deblan.io/post/594/bilan-tech-de-l-annee-2020" type="text/html" />
<link href="gemini://deblan.io/posts/594.gmi" type="text/gemini" />
<description><![CDATA[<p>Cette année très particulière m'a quand même permis de consacrer plus de
temps pour le logiciel libre que l'an passé.</p>
<p>Mes efforts se sont naturellement dirigés vers les outils que j'utilise et c'est
Nextcloud et son écosystème sur lesquels je me suis concentré.</p>
<p>Mon plus gros projet de 2020 est <a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a>, une application pour Nextcloud qui
permet de modifier le menu par défaut en proposant d'autres affichages. Je suis
très content du résultat et beaucoup d'administrateurs ont décidé de l'installer
sur leur instance. En effet, toutes versions confondues, <a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a> a été
téléchargé plus de 102 mille fois et les dernières versions sont installées sur
environ 9000 instances.</p>
<p>J'ai réalisé du code pour faire évoluer l'application <a href="https://apps.nextcloud.com/apps/forms">Forms</a> on y ajoutant de
nouveaux types de champ. Cela n'a pas du tout été évident d'échanger avec
l'équipe de développement mais j'espère voir arriver ces évolutions dans une
prochaine version.</p>
<p>Ensuite, j'ai traduis <a href="https://apps.nextcloud.com/apps/analytics">Analytics</a> en français même si je ne suis pas satisfait.
Je vais faire de nouvelles traductions l'année prochaine ! Cette application
permet de mettre en graphique des données stockées sur Nextcloud ou accessibles
depuis une API. C'est encore relativement basique mais c'est tout de même très pratique.</p>
<p>Même si le développement n'est pas très actif, j'utilise l'application <a href="https://apps.nextcloud.com/apps/printer">Printer</a>
et j'ai proposé du code pour gérer les permissions et réduire les risques
d'injection de code.</p>
<p>Dans un contexte très différent de Nextcloud, j'ai apporté un correctif au
projet <a href="https://pdnsmanager.org/">PDNS Manager</a>, une interface web qui permet de gérer les enregistrements
d'un serveur <a href="https://www.powerdns.com">Powerdns</a>.</p>
<p>J'ai récemment publié <a href="https://www.deblan.io/post/591/mail-rss-transformer-des-mails-en-flux-rss">Mail RSS</a>, une application pour transformer des
emails en flux RSS. Enfin, un peu plus tôt cette année, j'ai mis en ligne les sources du
site web qui permet de <a href="https://www.deblan.io/post/580/monitoring-d-un-terrarium">monitorer le terrarium</a> de la maison.</p>
<p>Je crois avoir fait le tour de mon activité en espérant poursuivre en 2021 !</p>
]]></description>
<guid isPermaLink="false">594</guid>
<pubDate>Tue, 22 Dec 2020 10:00:00 +0100</pubDate>
<category><![CDATA[Divers]]></category>
</item>
<item>
<title><![CDATA[Décrets PASP : fichage massif des militants politiques]]></title>
<link href="https://www.deblan.io/post/593/decrets-pasp-fichage-massif-des-militants-politiques" type="text/html" />
<link href="gemini://deblan.io/posts/593.gmi" type="text/gemini" />
<description><![CDATA[<blockquote>
<p>Après la loi sécurité globale et la loi séparatisme, le gouvernement poursuit
son offensive généralisée visant à museler toute opposition politique.
Mercredi dernier, les trois fichiers de « sécurité publique » (PASP, GIPASP et EASP)
ont été largement étendus par trois décrets (ici, ici et là). Ils</p>
</blockquote>
<p>On y est, on peut maintenant être fiché pour nos opinions politiques,
nos convictions philosophiques, religieuses ou notre appartenance syndicale.</p>
<p>Alors pour reprendre un vieux débat sur la protection des données où on me répondait "je n'ai rien à cacher",
ma réponse était systématiquement :</p>
<ul>
<li>Bien sur que si, tu as des choses à cacher car ta vie privée est par définition privée</li>
<li>Dans un futur plus ou moins proche, on pourra te reprocher quelque chose encore toléré aujourd'hui.</li>
</ul>
<p>Ce futur est maintenant le présent.</p>
<p>En dehors de toute activité, nos simples opinions seront inscrites dans un fichier
d'état. C'est très grave et nous avons avançons encore vers un état totalitaire.
Je pense que le point de non retour à été atteint.</p>
]]></description>
<guid isPermaLink="false">593</guid>
<pubDate>Wed, 09 Dec 2020 09:46:52 +0100</pubDate>
<category><![CDATA[Divers]]></category>
</item>
<item>
<title><![CDATA[Le PDG de FaceBook, Mark Zuckerberg, malmené lors de son audition au Sénat américain (17/11/20)]]></title>
<link href="https://www.deblan.io/post/592/le-pdg-de-facebook-mark-zuckerberg-malmene-lors-de-son-audition-au-senat-americain-17-11-20" type="text/html" />
<link href="gemini://deblan.io/posts/592.gmi" type="text/gemini" />
<description><![CDATA[<p>Le PDG de FaceBook, Mark Zuckerberg, malmené par le sénateur Josh Hawley lors de son audition au Sénat américain.
le 17 novembre 2020.</p>
]]></description>
<guid isPermaLink="false">592</guid>
<pubDate>Thu, 19 Nov 2020 10:39:00 +0100</pubDate>
<category><![CDATA[Quick links]]></category>
</item>
<item>
<title><![CDATA[Mail RSS : transformer des mails en flux RSS]]></title>
<link href="https://www.deblan.io/post/591/mail-rss-transformer-des-mails-en-flux-rss" type="text/html" />
<link href="gemini://deblan.io/posts/591.gmi" type="text/gemini" />
<description><![CDATA[<p>J'essaye de plus en plus de réduire le volume de mails que je reçois. Du coup,
quand une newsletter m'intéresse et que les auteurs ne fournissent pas de flux RSS, cela
me donne un prétexte pour écrire un nouveau projet : <a href="https://gitnet.fr/deblan/mail-rss">Mail RSS</a>.</p>
<p><img src="https://upload.deblan.org/u/2020-11/5fad64ef.png" alt="" /></p>
<h3>Comment ça marche ?</h3>
<p>L'idée est assez simple : en utilisant <a href="https://linux.developpez.com/formation_debian/serveur-mail2.html#AEN7717">les alias de mail dans Postfix</a>,
on peut faire en sorte qu'un mail qui arrive sur le serveur soit traité par une commande.
J'ai décidé de rediriger les mails dans un répertoire précis du serveur et je
demande à <strong>Mail RSS</strong> de les lire et de les importer.</p>
<p>Prenons la newsletter de <a href="https://www.techtrash.fr/">TechTrash</a> comme exemple.</p>
<h4>Configuration du serveur de mail</h4>
<p>Il faut ajouter un alias qui va générer des fichiers.</p>
<pre><code class="language-bash" data-title="/etc/aliases">techtrash: "| cat &gt; /var/lib/mailrss/techtrash-$(date +%s) &amp;&amp; chmod o+rw /var/lib/mailrss/techtrash-$(date +%s)"
</code></pre>
<p>Au préalable, j'ai créé le répertoire <code>/var/lib/mailrss</code> et je me suis assuré que mon application
pouvait lire et écrire dedans, de même que Postfix (<code>nobody:nogroup</code>).</p>
<h4>Configuration de l'application</h4>
<p>On doit générer un mailing pour TechTrash. Quand on va importer les mails de TechTrash,
on pourra les associer au mailing via son identifiant (<code>ID</code>). On pourra ensuite
accéder au flux RSS via le lien généré à sa création. Évidement, on peut créer
autant de mailing que l'on veut, les modifier et les supprimer.</p>
<pre><code class="language-bash" data-title="Configuration du mailing">$ php bin/console mailing:new "TechTrash"
$ php bin/console mailing:list
------------ -------------------------------------- ------------------------------------------------------------------------ --------------------- ---------------------
Label ID Feed Created at Updated at
------------ -------------------------------------- ------------------------------------------------------------------------ --------------------- ---------------------
Tech Trash xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx https://exemple.fr/mailing/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/rss 2020-11-12 13:37:00 2020-11-12 13:37:00
------------ -------------------------------------- ------------------------------------------------------------------------ --------------------- ---------------------
</code></pre>
<p>Enfin, il faut un script qui va traiter les fichiers de <code>/var/lib/mailrss</code> en les important
dans le mailing correspondant et qui les supprime du serveur.</p>
<pre><code class="language-bash line-numbers" data-title="Script lancé periodiquement">#!/bin/sh
cd "/path/to/exemple.fr"
import_mails() {
LABEL="$1"
MAILING_ID="$2"
find /var/lib/mailrss -name "${LABEL}-*" | while read MAIL; do
php bin/console mail:import "${MAILING_ID}" -f "$MAIL" &amp;&amp; rm "$MAIL"
done
}
import_mails "techtrash" "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
</code></pre>
<p>Quand un mail est importé, les données récupérées sont :</p>
<ul>
<li>Le sujet du mail</li>
<li>La date du mail</li>
<li>Le contenu HTML</li>
<li>Le contenu texte</li>
<li>Les pièces jointes</li>
</ul>
<p>Toutes ces données seront accessibles à la consultation.</p>
<p><a href="https://gitnet.fr/deblan/mail-rss">L'application</a> s'appuie sur Symfony (en version de développement) et <a href="https://gitnet.fr/deblan/mail-rss">le code</a> est
totalement libre 😄</p>
]]></description>
<guid isPermaLink="false">591</guid>
<pubDate>Thu, 12 Nov 2020 18:04:42 +0100</pubDate>
<category><![CDATA[Développement]]></category>
<category><![CDATA[Informatique]]></category>
</item>
<item>
<title><![CDATA[Cohabitation de Collabora Online et OnlyOffice sur Nextcloud]]></title>
<link href="https://www.deblan.io/post/589/cohabitation-de-collabora-online-et-onlyoffice-sur-nextcloud" type="text/html" />
<link href="gemini://deblan.io/posts/589.gmi" type="text/gemini" />
<description><![CDATA[<p>J'utilise énormément mon instance Nextcloud et dans certaines situations, j'ai besoin
d'éditer soit des fichiers Open Document Format (format natif de LibreOffice)
ou soit des fichiers Open XML (format natif de la suite office de Microsoft).</p>
<p>L'an passé, j'utilisais exclusivement <a href="https://www.onlyoffice.com/fr/">OnlyOffice</a> via
son <a href="https://apps.nextcloud.com/apps/onlyoffice">connecteur Nextcloud</a> et une instance
installée sur un serveur dédié. Puis, lors d'<a href="https://github.com/ONLYOFFICE/DocumentServer/issues/805">un déboire au sujet de l'édition
depuis un terminal mobile</a>, j'ai décidé
de migrer vers <a href="https://www.collaboraoffice.com/fr/code/">Collabora Online</a> via
son <a href="https://apps.nextcloud.com/apps/richdocuments">connecteur Nextcloud</a> et une instance
installée sur un serveur (presque) dédié.</p>
<p>Le problème est que si Collabora Online sait très bien traiter les fichiers ODF,
il galère un peu plus avec les fichiers Open XML. Aussi, force est de constater que
OnlyOffice reste très performant pour jouer avec Open XML. J'ai donc
décidé de les installer ensemble. Collabora Online est donc l'éditeur ouvert pour
les documents ODF tandis que OnlyOffice le sera pour les fichiers Open XML.</p>
<p><img src="https://upload.deblan.org/u/2020-10/5f8eb3c9.png" alt="Collabora Online et OnlyOffice" /></p>
<p>Afin de les discerner dans le menu pour créer un nouveau document, j'ai développé
un bout de javascript que vous pouvez injecter via <a href="https://apps.nextcloud.com/apps/jsloader">JSLoader</a>.
Je pense d'ailleurs que cela sera une bonne idée de forker cette application
afin d'en reprendre la maintenance.</p>
<p><img src="https://upload.deblan.org/u/2020-10/5f8eb3b3.png" alt="Cohabitation de Collabora Online et OnlyOffice sur Nextcloud" /></p>
<p>Alors ce n'est sans doute pas le code le plus élégant mais il fonctionne bien.</p>
<pre><code class="language-js" data-title="Code à insérer dans JS Loader">try {
setInterval(function() {
var elements = {
'docx': 'onlyofficeDocx',
'xlsx': 'onlyofficeXlsx',
'pptx': 'onlyofficePpts',
};
for (var i in elements) {
var selector = 'a.menuitem[data-action="' + elements[i] + '"] .displayname';
var span = document.querySelector(selector);
if (!span) {
return;
}
if (span.innerHTML.indexOf(i) !== -1) {
continue;
}
span.innerHTML = (i !== 'docx' ? 'Nouvelle ' : 'Nouveau ') + span.innerHTML.toLowerCase() + ' (' + i + ')';
}
elements = {
'odt': 'add-odt',
'ods': 'add-ods',
'odp': 'add-odp',
};
for (var i in elements) {
var selector = 'a.menuitem[data-action="' + elements[i] + '"] .displayname';
var span = document.querySelector(selector);
if (!span) {
return;
}
if (span.innerHTML.indexOf(i) !== -1) {
continue;
}
span.innerHTML = span.innerHTML + ' (' + i + ')';
}
}, 100);
} catch (e) {
}
</code></pre>
]]></description>
<guid isPermaLink="false">589</guid>
<pubDate>Tue, 20 Oct 2020 11:58:23 +0200</pubDate>
<category><![CDATA[Développement]]></category>
<category><![CDATA[Divers]]></category>
</item>
<item>
<title><![CDATA[La liberté d'expression encore menacée]]></title>
<link href="https://www.deblan.io/post/590/la-liberte-d-expression-encore-menacee" type="text/html" />
<link href="gemini://deblan.io/posts/590.gmi" type="text/gemini" />
<description><![CDATA[<blockquote>
<p>Ou comment instrumentaliser à des fins politiques un événement tragique qui n'a aucun rapport pour relancer une loi anticonstitutionnelle : La loi AVIA</p>
</blockquote>
<h3>Pourquoi la loi Avia est liberticide et inutile ?</h3>
<p>L'appareil législatif contient déjà tous les outils pour lutter contre les
contenus manifestement illicites tels que les incitations à la haine,
les injures à caractère raciste ou anti-religieuses.</p>
<p>Les contenus terroristes ou pédopornographiques doit être considérés comme tel
<strong>par un juge</strong> et non par l'appréciation de l'administration. Les
plateformes privées ne doivent pas jouer le rôle d'organe de censure et encore
moins l'automatiser.<br />
Le conseil constitutionnel s'est déja prononcé en indiquant que
« <strong>le législateur porte une atteinte à la liberté d'expression</strong> qui n'est ni adaptée,
ni proportionnée au but poursuivi ». Il persiste « <strong>le risque que les opérateurs
soient incités à retirer tous les contenus contestés, y compris ceux qui sont licites</strong> » [<a href="https://www.vie-publique.fr/loi/268070-loi-avia-lutte-contre-les-contenus-haineux-sur-internet">1</a>].</p>
<p>Si un contenu devait être supprimé, cela veut donc dire qu'il a
été nécessairement publié donc le mal est déjà fait. Mais sous couvert de la
lutte contre l'anonyma sur Internet (qui n'est qu'une idée reçue), la loi Avia
va permettre de museler les personnes qui dérangent, ceux qui ont des idées en
marge, les mouvements contestataires, ceux qui militent pour un état de droit et
non pas pour un état policier en imposant une suppression pure et dure de leurs
contenus sans l'accord d'un juge.</p>
<p>Cette loi est la porte ouverte vers une énième derive totalitaire où l'état va nous
imposer son idéologie.</p>
]]></description>
<guid isPermaLink="false">590</guid>
<pubDate>Sat, 17 Oct 2020 15:13:52 +0200</pubDate>
<category><![CDATA[Divers]]></category>
</item>
<item>
<title><![CDATA[Menu personnalisé dans Nextcloud 🎨]]></title>
<link href="https://www.deblan.io/post/588/menu-personnalise-dans-nextcloud" type="text/html" />
<link href="gemini://deblan.io/posts/588.gmi" type="text/gemini" />
<description><![CDATA[<p>Depuis avril dernier, l'application <strong><a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a></strong> (anciennement <em>Side menu</em>)
a beaucoup évoluée et pas moins de 46 versions ont déjà été publiées.
<a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a> est complet et très stable.</p>
<p><a href="https://nextcloud.com/">Nextcloud</a> est une plateforme web qui se compose d'applications
pour faire tout et n'importe quoi. On peut héberger et partager des documents,
gérer ses calendriers et ses contacts, enregistrer ses marque-pages, lire des flux
RSS, réaliser des sondages, etc.</p>
<p>Selon moi, quand on active beaucoup d'applications, un des problèmes principaux
est le menu qui n'est pas du tout adapté.</p>
<p><img src="https://upload.deblan.org/u/2020-10/5f872888.jpg" alt="Nextcloud" /></p>
<p>Pour résoudre ce problème, j'ai entrepris le développement d'une application
dédiée à la gestion de ce menu et j'ai <a href="https://www.deblan.io/post/581/application-nextcloud-nouvel-emplacement-pour-le-menu">publiées les premières versions</a>
pendant le confinement du début d'année.</p>
<p><a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a> est totalement personnalisable. On peut modifier l'emplacement du menu
selon trois dispositions : dans un panneau latéral, affiché en
permanance comme le menu d'Ubuntu ou via un panneau qui s'ouvre sur le dessus. Vous pouvez
bien sur choisir les couleurs de tous les éléments, afficher votre logo, la photo
de profil de l'utilisateur ou rien du tout, choisir la taille du texte celle des
icônes, etc.</p>
<p>On peut aussi désigner des applications qui doivent rester affichées dans le menu original,
choisir lesquelles doivent s'ouvrir dans un nouvel onglet et si l'administrateur
le permet, alors chaque utilisateur pourra faire sa propre organisation.</p>
<p><a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a> est compatible avec <a href="https://apps.nextcloud.com/apps/apporder">AppOrder</a> de manière à pouvoir choisir l'ordre
d'affichage des applications.</p>
<p><img src="https://upload.deblan.org/u/2020-10/5f8adaae.png" alt="Custom menu" /></p>
<p>Si vous êtes curieux, n'hésitez pas à tester <a href="https://apps.nextcloud.com/apps/side_menu">Custom menu</a> et si vous avez des idées
pour faire évoluer l'application ou que vous rencontrez un bug alors je vous invite
à <a href="https://gitnet.fr/deblan/side_menu">ouvrir un ticket sur le dépot du projet</a>.</p>
<p>Enfin, si vous désirez soutenir mon travail, vous avez la possibilité de
<a href="https://www.buymeacoffee.com/deblan">m'offrir un café</a> 😀</p>
]]></description>
<guid isPermaLink="false">588</guid>
<pubDate>Wed, 14 Oct 2020 19:14:20 +0200</pubDate>
<category><![CDATA[Développement]]></category>
</item>
<item>
<title><![CDATA[Tinternet & cie vous recommande le documentaire "Derrière nos écrans de fumée"]]></title>
<link href="https://www.deblan.io/post/587/tinternet-cie-vous-recommande-le-documentaire-derriere-nos-ecrans-de-fumee" type="text/html" />
<link href="gemini://deblan.io/posts/587.gmi" type="text/gemini" />
<description><![CDATA[<p>Entre documentaire et drame, ce film donne la parole à des experts qui nous
mettent en garde contre leurs inventions et décrient l'impact dangereux des
réseaux sociaux.</p>
<p>Ce film réalisé par Jeff Orlowski et produit par Larissa Rhodes a pour objectif
de nous faire prendre conscience que derrière un post Facebook ou Instagram,
qu'autour d'un e-mail affiché sur Gmail ou pendant que vous regardez un contenu
sur YouTube, des algorithmes font leur possible pour accaparer votre temps.</p>
]]></description>
<guid isPermaLink="false">587</guid>
<pubDate>Sun, 04 Oct 2020 11:34:46 +0200</pubDate>
<category><![CDATA[Cinéma]]></category>
</item>
<item>
<title><![CDATA[J'ai essayé de migrer de Firefox]]></title>
<link href="https://www.deblan.io/post/586/j-ai-essaye-de-migrer-de-firefox" type="text/html" />
<link href="gemini://deblan.io/posts/586.gmi" type="text/gemini" />
<description><![CDATA[<p>Mozilla Corporation, la société filiale de la fondation Mozilla ne se porte pas
très bien. Il y a eu pas mal de licenciements et léquipe de réponse aux incidents
de sécurité a volé en éclats. C'est problématique car mon navigateur joue un rôle
centrale dans mon informatique. J'ai alors commencé à réfléchir à une migration
vers un nouveau navigateur.</p>
<p>Avant tout, cela fait un moment que j'ai intégré la gestion de mes mots de passes en dehors
du navigateur en m'appuyant sur <a href="https://apps.nextcloud.com/apps/passwords">passwords</a>.
Mes marques pages sont duppliqués vers <a href="https://apps.nextcloud.com/apps/bookmarks">bookmarks</a>.
et mes lectures différées sont gérées avec <a href="https://github.com/wallabag/wallabag">wallabag</a>.
Tous ces outils possèdent des extensions compatibles avec les "autres" navigateurs.</p>
<p>Passons maintenant au "choix" du potentiel remplaçant. En dehors de
Firefox, tous s'appuient sur chromium, le Internet Explorer du 21ème siècle. Je n'ai pas
voulu faire le mec ultra borné donc j'ai fais un choix dans la maigre liste des
navigateurs qui tiennent la route. Je me suis arrêté sur Vivaldi : il est possible
de synchroniser son profil avec un compte Vivaldi et les données sont chiffrées. Les extensions
que j'utilise tous les jours fonctionnent avec et Vivaldi ne semble pas collecter mes données.
En terme de licence, le code de l'interface n'est pas accessible mais le moteur et les modifications
le sont (<a href="https://fr.vivaldi.net/vivaldi-et-open-source/">source</a>).</p>
<p>Donc j'ai installé Vivaldi, j'ai synchronisé mes marques pages,
j'ai retrouvé mes mes mots de passe et mes extensions favorites sont paramétrées. Chouette.</p>
<p><img src="https://upload.deblan.org/u/2020-08/5f438202.jpg" alt="Vivaldi" /></p>
<p>…mais en navigant à tout casser 3 minutes, je me suis posé cette question : où sont
mes <a href="https://support.mozilla.org/fr/kb/onglets-contextuels-avec-les-containers">conteneurs comme chez Firefox</a> ?
Spoiler : ils n'existent pas et aucun navigateur ne le propose. Donc j'ai ravalé ma salive
et je me suis demandé s'il y avait un <a href="https://support.mozilla.org/en-US/kb/use-primary-password-protect-stored-logins-and-pas">Master Password</a>
pour sécuriser les mots de passe collectés ? Spoiler : il n'existe pas non plus…</p>
<p>Du coup, je suis revenu sur Firefox et <a href="https://donate.mozilla.org/fr/">j'ai fais un don à Mozilla</a>, en espérant que d'autres
feront comme moi et que Firefox survivra encore longtemps.</p>
]]></description>
<guid isPermaLink="false">586</guid>
<pubDate>Mon, 24 Aug 2020 11:07:42 +0200</pubDate>
<category><![CDATA[La toile]]></category>
</item>
<item>
<title><![CDATA[Festival Le 1er jour d'après - Le numérique]]></title>
<link href="https://www.deblan.io/post/585/festival-le-1er-jour-d-apres-le-numerique" type="text/html" />
<link href="gemini://deblan.io/posts/585.gmi" type="text/gemini" />
<description><![CDATA[<p>Le "Festival 100% local et virtuel pour inventer Le 1er jour d'après", cest
réfléchir ensemble, imaginer et inventer un autre monde ainsi que recenser ce
qui existe déjà, à notre échelle locale. Cest trouver et valoriser des solutions
collectives, adaptées, à développer et mettre en place sans attendre. Événement
organisé par <a href="https://www.lepixel-besancon.fr/fr/page/lassociation-la-furieuse">l'association La Furiseuse</a>, gérante du café-resto associatif et
culturel Le Pixel à Besançon.</p>
<p>Festival 100% local et virtuel pour inventer Le 1er jour d'après - Organisé par <a href="https://www.lepixel-besancon.fr/fr/page/lassociation-la-furieuse">La Furiseuse et Le Pixel</a></p>
<p>Le numérique est un enjeu sociétal important. Nous réalisons plusieurs constats
qui doivent mener à une prise de conscience collective et permettre de changer
en profondeur notre compréhension et nos usages du numérique.<br />
Nous proposons quelques pistes de réflexions pour créer un numérique plus éthique
et plus juste.</p>
<p>Participants : Alexis Gabry, Benjamin Lavigne, Fabien Normand, Simon Vieille</p>
<p>L'ensemble du festival est disponible sur <a href="https://www.youtube.com/watch?v=DJs5f-AOs4o">Youtube</a>.</p>
]]></description>
<guid isPermaLink="false">585</guid>
<pubDate>Tue, 05 May 2020 15:13:01 +0200</pubDate>
</item>
<item>
<title><![CDATA[L'association La Furieuse lance un "Festival 100% local et virtuel pour inventer Le 1er jour d'après"]]></title>
<link href="https://www.deblan.io/post/584/l-association-la-furieuse-lance-un-festival-100-local-et-virtuel-pour-inventer-le-1er-jour-d-apres" type="text/html" />
<link href="gemini://deblan.io/posts/584.gmi" type="text/gemini" />
<description><![CDATA[<blockquote>
<p>Le "Festival 100% local et virtuel pour inventer Le 1er jour d'après",
cest réfléchir ensemble, imaginer et inventer un autre monde ainsi
que recenser ce qui existe déjà, à notre échelle. Cest trouver et
valoriser des solutions collectives, adaptées, à développer et mettre en
place sans attendre.</p>
</blockquote>
<p>J'interviendrai à 19h25 pour parler du numérique 😊</p>
]]></description>
<guid isPermaLink="false">584</guid>
<pubDate>Mon, 27 Apr 2020 00:50:00 +0200</pubDate>
</item>
<item>
<title><![CDATA[Application Nextcloud : nouvel emplacement pour le menu]]></title>
<link href="https://www.deblan.io/post/581/application-nextcloud-nouvel-emplacement-pour-le-menu" type="text/html" />
<link href="gemini://deblan.io/posts/581.gmi" type="text/gemini" />
<description><![CDATA[<p>En ces temps de confinement, j'essaye de travailler sur les quelques idées de projet
de ma todo list 📘</p>
<p>Aujourd'hui j'ai publié une application destinée à Nextcloud et qui permet de
modifier l'affichage du menu principal pour en faire un panneau qui s'ouvre sur la
gauche de l'interface : <a href="https://apps.nextcloud.com/apps/side_menu">Side menu</a>.
Cette application est plutôt adaptée aux instances qui activent beaucoup d'outils 🔨</p>
<p>Pour l'installer, vous pouvez passer par le gestionnaire d'application de Nextcloud
ou vous pouvez l'installer manuellement en suivant les instructions (en anglais)
disponibles dans le <a href="https://gitnet.fr/deblan/side_menu/releases">dépot du projet</a> 🧪</p>
<p>Une fois installée, la liste des applications du menu supérieur sera masquées et
une bouton va apparaître à gauche du logo. C'est depuis ce bouton que vous pourrez
afficher le menu. Fonctionne sur bureau, tablette et mobile 📱</p>
<p><img src="https://upload.deblan.org/u/2020-03/5e81b219.jpg" alt="Application side_menu Nextcloud" /></p>
]]></description>
<guid isPermaLink="false">581</guid>
<pubDate>Tue, 07 Apr 2020 13:53:45 +0200</pubDate>
<category><![CDATA[Développement]]></category>
</item>
<item>
<title><![CDATA["On est en pleine guerre informatique" : après le coronavirus, faut-il s'attendre à une autre crise ?]]></title>
<link href="https://www.deblan.io/post/583/on-est-en-pleine-guerre-informatique-apres-le-coronavirus-faut-il-s-attendre-a-une-autre-crise" type="text/html" />
<link href="gemini://deblan.io/posts/583.gmi" type="text/gemini" />
<description><![CDATA[<blockquote>
<p>La "guerre" contre le coronavirus Covid-19 met le système de santé et les
institutions à l'épreuve et paralyse l'économie. Mais au-delà de la crise sanitaire,
doit-on également craindre une crise informatique ? Réponses et réflexions,
avec des spécialistes.</p>
</blockquote>
]]></description>
<guid isPermaLink="false">583</guid>
<pubDate>Mon, 06 Apr 2020 03:04:00 +0200</pubDate>
</item>
<item>
<title><![CDATA[Tous surveillés - 7 milliards de suspects | ARTE]]></title>
<link href="https://www.deblan.io/post/582/tous-surveilles-7-milliards-de-suspects-arte" type="text/html" />
<link href="gemini://deblan.io/posts/582.gmi" type="text/gemini" />
<description><![CDATA[<p>Des caméras de Nice à la répression chinoise des Ouïghours, cette enquête dresse
le panorama mondial de l'obsession sécuritaire, avec un constat glaçant :
le totalitarisme numérique est pour demain.</p>
]]></description>
<guid isPermaLink="false">582</guid>
<pubDate>Wed, 01 Apr 2020 00:46:00 +0200</pubDate>
<category><![CDATA[Quick links]]></category>
</item>
<item>
<title><![CDATA[Monitoring d'un terrarium]]></title>
<link href="https://www.deblan.io/post/580/monitoring-d-un-terrarium" type="text/html" />
<link href="gemini://deblan.io/posts/580.gmi" type="text/gemini" />
<description><![CDATA[<p>Il y a quelques semaines, nous avons acheté un terrarium pour le pogona de ma chère
et tendre moitié. C'est un animal qui implique un environnement particulier avec
des températures de jour et de nuit à ne pas dépasser, et une hygrométrie
qui ne doit pas franchir le 50%.</p>
<p>On a installé un thermomètre et un hygromètre analogiques mais les valeurs ne sont
pas précises à la lecture. Cela a été un bon prétexte pour jouer avec un Raspberry PI
et entreprendre l'installation d'une sonde pour mesurer la température et l'hygrométrie.
On a en profité pour ajouter une caméra infra-rouge. Nous pouvons donc avoir
des alertes quand les seuils sont dépassés et il est possible de quitter l'appartement
tout en gardant un œil sur le dinosaure 🦖</p>
<p>Le Raspberry PI utilisé est le modèle 4 avec 2Go de RAM muni de Raspbian Lite.
La vidéo s'appuie sur la <a href="https://www.kubii.fr/cameras-accessoires/2333-raspberry-pi-camera-fisheye-grand-angle-5mp-kubii-3272496012561.html">caméra fisheyes à vision nocturne</a>
et le logiciel <a href="https://motion-project.github.io/motion_config.html">Motion</a>
combiné au frontend <a href="https://github.com/ccrisan/motioneye/wiki">MotionEye</a>. Le
capteur est un <a href="https://www.kubii.fr/composants-raspberry-pi/2329-capteur-am2011-humidite-et-temperature-kubii-3272496012493.html">AM2302</a>
et mesure la température et l'hygrométrie.</p>
<p><img src="https://upload.deblan.org/u/2020-03/5e7aa606.jpg" alt="" /><img src="https://upload.deblan.org/u/2020-03/5e7aa73f.jpg" alt="" /></p>
<p>Le Raspberry PI est dédié pour faire les mesures et gérer la caméra. Les mesures sont
envoyées vers une application web développée en PHP avec Symfony pour produire
de jolis graphiques 📈. Des enregistrements
vidéos sont également réalisés lorsqu'un mouvement est détecté. Les captures
sont récupérés périodiquement vers l'application web afin qu'on puisse les consulter
quand on veut 📽</p>
<p>Le résultat est plutôt pas mal cool et on apprécie vraiment l'aide que ça apporte !</p>
<video controls loop preload style="width: 100%; height: auto">
<source src="/~simon/videos/terrarium/terrarium-web.mp4" type="video/mp4" />
<source src="/~simon/videos/terrarium/terrarium-web.webm" type="video/webm" />
<source src="/~simon/videos/terrarium/terrarium-web.ogv" type="video/ogg" />
</video>
]]></description>
<guid isPermaLink="false">580</guid>
<pubDate>Wed, 25 Mar 2020 02:00:56 +0100</pubDate>
<category><![CDATA[Développement]]></category>
</item>
<item>
<title><![CDATA[Réseaux sociaux : flux à lier - #DATAGUEULE 95]]></title>
<link href="https://www.deblan.io/post/579/reseaux-sociaux-flux-a-lier-datagueule-95" type="text/html" />
<link href="gemini://deblan.io/posts/579.gmi" type="text/gemini" />
<description><![CDATA[<blockquote>
<p>Ils sont attirants, attachants … et rapidement indispensables. Les réseaux sociaux nous appâtent à coup de likes et nous bercent dans leurs "infinite scroll". Et rapidement leurs interfaces nous poussent à la consommation jusquà loverdose. Et ce nest pas un hasard. Ils ont bâti leurs empires sur notre addiction à la dopamine.</p>
<p>Retrouvez toutes les sources de l'épisode sur : <a href="https://wiki.datagueule.tv/Réseaux_:flux_à_lier(EP.95)">https://wiki.datagueule.tv/Réseaux_:flux_à_lier(EP.95)</a></p>
</blockquote>
]]></description>
<guid isPermaLink="false">579</guid>
<pubDate>Wed, 26 Feb 2020 08:31:00 +0100</pubDate>
<category><![CDATA[La toile]]></category>
<category><![CDATA[Quick links]]></category>
</item>
</channel>
</rss>