Le contexte du projet
Mis en ligne en 2013 à l’adresse glyco3d.cermav.cnrs.fr, le site Glyco3D est un portail de référence en glycosciences structurales, édité par le CERMAV (Centre de Recherches sur les Macromolécules Végétales — CNRS, Grenoble) en collaboration avec plusieurs institutions internationales (DTU au Danemark, Université de Genève, SIB suisse, UCIBIO au Portugal, IUT Lyon 1, Kazan).
Développé à l’origine en PHP sur mesure, adossé à une base de données relationnelle et à un module propriétaire d’affichage 3D de molécules, le site avait vieilli techniquement. Plus d’une décennie après sa mise en ligne, il ne répondait plus aux exigences de sécurité du CNRS. La direction du CERMAV a donc souhaité une refonte complète sur WordPress, plus pérenne et plus facile à maintenir. Cette refonte a été menée en 2026.
Que présente le site Glyco3D ?
Glyco3D est un portail public de bases de données structurales dédié à la communauté scientifique internationale travaillant en glycobiologie. Il rassemble, dans un format unifié, les structures tridimensionnelles d’un large éventail de molécules glucidiques d’intérêt biologique.
Le portail est composé de quatre bases de données internes hébergées sur le site :
- Disac3-DB — disaccharides : les briques élémentaires des oligosaccharides, avec leurs cartes énergétiques et leurs conformations de basse énergie ;
- BioOligo-DB — oligosaccharides bioactifs, ou « déterminants glycaniques », impliqués dans la reconnaissance cellulaire ;
- NMR oligo — spectres RMN (1H, 13C, COSY, TOCSY, HMQC, HMBC) d’oligosaccharides bioactifs, données expérimentales ;
- mAbscarb-DB — anticorps monoclonaux dirigés contre des glucides, complexes anticorps-sucre à haute résolution.
Pour chaque molécule des bases internes, l’utilisateur peut consulter une fiche descriptive, visualiser la structure en 3D dans son navigateur, et télécharger les coordonnées atomiques au format PDB.
Le site s’adresse à un public de chercheurs, doctorants, enseignants en biochimie et glycobiologie — pour qui la fiabilité des données et la qualité de la visualisation sont essentielles.
Les enjeux de la refonte
Trois objectifs ont guidé l’ensemble du projet :
- Mise aux normes de sécurité du CNRS : passage à une plateforme maintenue, mise à jour régulièrement et adossée à un écosystème actif (WordPress).
- Conservation intégrale du contenu scientifique : aucune fiche molécule ne devait être perdue, et la classification d’origine devait être préservée.
- Maintien des fonctionnalités avancées : recherche, filtrage, et surtout visualisation 3D interactive des molécules à partir des fichiers PDB.
Migration des données : environ 800 fiches molécules
Le site original reposait sur une base de données structurée par catégories de molécules. La migration a comporté plusieurs étapes :
- Export et transformation automatisés d’une partie significative des fiches vers la structure WordPress (Custom Post Types, taxonomies par catégorie de molécule, champs personnalisés).
- Reprise manuelle des champs incompatibles avec WordPress : caractères spéciaux scientifiques, formules chimiques, encodages hérités, structures de fichiers spécifiques au moteur d’origine.
- Vérification et nettoyage des données scientifiques pour garantir l’intégrité de chaque fiche après migration.
Au total, environ 800 fiches molécules ont été reprises, chacune conservant ses fichiers PDB, ses images, ses spectres RMN le cas échéant, et ses métadonnées (origine, code PDB, résolution, références bibliographiques, etc.).
Le défi technique : un visualiseur 3D de molécules sur WordPress
Le cœur du projet — et l’élément différenciant de Glyco3D — est l’affichage 3D interactif des structures moléculaires directement dans le navigateur, à partir des fichiers PDB (Protein Data Bank, format standard de la biologie structurale).
WordPress n’embarque évidemment aucune fonctionnalité de ce type. Il a fallu développer un module sur mesure capable de :
- Lire et parser les fichiers PDB associés à chaque fiche ;
- Rendre la molécule en 3D dans une fenêtre intégrée à la page, avec rotation, zoom et changement de mode de représentation ;
- Générer dynamiquement la visualisation à partir des champs WordPress de chaque fiche, sans intervention manuelle ;
- Permettre le téléchargement du fichier PDB original.
Pour cela, j’ai retenu 3Dmol.js, une bibliothèque JavaScript open source de visualisation moléculaire fondée sur WebGL, largement utilisée dans le monde académique. Elle gère nativement le format PDB, propose plusieurs modes de représentation (cartoon, sticks, surface, sphères), et s’intègre proprement dans une page web sans dépendance lourde côté serveur — ce qui en faisait le choix le plus pertinent pour un portail scientifique destiné à fonctionner durablement et sans plugin propriétaire.
Cette brique technique a demandé un travail de développement spécifique, intégré au thème WordPress sous forme de shortcode et/ou de bloc personnalisé, et appelé automatiquement sur chaque fiche molécule.
Architecture technique retenue
La stack technique du nouveau Glyco3D combine WordPress comme socle et un développement PHP sur mesure pour tout ce qui touche à la spécificité scientifique du site :
| Composant | Rôle |
|---|---|
| WordPress | Socle CMS, gestion de contenu, sécurité, sauvegardes |
| Elementor | Mise en page des modèles de fiches et de pages éditoriales |
| Custom Post Types | Une catégorie WordPress par type de molécule |
| Développement PHP sur mesure | Affichage des fiches, filtres, recherche, intégration du module 3D |
| Module PDB → 3D | Lecture des fichiers PDB et rendu 3D côté navigateur via 3Dmol.js (WebGL) |
Elementor n’est volontairement utilisé que pour la trame visuelle (modèles de pages, header, footer, mise en page éditoriale). Tout ce qui relève de la logique métier — affichage des fiches molécules, filtrage par catégorie, recherche structurée, lecture des fichiers PDB — repose sur du code PHP custom, plus performant et plus prévisible qu’un assemblage de plugins génériques sur un projet aussi spécifique.
Hébergement et mise en ligne
Le site est désormais hébergé chez OVH et accessible à l’adresse https://glyco3d.fr/. Le passage du sous-domaine institutionnel (glyco3d.cermav.cnrs.fr) à un nom de domaine dédié (glyco3d.fr) renforce l’identité du portail et facilite la communication scientifique autour du projet.
Le résultat
Glyco3D 2.0 conserve l’intégralité de la richesse scientifique de la version d’origine tout en s’appuyant sur une plateforme maintenue, sécurisée et évolutive. L’équipe du CERMAV peut désormais ajouter, modifier ou enrichir les fiches molécules sans intervention de développeur, tout en bénéficiant d’un affichage 3D moderne et d’une expérience utilisateur cohérente sur tous les supports.
WordPress · Elementor · Développement PHP sur mesure · Migration de bases de données · Custom Post Types · 3Dmol.js · Visualisation 3D moléculaire · Lecture de fichiers PDB · Hébergement OVH · Sécurité CNRS
