Coulisses · 30 technologies
Comment ce site est construit
ete-85.fr est ma vitrine : parole → texte, texte → parole, OCR, vision, RAG… l’assistant, les démonstrations d’IA et la galaxie en 3D utilisent les mêmes technologies que celles que je mets en place pour mes clients. Voici tout ce qui tourne sous le capot.
Les capacités d’IA du site
Voix, image, texte, données : ce que l’IA fait sur ete-85.fr, avec quoi, et où le voir.
- Speech-to-textParole → texteWhisper large v3 (Groq), Voxtral (Mistral) en secours, reconnaissance vocale du navigateur→ Transcription des réunions dans l’espace admin
- Text-to-speechTexte → paroleSynthèse vocale du navigateur (Web Speech)→ Lecture du compte rendu à voix haute
- OCRImage → texteTesseract.js, modèle français→ Démo « facture → tableau »
- Computer visionVision par ordinateurTraitement d’image maison : mesure de l’angle, redressement, égalisation de l’éclairage→ Photos de factures prises au téléphone
- LLMGénération de textegpt-oss-120b (Groq), Mistral Small en secours→ Réponses de l’assistant, comptes rendus de réunion
- RAGRecherche augmentéeDécoupage en passages et classement BM25 maison, avec synonymes→ L’assistant : seuls les passages utiles partent vers l’IA
- EmbeddingsRecherche par le sensMiniLM multilingue et projection UMAP→ Galaxie des connaissances
- Data qualityAnalyse de donnéesSheetJS et règles de nettoyage maison (doublons, dates, montants)→ Démo « Excel → tableau de bord »
Intelligence artificielle côté serveur
L’assistant du site est un vrai BOT-RAG : il cherche d’abord les passages utiles, puis l’IA rédige à partir d’eux.
- RAG maison (recherche BM25)La base de connaissances est découpée en passages ; seuls les plus pertinents partent vers l’IA, avec synonymes (« combien » trouve « prix »).
- Groq · modèle gpt-oss-120bRédige les réponses de l’assistant et les comptes rendus de réunion (offre gratuite).
- Groq · Whisper large v3Transcrit l’audio des réunions dans l’espace admin (parole → texte).
- Mistral AI · Mistral Small et VoxtralPrennent le relais si Groq ne répond pas, pour le texte comme pour la transcription.
- Réponses préparéesSi aucune IA n’est disponible, l’assistant répond quand même, sans rien envoyer à l’extérieur.
Intelligence artificielle dans votre navigateur
Les démonstrations tournent sur votre appareil : vos fichiers ne sont envoyés nulle part.
- Tesseract.js 7 (OCR)Lit le texte d’une photo de facture, en français.
- Vision par ordinateur maisonRedresse la photo (mesure de l’angle des lignes) et efface les ombres avant la lecture.
- SheetJSLit les fichiers Excel et CSV pour la démo « Excel → tableau de bord ».
- Embeddings multilingues (MiniLM) et UMAPPlacent chaque morceau de contenu selon son sens dans la galaxie des connaissances.
- Web Speech · reconnaissance vocaleAperçu en direct de la transcription dans l’espace admin (Chrome et Edge).
- Web Speech · synthèse vocaleLit le compte rendu de réunion à voix haute, avec les voix installées sur l’appareil (texte → parole).
- Capture audio et Web AudioEnregistre le micro et le son de l’écran partagé (visio), puis le convertit en blocs audio pour la transcription.
Interface et graphisme
Un site rapide, dont les pages arrivent déjà prêtes pour Google.
- React 18 et React Router 7L’interface et la navigation entre les pages.
- TypeScriptUn code typé, où beaucoup d’erreurs sont repérées avant la mise en ligne.
- Vite 6Construit le site et génère chaque page en HTML complet (pré-rendu), pour Google et pour la vitesse.
- Tailwind CSS 4La mise en page, adaptée du téléphone au grand écran.
- WebGLLa galaxie 3D en fond : des dizaines de milliers d’étoiles calculées par la carte graphique.
- Web AudioLa musique d’ambiance, générée en direct, sans aucun fichier son.
- Geist et Geist MonoLes polices, hébergées sur le site (aucune donnée envoyée à Google).
- Application installable et QR codeLe site s’installe sur l’écran d’accueil du téléphone, via un QR code généré par le site.
Serveur, sécurité et vie privée
Un hébergement en France, et le moins possible de services extérieurs.
- OVHcloud · PHP 8.2L’hébergement et les petits programmes serveur : assistant, formulaire, statistiques, espace admin.
- Politique de sécurité stricte (CSP)Le navigateur refuse tout script ou contenu venant d’un site non autorisé.
- Formulaire de contact maisonE-mail envoyé par l’hébergement, copie de secours, piège à robots et limites anti-abus.
- Statistiques sans cookieMesure d’audience faite par le site lui-même, avec seulement des totaux par jour.
- Espace admin protégéMot de passe chiffré (bcrypt), session sécurisée, blocage après plusieurs erreurs.
Qualité et mise en ligne
Chaque modification est testée automatiquement avant d’arriver chez vous.
- GitHub et GitHub ActionsLe code est versionné ; chaque mise en ligne est construite, testée puis envoyée automatiquement.
- VitestDes dizaines de tests sur la lecture des factures, la préparation des photos et l’analyse des fichiers Excel.
- PlaywrightParcourt le site complet dans un vrai navigateur, sur ordinateur et téléphone : pages, démos, assistant, formulaire.
- SFTPEnvoi chiffré des fichiers vers l’hébergement.
- UptimeRobotVérifie le site toutes les 5 minutes et prévient en cas de panne.
IA responsable
Les 6 principes de l’IA responsable, appliqués ici
Les principes d’IA responsable de Microsoft, étudiés pour la certification Azure AI Fundamentals (AI-900), guident chaque outil d’IA que je construis. Voici comment ce site les respecte concrètement.
- 01ÉquitéL’assistant répond à chacun de la même façon, à partir des mêmes informations. Aucune décision n’est prise automatiquement sur une personne.
- 02Fiabilité et sécuritéL’assistant répond uniquement à partir du contenu du site et dit quand il ne sait pas. Si l’IA est indisponible, des réponses préparées prennent le relais. Tests automatiques et surveillance du site en continu.
- 03Confidentialité et sécuritéLes démonstrations tournent dans votre navigateur : vos fichiers ne sont envoyés nulle part. Les questions à l’assistant ne sont pas enregistrées, aucun cookie de suivi, adresse IP jamais stockée en clair.
- 04InclusionNavigation au clavier, textes lisibles, bouton pour arrêter les animations, respect du réglage « réduire les animations ». L’assistant répond dans la langue du visiteur.
- 05TransparenceChaque réponse de l’assistant cite ses sources, et il est présenté comme une IA de démonstration aux réponses possiblement imparfaites. Les services d’IA utilisés sont nommés ici et dans la politique de confidentialité.
- 06ResponsabilitéSimo reste responsable de ce que fait l’IA : l’assistant ne promet ni prix ni délai et renvoie vers un échange humain. Les erreurs des services d’IA sont suivies dans un tableau de bord.
Envie des mêmes outils pour votre entreprise ?
Premier échange de 30 minutes, gratuit et sans engagement.
Demander mon échange gratuit