Produit interactif · Système bilingue · Chapitre public

The Kinetic Kernel : Une algèbre linéaire manipulable

Rendre le produit scalaire visible comme angle, projection et grandeur signée.

Rôle
Créateur, concepteur de l’expérience et développeur
Période
2026
Statut
Aperçu public · développement actif
Discipline
Algèbre linéaire · produit d’apprentissage public bilingue

Saisissez les pointes de u et v

Produit scalaire de deux vecteurs et projectionLes vecteurs u et v forment un angle de 55 degrés. Leur produit scalaire vaut 6.88.uv55°projection
u · v = ‖u‖ ‖v‖ cos θ12 cos(55°) = 6,88

RemarqueLe produit scalaire est la longueur de u multipliée par la projection orientée de v sur u.

u · v = ‖u‖ × projection orientée
= 4 × 1,72 = 6,88
u = (4, 0)Tv = (1,72, 2,46)T

Angle aigu · projection positive · produit positif

Fig. 01 · L’angle détermine le signe du produit scalaire.The Kinetic Kernel · chapitre public
Ce que j’ai produit
  • Un modèle de chapitre et éditorial bilingue
  • Une interaction réutilisable sur le produit scalaire et la projection
  • Définitions, références, exemples et exercices dans un même produit
Ouvrir le chapitre public (nouvel onglet)
Technologies principalesReactViteKaTeXSVG

01 · Contexte + problème

Le défi de conception

J’ai créé The Kinetic Kernel parce que de nombreux objets rigoureux de l’algèbre linéaire restent difficiles à inspecter lorsque la page demeure entièrement symbolique.

Je ne voulais pas juxtaposer une visualisation et un manuel comme deux expériences séparées. Je voulais réunir contenu formel et manipulation dans un même parcours.

02 · Contraintes

Ce que le projet devait respecter.

  • Synchroniser mathématiques et interaction
  • Soutenir le contenu français et anglais
  • Adapter le contenu interactif complexe
Ce qui a été produit
  • Un modèle de chapitre et éditorial bilingue
  • Une interaction réutilisable sur le produit scalaire et la projection
  • Définitions, références, exemples et exercices dans un même produit

03 · Construction

Comment j’ai construit le contenu.

  1. 01

    Je conçois les sections comme patrons réutilisables de contenu et d’interaction.

  2. 02

    Je montre les représentations algébrique et géométrique du même état.

  3. 03

    Je construis le français et l’anglais comme parcours équivalents.

05 · Réalisations et portée

Ce que ce travail donne à voir.

Supports produits

  • Application publique et fonctionnelle
  • Conception du produit et développement web
  • Chapitre public et composant interactif présentés

Portée de la présentation

Le chapitre public permet de parcourir le contenu et d’essayer les interactions que j’ai conçues et développées.

La présentation porte sur le produit et ses interactions, sans étude de leur effet sur les apprentissages.

Ouvrir le chapitre public (nouvel onglet)

Résultats visibles

  • Un chapitre public fonctionnel
  • Des composants interactifs réutilisables
  • Une expérience bilingue qui peut être mise à jour
Limites et statut

Je présente le projet comme un produit fonctionnel et une plateforme en évolution. Je ne revendique aucun chiffre d’adoption ni résultat d’apprentissage mesuré.

06 · Pertinence pour votre organisation

Ce que cette approche rend possible.

Je peux concevoir et développer une interaction scientifique au sein d’une séquence pilotée par votre équipe pédagogique. Les enseignants valident le contenu ; nous définissons ensemble les langues, l’environnement d’intégration et la documentation. Les évolutions du code nécessitent les compétences techniques convenues pour le projet.

Votre équipe prépare un contenu comparable ?

Découvrir le pilote de huit semaines Me poser une question

07 · Approche technique

Approche technique

Technologies principalesReactViteKaTeXSVG
01

Modules interactifs réutilisables

Le produit est organisé comme une bibliothèque de patrons de contenu et d’interactions mathématiques, chargés selon les besoins de chaque chapitre.

React · Vite

Pourquoi ce choix compteDe nouveaux concepts peuvent réutiliser la même structure applicative sans reconstruire chaque interaction.

02

Infrastructure graphique partagée

Les interactions 2D et 3D partagent des primitives de coordonnées, projection, pointeur et rendu de vecteurs.

React · SVG · Canvas

Pourquoi ce choix compteLes gestes et conventions visuelles restent cohérents à mesure que la bibliothèque s’étend.

03

Notation séparée de la géométrie

Les expressions formelles sont rendues indépendamment des objets SVG que les étudiants manipulent.

KaTeX · SVG

Pourquoi ce choix compteLa lisibilité mathématique et le comportement interactif peuvent évoluer sans transformer l’une ou l’autre couche en image figée.

04

Parcours bilingues équivalents

Les ressources linguistiques sont structurées séparément des composants qui présentent et manipulent les mathématiques.

i18next · React

Pourquoi ce choix compteLe français et l’anglais peuvent partager le même modèle d’interaction tout en conservant un contenu substantiel dans chaque langue.