Aller au contenu
Extension WordPress

Éditeur de Copies d'Examen

Une extension WordPress complète avec un éditeur JavaScript développé de zéro pour personnaliser des copies d'examen et les transformer en PDF prêts à l'impression.

  • WordPress
  • PHP
  • JavaScript
  • PDF
Interface de l'extension WordPress Copie d'Examen

Architecture de l'Extension

Une extension modulaire divisée en deux parties distinctes : administration et front-end utilisateur.

Partie Admin

Interface dans le tableau de bord WordPress permettant aux administrateurs de gérer les produits personnalisables et les modèles.

  • Sélection des produits WooCommerce
  • Upload de PDF vierges (A3/A4)
  • Grille millimétrée pour positionnement précis
  • Zones de contraintes (points reliés)
  • Multi-modèles par produit
  • Éditeur d'astuces intégré

Partie Front-End

Injection automatique via les hooks WordPress d'un bouton de personnalisation sur les pages produits concernées.

  • Détection automatique du produit
  • Bouton "Personnaliser" injecté
  • Choix modèle ou commande précédente
  • Récupération via métadonnées PDF
  • Export PDF + PNG

Éditeur JavaScript Custom

Un éditeur complet développé entièrement en JavaScript vanilla, sans framework, pour une personnalisation totale des copies d’examen.

Interface utilisateur de l'éditeur de copies d'examen

Zones de contraintes

Points reliés formant des zones vertes modifiables. Empêche les éléments de sortir des coupes machine.

Drag & Drop

Déplacement fluide des textes, images et formes directement sur le canvas.

Grille millimétrée

Affichage d’une grille mm/cm par rapport aux dimensions réelles pour positionnement précis.

Rognage d'images

Cropper.js intégré pour recadrer les images en forme libre ou contrainte.

Recherche d'icônes

API Iconify pour rechercher et importer des milliers d'icônes vectorielles.

Récupération commandes

Données cryptées dans les métadonnées PDF pour retrouver ses anciennes créations.

Technologies & Librairies

Une stack technique robuste combinant PHP WordPress et JavaScript avancé.

JSPDF

Génération de fichiers PDF côté client. Export haute qualité avec métadonnées intégrées pour récupération des commandes.

HTML2Canvas

Capture d’éléments HTML en canvas. Export PDF + PNG de la zone personnalisée pour prévisualisation.

Crypto.js

Cryptage des fichiers JSON avec clé secrète de validation. Sécurise les modèles et configurations utilisateurs.

Cropper.js

Rognage d’images avancé. Permet aux utilisateurs de recadrer leurs images en forme libre ou contrainte.

API Iconify

Recherche dynamique d’icônes via API. Des milliers de formes et icônes vectorielles accessibles par recherche.

WPClever

Champs personnalisés WooCommerce. Gestion des fichiers uploadés et commandes sur-mesure.

Parcours Utilisateur

Un workflow fluide du choix du modèle jusqu'à l'ajout au panier WooCommerce.

1

Choix du type

L'utilisateur choisit entre une copie vierge ou un modèle pré-configuré par l'admin.

2

Personnalisation

Ouverture de l'éditeur complet pour ajouter textes, images, formes et éléments graphiques.

3

Prévisualisation

Aperçu en temps réel du rendu final avant validation de la création.

4

Export & Commande

Génération du PDF et ajout automatique au panier WooCommerce en commande personnalisée.

Points Clés du Projet

Les accomplissements techniques et fonctionnels de cette extension.

Extension Fonctionnelle

Développement complet répondant aux besoins spécifiques de l'entreprise avec personnalisation de copies d'examen sur base PDF.

Interface Dynamique

UX interactive permettant de manipuler les éléments directement sur la page avec retour visuel instantané.

Flexibilité & Compatibilité

Architecture basée sur shortcodes et hooks pour une intégration facile avec l'écosystème WordPress et WooCommerce.