Nouvel éditeur de diplômes et attestations : la mise en page devient libre

Jusqu'ici, personnaliser un diplôme sur diplome.app voulait dire choisir une couleur, une police parmi quatre, et le style d'une courbe décorative. La mise en page elle-même restait figée. Le nouvel éditeur change de nature : chaque élément du document, texte, image, signature, QR code, devient un bloc que vous positionnez, redimensionnez et alignez vous-même, sur un canevas qui affiche le rendu réel du document final.

Ce que l'ancien éditeur ne permettait pas

L'ancien éditeur ne touchait jamais à la disposition du document : elle était codée en dur dans le gabarit. Impossible de déplacer une signature, d'ajouter un second logo partenaire à un endroit précis, ou de repositionner le QR code de vérification. Plus problématique : l'attestation de formation, seul document n'ayant encore aucune génération PDF côté serveur, était remise sans le fichier réellement probant, alors que ses mentions obligatoires relèvent d'une exigence légale précise (article L6353-1 du Code du travail).

Autre limite, moins visible mais réelle : l'aperçu affiché dans l'ancien éditeur et le rendu final du diplôme n'étaient pas produits par le même code. Un réglage pouvait donc s'afficher correctement à l'écran et rendre différemment sur le document livré.

Un seul moteur, du brouillon au PDF livré

Le nouvel éditeur repose sur un principe simple : l'aperçu que vous manipulez et le PDF finalement généré sont produits par le même moteur de rendu. Ce que vous voyez à l'écran, jusqu'au pixel, est ce que recevra votre apprenant. Concrètement, un document se compose de blocs positionnés librement sur un canevas au format A4 :

Sept types de blocs

Texte, image, image dynamique (signature, logo d'organisme), rangée de logos partenaires, QR code, forme (rectangle, ellipse, trait) et courbe décorative.

Déplacer, redimensionner, annuler

Glisser-déposer à la souris, poignées de redimensionnement sur 8 points, alignement magnétique sur les autres blocs, historique annuler/rétablir (Cmd/Ctrl+Z).

QR code et signatures au bon endroit

Le QR code de vérification et les signatures ne sont plus imposés à un emplacement fixe : ils se déplacent comme n'importe quel autre bloc.

L'éditeur de documents diplome.app : canevas d'un diplôme avec ses blocs, panneau de calques à gauche, et checklist des mentions attendues à droite

Le canevas de l'éditeur : blocs du document à gauche, réglages et checklist des mentions attendues à droite. Les cadres en pointillés orange signalent les données encore absentes (ici, un modèle volontairement incomplet).

Des variables, pas du texte figé

Un bloc de texte peut contenir des marqueurs comme {{student.fullName}} ou {{program.pvDate}}, remplacés à l'émission par les vraies données du titulaire, de la formation ou de l'organisme, dates déjà mises en forme en français. Un menu dédié liste toutes les données disponibles, classées par catégorie, pour ne jamais avoir à deviner un nom de champ.

Un catalogue de variables organisé

Titulaire, formation, organisme, document, signataires : chaque groupe liste ses données disponibles, insérées en un clic depuis le panneau de propriétés.

Autant de signataires que la formation l'exige

Les signataires ne sont plus figés à deux rôles fixes : ils sont dérivés de ceux réellement déclarés sur la formation, pour les diplômes nationaux qui en exigent plusieurs (recteur, jury...).

Une checklist de mentions, pas une fausse promesse

Chaque document porte un profil (attestation, diplôme, diplôme national), qui détermine une liste de mentions attendues avec leur base légale : une pastille rouge signale une mention obligatoire absente, orange une mention recommandée. Quand une donnée manque réellement (une signature non renseignée, un logo absent), le bloc reste visible dans l'éditeur sous forme de cadre en pointillés explicite, avec une action pour la renseigner immédiatement, sans changer d'écran.

Le choix inverse est tout aussi volontaire : un simple diplôme d'organisme privé n'impose aucune mention obligatoire, précisément pour ne pas faire croire à une conformité légale que rien ne garantit à ce niveau.

Un bloc de texte sélectionné dans l'éditeur diplome.app, avec le panneau de propriétés affichant position, taille, contenu et typographie

Un bloc de texte sélectionné : position, taille, contenu et typographie se règlent dans le panneau de droite, avec le menu « Insérer une donnée… » pour ajouter une variable sans quitter le champ de texte.

Et l'attestation, enfin

L'attestation de fin de formation bénéficie désormais du même moteur : mise en page par blocs, et surtout une véritable génération PDF serveur, avec l'annexe de vérification qui accompagne déjà les diplômes (preuve d'horodatage vérifiable hors ligne). Le seul document qui en était encore privé rejoint les autres.