[Firefox] Extensions utiles
Je liste ici les extensions que j'utilise pour Firefox.
- Brief, un lecteur de flux RSS : http://brief.mozdev.org/
- ColorZilla, permet de récupérer les couleurs d'un site Web (existe aussi pour Chromium/Chrome) : https://www.colorzilla.com/firefox/
- Firefox Multi Accounts Container, permet de se connecter sur un même site avec des identifiants différents : https://addons.mozilla.org/fr/firefox/addon/multi-account-containers/
- Video DownloadHelper, permet de récupérer des vidéos en ligne : http://www.downloadhelper.net/
- uBlock Origin, pour se débarrasser des trackers, pubs et autres nuisances sur Internet : https://addons.mozilla.org/fr/firefox/addon/ublock-origin/
- Exemple de script pour ne plus avoir la fenêtre de consentement pour Youtube :
www.youtube.com###dialog ||www.gstatic.com/youtube/img/promos/growth/dmod_si_horizontal_ver1_240x400.png$image www.youtube.com##opened www.youtube.com##.opened
-
Exemple de script pour ne plus avoir la fenêtre de consentement pour Google :
www.google.com###lb www.google.com##:root:style(overflow-y: visible !important;) www.google.fr###cnsm www.google.fr###cnsw www.google.fr##.m114nf.aID8W
- Exemple de script pour ne plus avoir la fenêtre de consentement pour Youtube :
- Show/hide passwords, pour afficher ou masquer les mots de passe de connexion sur un site via un lien rajouté : https://addons.mozilla.org/fr/firefox/addon/showhide-passwords/
- Form History Control (II), permet de sauvegarder automatiquement le contenu saisi dans un formulaire (utile pour ne pas perdre le contenu en cas de problème) : https://addons.mozilla.org/fr/firefox/addon/form-history-control/
- TextArea Cache qui fait exactement la même chose que l'extension précédente (ça permet de gagner pas mal de temps en ne perdant pas une saisie à cause d'une déconnexion intempestive) : https://addons.mozilla.org/firefox/addon/textarea-cache/
- ClearURLs qui permet de nettoyer les liens contenant des mouchards : https://addons.mozilla.org/fr/firefox/addon/clearurls/
- Bypass Paywalls Clean qui permet d'accéder à des pages de journaux réservées aux abonné⋅e⋅s. Elle désactive par exemple les scripts javascript empêchant de voir les pages en entier. Extension utile lorsqu'on veut consulter à titre exceptionnel un seul article sans avoir à s'abonner. Si vous l'utilisez régulièrement, cela signifie qu'il faudra songer à s'abonner 😉 : https://addons.mozilla.org/fr/firefox/addon/bypass-paywalls-clean/
- Greasemonkey est une extension permettant d'exécuter des javascripts sur des pages selon des règles. Par exemple, faire une redirection de page de Youtube vers des instances Invidious : https://addons.mozilla.org/fr/firefox/addon/greasemonkey/
Exemple de scripts pour rediriger automatiquement une page Youtube (Source : https://openuserjs.org/scripts/jaidedctrl/Invidious_Redirect/source avec une correction sur le @match) :
// ==UserScript== // @name Invidious Redirect // @description Redirect YouTube to Invidious. // @author jaidedctrl // @license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt // @match *://www.youtube.com/* // @run-at document-start // ==/UserScript== var invInstance = "https://invidious.fdn.fr"; var url = window.location.href; if ( url.match("youtube.com") != null ) { url = url.replace( /.*youtube.com/, invInstance ); window.location.replace( url ); }
-
Extension Redirector pour rediriger vers un autre site (intéressant pour Youtube) : https://addons.mozilla.org/fr/firefox/addon/redirector/
Exemple d'utilisation : - Lignes à copier :
- Exemple URL : https://www.youtube.com/watch?*
- Include pattern : https://www.youtube.com/watch?*
- Redirect to : https://yt.artemislena.eu/watch?$1
Extensions intéressantes à garder sous le coude :
- SingleFile, pour sauvegarder dans un fichier .html une page Web (avec scripts, ...) : https://addons.mozilla.org/fr/firefox/addon/single-file/
- Firefox Translation, pour traduire des pages sans faire appel à un site externe (sans passer par le cloud) : https://addons.mozilla.org/fr/firefox/addon/firefox-translations/
- Privacy Badger, proposé par l'EFF, pour éliminer les trackeurs invisibles : https://addons.mozilla.org/fr/firefox/addon/privacy-badger17
Développer en html, css et javascript
Page aide-mémoire pour m'aider à développer des applications web...
Les applications web ont l'énorme avantage d'être utilisables à travers un navigateur web et sont donc interopérables par défaut quelques que soient les systèmes d'exploitation et le matériel (tablettes par exemple).
Ressources en ligne :
- Développer des applications html5 de A à Z : http://diveintohtml5.info
- Créer des Web applications : https://www.freecodecamp.org/news/build-a-pwa-from-scratch-with-html-css-and-javascript/
I- Choix de l'outil pour développer
Après quelques recherches sur Internet, j'ai choisi VSCodium qu'on peut installer dans Ubuntu. C'est la version libre de VSCode proposé par Microsoft (oui, oui...) et qui dispose de nombreuses extensions : https://github.com/VSCodium/vscodium
Autre bonne surprise : VSCode est intégré dans Gitlab et en particulier la forge https://forge.aeif.fr/, ce qui permet de ré-investir ses connaissances/habitudes !!!
Du coup, on peut installer l'extension "Gitlab Workflow" pour lier VSCodium et le dépôt Gitlab du projet : https://blog.jbriault.fr/vscode-gitlab-workflow/.
Extensions utiles de VSCodium (attention certaines nécessite NodeJS) :
- GitLab Workflow de GitLab
- Live Preview de Microsoft
- open in browser de TechER
- vscode-icons de VSCode Icons Team
- Svelte for VS Code de Svelte (NodeJS)
- ESLint (NodeJS)
II- Tutoriels
Pour commencer, il est nécessaire de suivre des tutoriels...
[Clonezilla] Sauvegarder, restaurer, déployer une image système
Lorsque l'on change de disque dur et que l'on veut réinstaller l'ancien système sur le nouveau, lorsqu'on veut faire une sauvegarde de son disque dur, lorsqu'on veut déployer une même image sur plusieurs ordinateurs, ... on va utiliser l'utilitaire libre Clonezilla https://clonezilla.org/ spécialement dédié à ces tâches. Il est utilisable pour n'importe quel système d'exploitation car on va travailler en "Live CD" (basé sur une distribution GNU/Linux), ce qui nécessite de démarrer sur une clé USB sur laquelle est installée Clonezilla.
Comme il est inutile de réinventer la roue, on trouvera sur l'excellent site https://lecrabeinfo.net/ (merci à son auteur pour le partage) toutes les explications et cas possibles :
- Pour installer Clonezilla sur une clé USB bootable : https://lecrabeinfo.net/creer-cle-usb-bootable-clonezilla.html
- Pour créer une image de sauvegarde ou à déployer d'un disque dur : https://lecrabeinfo.net/creer-copie-sauvegarde-image-systeme-disque-dur-ssd-avec-clonezilla.html
- Pour restaurer une image sur un disque dur : https://lecrabeinfo.net/restaurer-image-disque-sur-disque-dur-ou-ssd-avec-clonezilla.html
- Pour cloner son disque dur vers un autre disque dur : https://lecrabeinfo.net/cloner-disque-dur-vers-ssd-ou-hdd-clonage-avec-clonezilla.html
Démarche que j'utilise pour cloner Primtux à partir d'un ordinateur identique complètement fonctionnel :
Vois trouverez sur cette page, des explications beaucoup plus détaillées que celles ci-dessous : https://documentation.primtux.fr/books/manuel-technique-de-ladministrateur/page/deploiement-avec-clonezilla
VPI, TBI, TNI, ENI : Applications pour tableau blanc interactif
En classe, avec le développement des Tableaux Blancs Interactifs (TBI), il est plus que nécessaire de disposer d'applications pour les exploiter au mieux.
Lors du choix de ces outils, à moins d'aimer devoir reconstruire de zéro ses documents pédagogiques, il vaudra mieux privilégier une application que l'on pourra ré-installer facilement en cas de changement de matériel (quel que soit le système d'exploitation utilisé : Windows, Apple ou GNU/Linux) ou d'école.
Il faut aussi penser à un fonctionnement hors-ligne, ne nécessitant pas obligatoirement de connexion Internet.
À ce jour, il n'y en a qu'une répondant à tous ces critères : il s'agit d'Openboard.
I- Application installée sur son ordinateur (connexion Internet non obligatoire)
OpenBoard est un logiciel libre servant de tableau blanc interactif dédié à l'enseignement. Il est l'héritier des projets Uniboard, Sankoré puis Open-Sankoré.
Site officiel : https://openboard.ch/
Voir cette page consacrée spécialement à OpenBoard : Openboard pour VPI, TBI, TNI, ENI
II- Applications en ligne (nécessitant une connexion Internet)
Utiliser Digiscreen de La Digitale en local
La Digitale est le nom du projet porté par Emmanuel Zimmert et qui propose une multitude d'outils libres en ligne très utiles dans l'enseignement. Une de ses applications est Digiscreen que l'on trouve à cette adresse https://ladigitale.dev/digiscreen/.
Maheureusement, selon les endroits, il est assez difficile d'aller sur Internet ou d'avoir une liaison stable auquel cas on ne peut plus utiliser ces applications. Heureusement Emmanuel Zimmert met à disposition ses sources afin de pouvoir les utiliser hors-ligne à l'aide d'un serveur PHP local (qui est sur son propre ordinateur).
Voici ci-dessous, une procédure d'installation sous Linux Mint 21.3 / Ubuntu 22.04.
I- Installation du serveur PHP local
Sous Linux Mint 21.3 / Ubuntu 22.04, il est très facile de disposer d'un serveur PHP en tapant ces lignes de commande dans un terminal :
sudo apt update
sudo apt upgrade
sudo apt install php8.1
II- Récupération des sources de Digiscreen
Dans un terminal, on se place dans un dossier qu'on l'on aura par exemple nommé "Digiscreen".
Voici comment créer ce dossier dans son /home : mkdir ~/Digiscreen
On s'y place dedans avec la commande : cd Digiscreen
On récupère l'archive de Digiscreen sur Internet avec la commande : wget https://codeberg.org/ladigitale/digiscreen/archive/main.zip
On dezippe l'archive ZIP avec la commande : unzip main.zip
On se place dans le dossier "dist" avec la commande : cd digiscreen/dist
III- Lancement du serveur PHP en local
Toujours dans le terminal et à partir du dossier sur lequel on se trouve désormais, on lance la commande : php -S localhost:8000
Attention : il faudra toujours laisser ce terminal ouvert sous peine d'arrêter le serveur PHP !
IV- Utilisation de Digiscreen
On ouvre son navigateur Internet et on se rend à l'adresse suivante : http://localhost:8000/
On a maintenant Digiscreen qui tourne sur son ordinateur sans avoir de connexion Internet.
Remarques :
- Comme indiqué sur le site, avec ce fonctionnement, cette version compilée n'intègre pas les clés API Pixabay et Google pour YouTube...
- Ce type de serveur n'est pas sécurisé : c'est bon en utilisation locale mais pas au-delà...
- Il est possible de proposer Digiscreen pour tous les ordinateurs étant sur le même réseau Intranet avec un serveur Apache ou NGnix...
Clé wifi Realtek RTL88x2bu sous Debian/Ubuntu
On trouve souvent des clés wifi USB basées sur le chipset Realtek RTL88x2bu. Ces clés peuvent équiper des ordinateurs sous Primtux ne disposant pas nativement d'une connexion Wifi. Malheureusement, ces clés ne fonctionnent pas directement sous Ubuntu 20.04 et ses dérivées comme Linux Mint. Il va donc falloir mettre les mains dans le cambouis... GRRR.
Sources :
- Pilote à installer : https://github.com/cilynx/rtl88x2bu
- Méthode dont je reprends les commandes ci-dessous : https://askubuntu.com/questions/1312297/usb-wifi-adapter-is-not-working-on-ubuntu-20-04-1-lts
Pour connaître le composant utilisé dans sa clé USB Wifi, on la branche sur son ordinateur et on tape la commande : lsusb
On devrait avoir une ligne ressemblant à celle-ci :
Bus 001 Device 017: ID 0bda:b812 Realtek Semiconductor Corp. RTL88x2bu [AC1200 Techkey]
Il y a 2 cas de figure : soit la clé fonctionne directement "Out of the box" avec des diodes qui s'allument auquel cas on a de la chance 😉 sinon il va falloir exécuter les manipulations ci-dessous.
Voici les commandes à saisir dans un terminal et en supposant qu'on ait une connexion Ethernet filaire pour récupérer le pilote avec Git :
sudo apt update
sudo apt install git dkms build-essential
git clone https://github.com/cilynx/rtl88x2bu.git
cd rtl88x2bu
VER=$(sed -n 's/\PACKAGE_VERSION="\(.*\)"/\1/p' dkms.conf)
sudo rsync -rvhP ./ /usr/src/rtl88x2bu-${VER}
sudo dkms add -m rtl88x2bu -v ${VER}
sudo dkms build -m rtl88x2bu -v ${VER}
sudo dkms install -m rtl88x2bu -v ${VER}
sudo modprobe 88x2bu
Remarque : il faudra peut-être désactiver le secure boot dans le BIOS.
Installation d'un serveur FOG dans Virtualbox
Dans le cadre de mon travail, il m'arrive d'avoir à déployer plusieurs ordinateurs sous Primtux dans des écoles. Afin de gagner du temps et d'éviter de recourir à des clés USB et Clonezilla (méthode qui fonctionne bien à condition de ne pas avoir de boot capricieux où parfois Ventoy marche moins bien que Easy2Boot...), j'ai décidé de tenter l'installation avec FOG comme cela est décrit par la Drane de Lyon : https://drane.ac-lyon.fr/spip/deployer-postes-linux-trajectoire. La méthode décrite est cependant spécifique à une région et on ne peut utiliser telle quelle l'image du serveur FOG proposée (dommage). Je vais donc m'en inspirer pour l'adapter à mes besoins.
Page principale du projet FOG : https://fogproject.org/
Site avec un autre tuto détaillé : https://chrtophe.developpez.com/tutoriels/deploiement-fogproject/
I- Principe du déploiement
Un portable (facile à transporter) de déploiement, connecté à un switch réseau (au moins 5 ports Ethernet 1 Gigabit), délivre l'image d'installation à des ordinateurs reliés à ce même switch et ayant démarré en PXE (boot réseau). L'image PXE est fournie par le serveur FOG qui est virtualisé via Virtualbox dans la distribution Debian.
II- Préparation du portable de déploiement
A- Passage sous Linux Mint 21.2 Mate Edition
Récupération d'un portable (HP Probook 450 G7 avec 16 Go de mémoire vive, Intel i5, 240 Go SSD, prise ethernet 1G, ... dommage qu'il n'ait pas une résolution d'affichage Full HD mais dans ce cadre d'utlisation ce n'est vraiment pas indispensable 😉) passé sous Linux Mint 21.2 Mate Edition (clavier Occitan, Clipman et Shutter).
Ce portable pourra ainsi servir à autre chose que déployer Primtux si besoin : virtualisation de Primtux, tests de logiciels par exemple dans une utilisation scolaire (et démontrer que Windows n'est pas indispensable) avec Openboard, LibreOffice, Speech Note (reconnaissance et synthèse vocale), pilotage imprimante 3D, BlocksCAD, ... Voir cette page où je détaille l'installation de Primtux 7 : [Primtux] Installation de Primtux7.
Page 2 sur 35