mirror of
https://github.com/almet/notmyidea.git
synced 2025-04-29 03:52:38 +02:00
249 lines
No EOL
21 KiB
HTML
249 lines
No EOL
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<title>
|
|
uMap - Alexis Métaireau </title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet"
|
|
href="https://blog.notmyidea.org/theme/css/main.css?v2"
|
|
type="text/css" />
|
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml"
|
|
type="application/atom+xml"
|
|
rel="alternate"
|
|
title="Alexis Métaireau ATOM Feed" />
|
|
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vega-lite@5"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<section id="links">
|
|
<ul>
|
|
<li>
|
|
<a class="main" href="/">Alexis Métaireau</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/journal/index.html">Journal</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/code/">Code, etc.</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/weeknotes/">Notes hebdo</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/lectures/">Lectures</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/projets.html">Projets</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<header>
|
|
<h1 class="post-title">uMap</h1>
|
|
<div>
|
|
▓▓▓▓▓▓▓░░░ 74% (129h / 175 prévues)
|
|
</div>
|
|
<ul>
|
|
<li>129h rémunérées</li>
|
|
<li>4h bénévoles</li>
|
|
</ul>
|
|
</header>
|
|
<article>
|
|
<div id="vis"></div>
|
|
<h2 id="lundi-18-decembre-2023">🗓️ Lundi 18 décembre 2023</h2>
|
|
<p>J’ai creusé sur mon idée de faire en sorte de synchroniser un point, j’ai une meilleure compréhension de ou m’insérer dans le code, et j’ai pu commencer à coder un bout de code qui fait la connexion avec le stockage.</p>
|
|
<p>J’ai aussi commencé à coder la partie stockage, en mettant de côté pour le moment la partie <span class="caps">CRDT</span> en tant que telle, j’ai l’impression de voir comment ça va fonctionner maintenant.</p>
|
|
<p>J’ai découvert la documentation de Leaflet <a href="https://leafletjs.com/reference.html#class">sur comment les objets fonctionnent</a> et la documentation de <a href="http://leaflet.github.io/Leaflet.Editable/doc/api.html#editable">Leaflet Editable</a> qui étaient en fait des lectures indispensables à la bonne compréhension du code de umap.</p>
|
|
<p>On a terminé la journée avec une session de pair avec Yohan qui était vraiment bien : j’avais des questions précises et on a pu avancer ensemble vers plus de clarté.</p>
|
|
<h2 id="samedi-16-decembre-2023">🗓️ Samedi 16 décembre 2023</h2>
|
|
<p>J’ai eu envie de commencer à m’intégrer avec uMap, pour ce qui est de la synchronisation des données. Pas forcement pour faire les choses <em>en version finale</em>, mais plutôt pour avancer un peu sur ma compréhension du code de manière générale.</p>
|
|
<p>Objectif: faire de la synchronisation de données pour un point. Quand il est ajouté sur une carte, je veux pouvoir récupérer un évènement de l’autre côté et l’afficher sur cette seconde carte. Éventuellement j’aimerai bien pouvoir suivre le drag-n-drop également.</p>
|
|
<p>J’ai passé l’aprèm à mettre des petits points d’arrêts dans mon navigateur web, pour mieux comprendre où ce serait le plus logique de m’insérer pour voir les modifications sur la carte, pour enfin commencer à ajouter <code>Y.js</code> dans le code (en tant que module).</p>
|
|
<p>Le fait qu’on utilise pas de bundler rends les choses un peu plus compliquées, mais je suis content d’avoir la main sur comment les choses sont faites.</p>
|
|
<p>J’ai un peu bloqué sur l’utilisation de Y.<span class="caps">JS</span>, qui s’attends à ce que d’autres modules soient disponibles dans des namespaces spécifiques, ce qui ne correspond pas vraiment à nos pratiques.</p>
|
|
<p>J’ai découvert <a href="">import maps</a> et j’ai commencé à les utiliser, mais ça ne semble pas suffire pour notre approche “simpliste”. En tout cas, pas pour Y.<span class="caps">JS</span> (https://github.com/yjs/yjs/issues/325)</p>
|
|
<h2 id="vendredi-15-decembre-2023">🗓️ Vendredi 15 décembre 2023</h2>
|
|
<p>🚗 J’ai travaillé depuis la maison, suite à des soucis de voiture. </p>
|
|
<p>J’ai continué le travail sur l’ajout de l’utilisation de modules Javascript, pour pouvoir gérer les imports et les exports, plutôt que d’avoir tout dans le namespace global.</p>
|
|
<p>J’ai pu discuter avec Vincent puis avec David du sujet. Je suis content <a href="https://github.com/umap-project/umap/pull/1463">de l’approche prise</a>, qui devrait permettre de moderniser un peu la base de code, sans pour autant utiliser des technologies de transpilation, ni de bundling qui rendent l’expérience développeur plus complexe.</p>
|
|
<p>J’en ai profité pour <a href="https://github.com/umap-project/umap/pull/1471">ajouter mes apprentissages</a> dans la documentation développeur, le genre d’informations que je récupère à droite à gauche et qui sont utiles pour pouvoir contribuer.</p>
|
|
<p>J’ai un peu réorganisé mes notes autour des différents challenges qu’on a sur ce projet concernant les différents aspects (stockage, réactivité, réconcialiation des données, transport). Et entre autre autour de la partie transport.</p>
|
|
<h2 id="jeudi-14-decembre-2023">🗓️ Jeudi 14 décembre 2023</h2>
|
|
<p>Réunion le matin avec Yohan et NLNet, l’idée était de valider notre plan d’action, et c’est bon. Les documents sont signés on est surs d’avoir le financement. Sacrée nouvelle :-)</p>
|
|
<p>J’ai découvert au passage quelques bibliothèques intéressantes (<a href="https://jsonjoy.com/"><span class="caps">JSON</span> Joy</a> et <a href="https://p2panda.org/">p2panda</a>), qui pourraient potentiellement nous intéresser. </p>
|
|
<p>J’ai passé un peu de temps en amont pour retravailler la proposition qu’on leur avait faite, et après pour leur donner dans le format qu’iels souhaitaient.</p>
|
|
<p>L’après-midi j’ai passé un peu de temps pour voir comment on pourrait utiliser des modules <span class="caps">JS</span> dans umap sans tout changer pour autant 😇</p>
|
|
<h2 id="mercredi-13-decembre-2023">🗓️ Mercredi 13 décembre 2023</h2>
|
|
<h2 id="mardi-12-decembre-2023">🗓️ Mardi 12 décembre 2023</h2>
|
|
<p>Matinée loupée suite à une blessure au poignet la veille au soir. Après-midi passée en partie avec David pour mettre en place l’utilisation de web components.</p>
|
|
<h2 id="lundi-11-decembre-2023">🗓️ Lundi 11 décembre 2023</h2>
|
|
<p>Matinée passée à imaginer comment les données pourraient êtres structurées dans le client, et comment l’interface pourrait se faire avec les objets leaflet.</p>
|
|
<p>Après-midi à faire un point humain, puis un point technique, avec la rencontre de (peut-être ?) notre prochaine bizdev.</p>
|
|
<p>Discussion technique avec David. Peut-être qu’un algorithme de merge qui serait présent sur le serveur et sur le client pourrait nous permettre de nous passer de la complexité des CRDTs?</p>
|
|
<h2 id="mercredi-06-decembre-2023">🗓️ Mercredi 06 décembre 2023</h2>
|
|
<p>J’ai terminé de faire quelques légers changements dans la documentation, avant de me plonger dans le code javascript et de commencer à faire du refactoring.</p>
|
|
<p>J’ai passé du temps à comprendre comment avoir côte à côte des modules <span class="caps">ES6</span> et du code de type « script ». J’ai ensuite commencé à créer des modules javascript en charge de la sauvegarde des données. En tirant les fils je me rends compte qu’il va sans doute falloir que je repasse sur le code qui s’occupe des requêtes <span class="caps">XHR</span> à l’ancienne, pour le remplacer par de l’async/await.</p>
|
|
<p>J’avais oublié à quel point faire des requêtes depuis le navigateur était compliqué à l’époque !</p>
|
|
<h2 id="mardi-05-decembre-2023">🗓️ Mardi 05 décembre 2023</h2>
|
|
<p>J’ai mis à plat ce que j’ai appris ces dernières semaines sur le projet, pour pouvoir décider vers où aller pour la suite des évènements.</p>
|
|
<p>Une discussion avec Yohan me fait pencher vers la piste que je mettais de côté à cause des changements qui sont nécessaires côté client: les CRDTs.</p>
|
|
<h2 id="mercredi-29-novembre-2023">🗓️ Mercredi 29 novembre 2023</h2>
|
|
<p>J’ai passé du temps sur la <span class="caps">PR</span> du merge optimiste, pour essayer de changer le fonctionnement qui passe actuellement par la modification des champs de formulaires envoyés, ce que je ne trouve pas très clean.</p>
|
|
<p>Le travail pour faire autrement me semble trop important pour le moment, on accepte la <span class="caps">PR</span> telle quelle, avec l’idée de passer par une <span class="caps">API</span> plus tard, avec la refonte avec <span class="caps">DRF</span>.</p>
|
|
<p>J’ai aussi travaillé sur la documentation.</p>
|
|
<h2 id="mardi-28-novembre-2023">🗓️ Mardi 28 novembre 2023</h2>
|
|
<p>Travail de projection pour NLNet, puis réunion l’après-midi. J’ai ensuite repris les recherches pour affiner l’utilisation des CRDTs.</p>
|
|
<h2 id="lundi-27-novembre-2023">🗓️ Lundi 27 novembre 2023</h2>
|
|
<p>Matinée passée à organiser ma semaine, à participer a la présentation de NLNet (très bon accueil, et clarifications utiles), puis à faire un petit tour de uMap côté front avec Yohan.</p>
|
|
<p>L’après-midi j’ai commencé à intégrer les notes que j’ai prises sur le côté <span class="caps">JS</span> à la documentation actuelle, et j’en ai profité pour refaire un tour sur la documentation actuelle pour la simplifier et la clarifier.</p>
|
|
<h2 id="vendredi-24-novembre-2023">🗓️ Vendredi 24 novembre 2023</h2>
|
|
<p>Réunion d’avancement et point avec David et Yohan pour préparer la suite concernant NLNet.</p>
|
|
<p>Je suis content d’avoir préparé le point, et je mesure l’importance donnée aux personnes dans les process.</p>
|
|
<h2 id="jeudi-23-novembre-2023">🗓️ Jeudi 23 novembre 2023</h2>
|
|
<p>J’ai passé du temps pour faire passer les tests dans le <span class="caps">CI</span>, et résolu quelques problèmes au passage.</p>
|
|
<h2 id="mercredi-22-novembre-2023">🗓️ Mercredi 22 novembre 2023</h2>
|
|
<p>J’ai exploré l’utilisation de Websockets pour le transport, entre autre sa consommation mémoire, il semblerait que ce soit tout à fait acceptable (1gb de mémoire permet de gérer 1500 connexions concurrentes).</p>
|
|
<p>WebRTC n’est <a href="https://gitlab.torproject.org/legacy/trac/-/issues/8178">actuellement pas supporté par Tor Browser </a>(<a href="https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/41021">pour le moment</a>), donc j’imagine que c’est une fausse piste.</p>
|
|
<p>J’ai repassé un bon coup sur la <span class="caps">PR</span> du merge optimiste. Je suis content du résultat: le code et des tests me semblent plus lisibles et compréhensibles.</p>
|
|
<p>L’après-midi à été passée avec Yohan qui m’a fait un tour du frontend. J’en ai profité pour prendre des notes que je pense publier dans la documentation. C’était très utile d’avoir ses explications, le code n’est pas si simple à prendre en main.</p>
|
|
<h2 id="mardi-21-novembre-2023">🗓️ Mardi 21 novembre 2023</h2>
|
|
<p>Une matinée passée à la fois à préparer la semaine et à rédiger un résumé de ce que j’ai fait la semaine dernière.
|
|
J’ai passé un peu plus de temps à comprendre en profondeur le code de merge de la <span class="caps">PR</span> de Biondi biondo, pour pouvoir l’expliquer dans un article de blog.</p>
|
|
<p>L’après-midi j’ai participé à la weekly et lu l’article de blog de Figma qui explique leur approche pour implementer du temps réel.</p>
|
|
<p>J’avance petit à petite sur la piste d’utiliser un <span class="caps">CRDT</span> “maison”, voire pas de <span class="caps">CRDT</span> du tout, en fonction de nos besoins réels. Un <span class="caps">CRDT</span> nous permettrait d’avoir plusieurs personnes qui travaillent en même temps sur une même feature (au sens GeoJSON), mais je ne sais pas encore si c’est un cas d’usage réel.</p>
|
|
<h2 id="samedi-18-novembre-2023">🗓️ Samedi 18 novembre 2023</h2>
|
|
<p>J’ai passé un peu de temps à intégrer l’intégration continue de Github. Je pensais que ce serait rapide mais je ne devais pas être très réveillé…</p>
|
|
<h2 id="vendredi-17-novembre-2023">🗓️ Vendredi 17 novembre 2023</h2>
|
|
<p>J’ai passé du temps pour essayer de comprendre comment utiliser SQLite en local à l’intérieur d’un navigateur, en utilisant <a href="https://vlcn.io/docs/cr-sqlite/intro">cr-sqlite</a>. J’ai un prototype qui fonctionne à peu près et qui permet de récupérer les éditions en local pour les synchroniser avec une autre base SQLite.</p>
|
|
<p>Fait un point avec l’équipe sur l’avancement général l’après-midi.</p>
|
|
<p>Ensuite continué à creuser sur l’utilisation de SQLite avec cr-sqlite.</p>
|
|
<h2 id="mardi-14-novembre-2023">🗓️ Mardi 14 novembre 2023</h2>
|
|
<p>Une matinée passée avec Yohan pour à la fois <a href="https://github.com/umap-project/umap/pull/772/">avancer sur la <span class="caps">PR</span> pour merger des conflits simples</a>. On a passé le code en revue et fait quelques changements cosmétiques qui devraient aider à la compréhension générale.</p>
|
|
<p>La deuxième partie de la matinée à été utilisée pour discuter des découvertes et des questions que je me pose quand à comment faire pour ajouter ces fonctions de collaboration temps réel.</p>
|
|
<p>Plusieurs trucs à noter :
|
|
- Il est possible de challenger l’utilisation de geoJSON pour le stockage des données. On a parlé entre autres de pmtiles et de sqlite.</p>
|
|
<p>J’ai passé un début d’après-midi à installer mon environnement de travail sur Linux, puis j’ai :
|
|
- terminé de rebaser la pull request pour faire un merge optimiste.
|
|
- amélioré la vitesse d’execution des tests</p>
|
|
<p>Découvertes :
|
|
- https://www.geopackage.org/
|
|
- https://vlcn.io/docs/js/reactivity</p>
|
|
<h2 id="lundi-13-novembre-2023">🗓️ Lundi 13 novembre 2023</h2>
|
|
<p>J’ai cherché à comprendre comment il serait possible de s’intégrer avec Leaflet. Je connais assez mal l’écosystème donc j’ai cherché les plugins autour de stockage de données et de la synchronisation.</p>
|
|
<p>Beaucoup de clicks, de lecture et de compréhension des contours de l’écosystème <span class="caps">SIG</span>, et de l’écosystème de Leaflet.</p>
|
|
<p>J’ai aussi creusé autour des <span class="caps">SSE</span> et de WebRTC, question de comprendre les limites et avantages de chacun.</p>
|
|
<h2 id="mardi-07-novembre-2023">🗓️ Mardi 07 novembre 2023</h2>
|
|
<ul>
|
|
<li>Lu la documentation d’automerge</li>
|
|
<li>Commencé à faire un prototype pour voir le fonctionnement d’automerge en python</li>
|
|
<li>Installé les dépendances rust, compilé automerge</li>
|
|
<li>Réunion discussion avec Yohan sur mes questions et sur les différentes pistes</li>
|
|
</ul>
|
|
<h2 id="lundi-06-novembre-2023">🗓️ Lundi 06 novembre 2023</h2>
|
|
<ul>
|
|
<li>Lu le code qui est dans uMap actuellement pour comprendre le fonctionnement actuel</li>
|
|
<li>Commencé à rédiger un document avec les différentes options pour faire de la synchro</li>
|
|
<li>Fais des recherches sur les différentes options pour faire de la synchro</li>
|
|
</ul>
|
|
</article>
|
|
<script>
|
|
const spec = {
|
|
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
|
|
"width": 500,
|
|
"height": 200,
|
|
"data":
|
|
{
|
|
"name": "table",
|
|
"values": [
|
|
{"date": "2023-12-18", "series": "Rémunéré", "count": 9},
|
|
{"date": "2023-12-18", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-16", "series": "Rémunéré", "count": 4},
|
|
{"date": "2023-12-16", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-15", "series": "Rémunéré", "count": 7},
|
|
{"date": "2023-12-15", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-14", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-12-14", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-13", "series": "Rémunéré", "count": 2},
|
|
{"date": "2023-12-13", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-12", "series": "Rémunéré", "count": 4},
|
|
{"date": "2023-12-12", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-11", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-12-11", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-06", "series": "Rémunéré", "count": 6},
|
|
{"date": "2023-12-06", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-12-05", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-12-05", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-29", "series": "Rémunéré", "count": 5},
|
|
{"date": "2023-11-29", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-28", "series": "Rémunéré", "count": 4},
|
|
{"date": "2023-11-28", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-27", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-11-27", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-24", "series": "Rémunéré", "count": 2},
|
|
{"date": "2023-11-24", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-23", "series": "Rémunéré", "count": 3},
|
|
{"date": "2023-11-23", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-22", "series": "Rémunéré", "count": 9},
|
|
{"date": "2023-11-22", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-21", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-11-21", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-18", "series": "Rémunéré", "count": 0},
|
|
{"date": "2023-11-18", "series": "Bénévole", "count": 4},
|
|
{"date": "2023-11-17", "series": "Rémunéré", "count": 6},
|
|
{"date": "2023-11-17", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-14", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-11-14", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-13", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-11-13", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-07", "series": "Rémunéré", "count": 8},
|
|
{"date": "2023-11-07", "series": "Bénévole", "count": 0},
|
|
{"date": "2023-11-06", "series": "Rémunéré", "count": 4},
|
|
{"date": "2023-11-06", "series": "Bénévole", "count": 0},
|
|
]
|
|
}
|
|
,
|
|
"mark": "bar",
|
|
"encoding": {
|
|
"x": {
|
|
"timeUnit": {"unit": "dayofyear", "step": 1},
|
|
"field": "date",
|
|
"axis": {"format": "%d/%m"},
|
|
"title": "Date",
|
|
"step": 1,
|
|
},
|
|
"y": {
|
|
"aggregate": "sum",
|
|
"field": "count",
|
|
"title": "Heures",
|
|
},
|
|
"color": {
|
|
"field": "series",
|
|
"scale": {
|
|
"domain": ["Bénévole", "Rémunéré"],
|
|
"range": ["#e7ba52", "#1f77b4"]
|
|
},
|
|
"title": "Type d'heures"
|
|
}
|
|
}
|
|
};
|
|
|
|
vegaEmbed("#vis", spec)
|
|
// result.view provides access to the Vega View API
|
|
.then(result => console.log(result))
|
|
.catch(console.warn);
|
|
</script>
|
|
<footer>
|
|
<a id="feed" href="/feeds/all.atom.xml">
|
|
<img alt="RSS Logo" src="/theme/rss.svg" />
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |