Il m'arrive de temps en temps de créer des mini applications web.
C'est une idée à tester, un prototype, un besoin de niche.
Avec l'avènement des IA, c'est devenu beaucoup plus simple de créer une petites app. C'est pas toujours bien abouti, mais ça correspond bien à la loi de Pareto, en 20% du temps tu as 80% du boulot.
Comme parfois j'oublie où j'ai posé mes minis app. Voici cette page pour en faire une liste.
Le corvophraseur
Re-création en version web du mythique Corvophraseur tournant sur mac à la fin du millénaire dernier.
C'est un générateur de phrases alambiquées, capilo-tractés basées sur un jargon de SF.
En plus de la version de base, je l'ai rendu paramétrable, et j'ai créé une version adaptée au jargon new age.
Générateur de phrases de passe
Le mot de passe est obsolète... vive la phrase de passe.
Ce qui compte dans un mot de passe, c'est pas les caractères spéciaux, qui ne sont spéciaux que pour les humains, mais pas pour les machines.
Ce générateur crée des phrases de passe en collant des mots ensemble. C'est des mots qui ont été choisi dans une liste de 2048 mots qui se mémorisent bien et qui ne se confondent pas avec d'autres. (BIP39 notamment utilisés pour les wallets bitcoin)
Une app ultra simple que je t'invite à utiliser (aucun mot de passe n'est stocké localement, c'est du javascript donc tu télécharge la machinerie et la phrase de passe est générée localement.)
→ Génère des phrases de passe...
Calculateur de longueur d'un degré d'arc du méridien
Un app pour les geek de l'astro-géométrie. C'est une app de niche. Il faut déjà savoir que la Terre se découpe en cercle qui passent par les pôles, c'est un méridien. Si on se déplace de 1° d'angle de latitude en suivant un méridien quelle distance on a parcouru en mètre ?
C'est la question à laquelle répond cette application. C'est pas évident, car à cause de l'aplatissement de la Terre, la distance n'est pas la même suivant la latitude !
→ Calculateur de longueur d'un degré d'arc du méridien...
Calculateur d'angle de réfraction de l'atmosphère
Quand on veut savoir à quelle latitude on se trouve, on peut observer la hauteur de l'étoile polaire. Si l'étoile polaire est à 45° de l'horizon, c'est qu'on est à 45° de latitude... c'est vrai. Mais.... à un petit détail près la réfraction atmosphérique, l'atmosphère dévie la lumière et ainsi l'observation est faussée.
Ce calculateur permet de fournir une latitude et d'obtenir l'angle de réfraction atmosphérique donc la correction à appliquer et la latitude à laquelle on est vraiment quand on observe l'angle entré.
→ Calculateur d'angle de réfraction atmosphérique...
Calculateur de rectangle solsticial
Encore une app pour geek de l'astro-géométrie. Cette fois on s'intéresse au calcul d'un rectangle solsticial en fonction de sa latitude.
Cette application est une aide pour voir la forme suivant la latitude et la date et détecter si la forme correspond à une géométrie particulière. (triangle 3-4-5, carré ou double carré, etc..)
→ Calculateur de rectangle solsticial...
Sélecteur de Pizza du bar des allées 🍕
Le bar des allées à Colombier a plus de 150 pizzas sur sa carte, comment choisir sa pizza préférée ?
Ce sélecteur de pizza propose de mettre en évidence les ingrédients pour choisir sa pizza. De plus il est possible d'entrer ses ingrédients préférés et l'app propose les pizzas qui correspondent le mieux à la recherche.
🍕🍕🍕🍕🍕🍕🍕🍕🍕🍕🍕🍕
Traces d'apprentissage
Une application qui affiche comme sur des post-its les phrases issues d'un fichier CSV.
C'est une app qui sert de support à l'apprentissage. En fin d'un cours les élèves résument ce qu'ils ont appris en petites phrases avec un mot clé. (#hashtag).
Au début de la leçon suivante, on affiche les traces afin de se remémorer la leçon précédente et donc de favoriser le processus de mémorisation.
Le jeu de la vie
Le jeu de la vie de Conway est fascinant. Sur une grille, il y a des cellules qui sont considérées comme vivantes ou mortes. A force d'un grand nombre d'itération on observe des structures qui émergent.
Cette app permet de faire tourner un jeu de la vie, mais aussi d'y ajouter des structures particulières qui ont été découvertes (glider, puffer, canon, oscillateur, etc..). On peut donc facilement observer leur propriétés.
Carte du web
Qu'est-ce qu'un espace ? Il est courant de créer une carte du monde et de partir à son exploration.
La carte du web représente quoi ? C'est une cyberespace ?
Je trouve qu'il y a une certaine ressemblance entre la représentation graphique des sites web les plus populaires et la représentation d'étoiles, de planètes, perdu dans la grande immensité !
→ Voici donc une cartes du web, des 1000 sites web les plus visités...
Cartes du monde étonnantes
Voici une application que j'ai développé pour une exposition au musée d'histoire naturelle de Neuchâtel.
C'était avant l'ère des IA.. donc 100% fait mains !
C'est une galerie de cartes étranges et un globe à tourner.
Simulateur de type de Revenu de Base Inconditionnel
Voici un simulateur que j'avais créé lors de la campagne de votation à propos du Revenus de Base Inconditionnel en Suisse.
Il y a plusieurs interprétation de ce qu'est un Revenu de Base Inconditionnel suivant les méthodes de financement. Il y a des modèles qui donnent de l'argent et le reprennent, qu'est-ce que ça change suivant son revenu ?
Est-ce ce que c'est de l'argent en plus pour tous ? Quelle est la différence avec la situation actuelle d'aide sociale ? Cette app montre le principe de chaque modèle.
(App de l'ère pré-IA.. donc 100% faite à la main.)
→ Simulateur de types de Revenu de Base Inconditionnel...
Cartes des bastions des partis politiques en Suisse
J'ai fait une app d3.js qui montre les résultats des partis politiques lors des élections fédérales de 2019.
J'avais comparé cette carte avec la carte du résultat de la votation sur le Revenu De Base Inconditionnel.
→ Cartes intégrées dans un article...
→ Carte brute comparaison RBI et élections fédérales 2019...
→ Carte brute infos communes et force parti politique en 2019...
(App de l'ère pré-IA.. donc 100% faite à la main.)
Coopération VS compétition (Tit for Tat)
La théorie des jeux permet de modéliser des environnements et des agents pour trouver des équilibres de Nash.
Ici le but est de simuler des parties de dilemme du prisonnier et de trouver la stratégie gagnante.
C'est une situation ou deux complices d'un crime sont arrêtés. Ils sont mis en prison dans des cellules séparées et ne peuvent communiquer.
On leur propose les choix suivants:
- trahir: dénoncer son complice et être remis en liberté. Le complice en prend pour 10 ans de prison.
- coopérer: se taire, ne pas dénoncer l'autre et faute d'éléments au dossier, la peine sera uniquement de 6 mois.
Avec la subtilité suivante, si chacun décide de trahir son complice. Au lieu d'avoir la liberté immédiatement, c'est une peine moyenne de 5 ans de prison que chacun devra purger.
Donc globalement les deux prisonniers ont tout intérêt à coopérer et ne pas se dénoncer.
Mais bien souvent ça se passe autrement, la collaboration s'effondre.
Quelle est la stratégie gagnante ?
Est-ce le fait de maximiser ses gains, donc trahir son compère... et ainsi être libéré... mais au risque d'être trahis aussi ?
Est-ce le fait de toujours coopérer ?
Est-ce le fait d'a priori coopérer, puis imiter son adversaire, et pardonner ?
Où encore des stratégies exotiques, comme le comportement aléatoire !! .. et le rancunier qui est gentil, il coopère, mais si on le trahis une seule fois.. trahis systématiquement.
→ Simulateur de coopération - réciprocité - pardon...
Simulateur de stigmergie
.. ou comment les fourmis construisent des fourmilières sans avoir de plan...
La stigmergie est un effet d'émergence d'un grand nombre d'agent issu du fait de laisser des traces d'actions.
Ainsi une fourmi qui se balade laisse des traces de phéromone qui vont guider les autres fourmis quand elle ne savent pas où aller.
La concentration de phéromone influence la détection du nid.
Dans cette app, on peut jouer avec les différents paramètres pour observer des fourmis se créer un fourmilière.. (ou un truc qui y ressemble...)
→ simulation de stigmergie par des fourmis...
La fourmi de Langton
La fourmi de Langton est un automate cellulaire, du même style que le jeu de la vie, une grille avec des cases en noir et blanc, et des règles pour les faire changer de couleur.
Quand on lance l'algorithme, il y a de nombreuses itérations plutôt chaotique. Et vers 10 000 itérations on observe un motif qui se répète. C'est une démonstration de ce qu'est un phénomène émergent. Une phénomène qui est plus que la somme des parties qui le compose.
→ Vers la simulation de la fourmi de Langton...
ElectroCraft
Je de crafting pour découvrir des recettes qui permettent de recréer le monde de l'électronique.
On parle des 4 éléments, eau, air, terre et feu... et le but c'est d'avoir un iPhone !
... ou encore mieux... d'avoir ChatGPT depuis son iPhone !
Lecteur - éditeur de fichiers Markdown
Depuis que j'utilise passablement l'IA perplexity, elle me fourni souvent des fichiers au format markdown. C'est un format de text formaté très basique. Ainsi la mise en page en mode texte brut est très similaire au mode visuel. Mais tout de même ça donne envie de voir le fichier un peu plus joliment formaté.
Ainsi j'ai demandé à perplexity de me créer un lecteur de fichier markdown. Evidement déformation professionnelle oblige, j'ai demandé une app web. Ainsi l'app est accessible de partout.
Encore mieux, en plus de pouvoir lire un fichier. Cette app me permet de glisser des fichiers dans les onglets et ainsi de conserver ces fichiers en mémoire dans mon navigateur web. (localstorage). Ainsi l'app est disponible de partout, mais mes fichiers restent en local.
One more thing.... Lire des fichiers markdown c'est bien, mais pouvoir les modifier c'est mieux. Ainsi hop... le bouton "éditer" (ou le raccourcis clavier cmd + E ) me permet de passer en mode édition et de modifier mon fichier.
Si je veux utiliser mon fichier ailleurs il suffit de l'exporter, et hop.. j'ai mon fichier en local. Pas mal...
Donc si tu veux l'utiliser cette app est disponible par ici:
→ Downut un éditeur markdown....
App web : lecteur de QRcode pour ordinateur
Il y a de plus en plus de QRcode qui fleurissent un peu partout. Très souvent il n'y a même plus qu'un QRcode et pas de lien pour aller sur un site web.
Donc on m'oblige à utilise mon smartphone pour lire un QRcode et donc pour ensuite aller sur le site web proposé. Alors que moi j'ai un ordinateur et que je préfère l'utiliser avec son grand écran et son clavier bien mieux que ceux d'un smartphone !
Ainsi j'ai créé un app web qui permet de lire des QRcode. Il suffit d'ouvrir son navigateur web sur son ordinateur (muni d'une caméra) et de scanner le QRcode.. et hop l'url, l'adresse de la page web est disponible directement dans mon navigateur web préféré.
C'est notamment très utile pour jouer à des Kahoot ou des wooclap. Soit des applications de Quizz collectif pendant des cours.
Donc voilà QRocodile 🐊 une app web pour lire des QRcode depuis son ordinateur (ou son smartphone).
→ Vers le lecteur de QRcode → QRocodile 🐊
PV planner - App d'aider à la conception d'un projet photovoltaïque
Pour expliquer à des apprentis électriciens ce qu'il faut faire pour concevoir un projet de panneau solaires photovoltaïques, j'ai eu l'idée de créer une application web pour aider à la gestion du projet.
L'application nous fourni:
- une checklist sur ce qu'il est nécessaire de faire
- des calculateurs pour dimensionner les panneaux solaires, les onduleurs, et optimiseurs, les batteries...
- des infos sur les subventions
- la méthodologie pour les calculs
- des ressources vers d'autres calculateurs et document de références
Cette application est un premier jet, j'ai nourri une IA avec de nombreux documents de références et références en matière de photovoltaïques, puis j'ai demandé à l'IA de me concevoir une app avec les différentes partie cités ci-dessus.
Je dois encore vérifier si cette application est vraiment pertinente et correcte. Il peut rester des infos erronées. Mais je me suis dis que je pouvais déjà commencer à la partager. Alors attention aux propos...
→ Vers le calculateur de projet photovoltaïque...
Comparaison d'algorithme de tri
Comment est-ce que l'on fait pour trier une liste ?
C'est une fonction qui parait anodine, mais qui n'est pas si simple. Il y a plusieurs algorithme pour trier une liste par ordre alphabétique, trier des bâtons de traille différentes du plus petit au plus grand.
C'est un des mes premiers cours d'algorithme et structures de données que j'ai eu à l'école d'ingénieur:
Créez moi un algorithme de tri.....
→ et bien j'ai galéré... et pas vraiment réussi !
Puis on a appris plusieurs algorithmes de tri classiques en informatique. Il fallait les implémenter, et même faire une démo graphique.
J'ai eu envie ici de demander à l'IA perplexity de me faire un outil de comparaison de différents algorithmes de tris. Voici donc une démo de:
