Skip to main content

Qu'est-ce qu'InfraSStudio ?

🎯 Chapitre 1 — Qu'est-ce qu'InfraSStudio ?

📌 En une phraseDéfinition

InfraSStudio est un éditeurmodule d'édition de contenu visuelpour quiDolibarr. intéragitIl avecs'installe par-dessus le module Website,Website natif de Dolibarr ERP. Ilet permet àaux n'importeutilisateurs quelnon membre de votre équipe — sans une ligne de HTML —techniques de modifier les textes, les images et les données deaffichées votresur leur site web public, directementsans depuismanipuler votrede Dolibarr.code HTML ni de base de données.

Le module est conçu pour s'intégrer dans le quotidien d'une équipe : le développeur livre la structure d'un site, l'éditeur en remplit les contenus, et chacun reste dans son rôle.

🔍 Le problèmebesoin qu'auquel il résoutrépond

Dolibarr inclut,propose depuis plusieurs années,versions un module Website toutcomplet, àcapable faitde capable. Il sait stockergérer des pages, gérer plusieursdes langues, servir des images,images exposeret des virtualhosts. MaisToutefois, ill'édition pose un problème pratique récurrent : pour éditer d'une page,page ilpasse fautpar savoirla liremodification et modifierdirecte du HTML.

stocké en base. Pour un développeur, c'cette opération est trivial.triviale Pour; pour la personne quichargée rédigede lesrédiger des contenus marketing, quid'actualiser actualise lesdes fiches produits ou quid'ajuster ajuste laune page de contactcontact, ?elle C'estconstitue un blocage.obstacle.

Concrètement,Sans voicioutil intermédiaire, le scénario qui se rejouereproduit surrégulièrement laest plupartle des installations Dolibarr Website sans InfraSStudiosuivant :

  1. Le développeur livre un site magnifique.abouti.
  2. SixPlusieurs mois plus tard, un changement mineur est demandé par le client veut changer un titre.client.
  3. IlLe client ouvre l'éditeur de Dolibarr, voit du HTML, fermehésite l'éditeur.à modifier.
  4. IlUne envoiedemande unest emailenvoyée par e-mail au développeur.
  5. LeLa développeurmodification, faitqui laprend modificationquelques enminutes, cinqest minutesappliquée —plusieurs maisjours ilplus auratard, falluaprès attendredeux ou trois jours et deux échanges.
  6. Le client conclut que « le site est dur à éditer ».

✅InfraSStudio Lainterrompt promessece d'InfraSStudio —cycle. Le développeur livreconserve la mêmeresponsabilité page,du HTML, mais eny ayantinsère insérédes quelques balises invisibles dansaux sonendroits HTML.qui Ledoivent clientrester modifiables. Lorsque l'éditeur ouvre InfraSStudiol'interface etdu voit,module, àil droite,voit non plus du code, mais des champs de formulaire propres qui correspondentcorrespondant exactement aux zones éditables. Il modifie, il sauvegarde,enregistre, le site change.est Pasà de HTML.jour.

🧠 Le principe ende image mentalefonctionnement

Imaginez que chaque pageL'unité de votrebase sitedu module est unle formulaire administratif pré-imprimé. Le développeur a déjà tout préparé : le titre du document, les colonnes, les filets, les illustrations, l'ordre des champs. Il a laissé des cases blanches à des endroits précis.

InfraSStudio est l'outil qui permet à n'importe qui de venir remplir les cases, en restant strictement à l'intérieur des cases. La mise en page reste intacte ; seul le contenu change.

Ces cases s'appellent dans le module des slotsslot. Un slot est un emplacement nommé dans une page, avecdéclaré par le développeur dans le HTML, qui correspond à une zone éditable. Chaque slot possède un type (texte court, texte riche, image, lien, couleur, …etc.) etet, —si optionnellement —nécessaire, une valeur par défaut.

<!-- AvantPage —non page hardcodéeéditable -->
<h1>Bienvenue chezsur Keaticnotre site</h1>

<!-- AprèsPage — pagerendue éditable via le StudioInfraSStudio -->
<h1>{{slot:hero_title|type=text|default=Bienvenue chezsur Keatic}notre site}}</h1>

Le HTML reste lisible pour le développeur. AuLorsqu'un renduvisiteur public,consulte la page publique, le module remplacesubstitue le slot par sa valeur courante.courante avant l'envoi au navigateur. Dans l'interface Studio,du module, l'éditeur ne voit pas le HTML mais un champ de saisie nommé « Hero Title » avec un bouton «de Enregistrer ».validation.

🚫 Ce que InfraSStudiole module n'est pas

Pour bien situer l'outil,correctement voiciInfraSStudio, il est utile de préciser ce qu'il ne cherche pas à être :

Ce n'est pas…pas

Pourquoi

Un page builderéditeur visuel

 par blocs (de type Elementor, Divi, WordPress Gutenberg)

VousLa ne déposez passtructure des blocs à la souris. La structurepages reste codée par le développeurdéveloppeur. ;L'éditeur vous remplissezremplit les emplacements prévus.prévus, sans réorganiser la mise en page.

Un thème WordPressprêt à l'emploi

PasLe module ne fournit pas de composants visuelsvisuels, prêtsmais àune l'emploi. Le module fournit l'interfacecouche d'édition pour le HTML que vous écrivez.

Un CMSsystème de gestion de contenu autonome

SansLe module dépend de Dolibarr enet dessous, ledu module neWebsite. Il fonctionne pas. C'estcomme une

surcouche

,surcouche, pasnon comme un remplaçant.remplacement.

✨ Ce que InfraSStudiole est,module doncapporte

Les principales fonctionnalités du module sont les suivantes :

  • 🎨 Un éditeur de slots qui découvredétecte automatiquement les zones éditables dans votrele HTML et génère l'interface de saisie.saisie correspondante.
  • 📁 Une bibliothèque de médias centralisée pour gérer les images, vidéos et documents partagés entre vosles pages.
  • 🌍 Un système de traductions par locale, qui s'alignealigné sur les langues nativesprises deen Dolibarrcharge (FR,par EN, DE, ES, IT, PT, NL, PL).Dolibarr.
  • 📦 Un éditeur de fiches produitsproduit qui transforme votrele catalogue Dolibarr llx_product en pages web dynamiques.
  • 📰Une Un gestionnairegestion de blog qui s'appuiereposant sur les pages Dolibarrstandard Websitedu standard,module Website, sans table séparée.dédiée.
  • 🚀 Un workflowmécanisme brouillonde /brouillons et de publication, pour préparer plusieurs modifications avant de les publierrendre en un clic.visibles.
  • 🔍Des Unoutils outilde SEOréférencement intégré,intégrés avec: aperçu Googledes SERPrésultats en direct,Google, génération de sitemap etsitemap, balises hreflang.hreflang multilingues.

🎯

La promesse endu une phrase

module

« Le développeur gardeconserve le contrôle du HTML.
Le clientL'éditeur gardeconserve le contrôle du contenu.
Personne neChacun marchetravaille dans son périmètre, sans empiéter sur les piedscelui de l'autre. »

Back to top