GFM Builder<\/a>, un g\u00e9n\u00e9rateur que j’avais \u00e9crit il y a plusieurs ann\u00e9es, enti\u00e8rement dans APEX.<\/p>\n\n\n\nLe principe n’a pas chang\u00e9 : on d\u00e9crit le formulaire dans des tables de m\u00e9tadonn\u00e9es, un package PL\/SQL fabrique la page APEX correspondante. Ce qui a chang\u00e9, c’est la mani\u00e8re de concevoir les formulaires et l’architecture qui la porte. Cet article raconte cette \u00e9volution et se termine par un petit guide utilisateur.<\/p>\n\n\n\n
La version pr\u00e9c\u00e9dente<\/h2>\n\n\n\n GFM Builder \u00e9tait une application APEX classique. On y saisissait les formulaires, leurs sections et leurs champs dans des \u00e9crans de type rapport et formulaire. Un bouton lan\u00e7ait ensuite le package gfm_builder<\/code>, qui cr\u00e9ait la page dans l’application h\u00f4te en appelant les API internes d’APEX, exactement comme le fait un import.<\/p>\n\n\n\nCela fonctionnait, mais trois limites sont apparues avec le temps :<\/p>\n\n\n\n
\nLa conception \u00e9tait laborieuse.<\/strong> Placer un champ, changer l’ordre des sections ou la largeur d’une zone passait par des \u00e9crans de saisie et des num\u00e9ros de s\u00e9quence. Rien de visuel pour des utilisateurs qui ne sont pas d\u00e9veloppeurs.<\/li>\n\n\n\nLes mont\u00e9es de version d’APEX cassaient la g\u00e9n\u00e9ration.<\/strong> Les API utilis\u00e9es (wwv_flow_api<\/code>) ne sont pas document\u00e9es. <\/li>\n\n\n\nLe code avait vieilli.<\/strong> Un package d’un seul tenant, peu document\u00e9, avec des dates stock\u00e9es en texte et des choix de colonnes fig\u00e9s.<\/li>\n<\/ul>\n\n\n\nLa nouvelle architecture<\/h2>\n\n\n\n La conception quitte APEX : elle se fait dans un client web ind\u00e9pendant, qui ne parle \u00e0 la base qu’au travers d’une API REST. La saisie, elle, reste dans les pages APEX g\u00e9n\u00e9r\u00e9es.<\/p>\n\n\n\n\n\t\t\t\n\t\t\t\tLe concepteur et l’utilisateur de saisie ne passent jamais par le m\u00eame chemin : l’un modifie des m\u00e9tadonn\u00e9es via l’API, l’autre saisit des donn\u00e9es dans APEX.<\/p>\n\n\n\n
\nLe client<\/strong> est \u00e9crit en JavaScript et Bootstrap 5, sans \u00e9tape de compilation. SortableJS assure le glisser-d\u00e9poser. Il peut \u00eatre servi depuis n’importe o\u00f9, y compris GitHub Pages.<\/li>\n\n\n\nORDS<\/strong> expose le module REST gfm.designer<\/code>. L’acc\u00e8s est prot\u00e9g\u00e9 par OAuth2 : flux \u00ab code d’autorisation \u00bb avec PKCE, et un r\u00f4le d\u00e9di\u00e9 aux concepteurs.<\/li>\n\n\n\nLe package gfm_api<\/code><\/strong> re\u00e7oit les appels, contr\u00f4le les r\u00e8gles m\u00e9tier et renvoie le formulaire complet en JSON apr\u00e8s chaque modification. Le client n’a plus qu’\u00e0 le redessiner.<\/li>\n\n\n\nLe package gfm_builder<\/code><\/strong>, refondu et document\u00e9, garde ses signatures publiques. Il cr\u00e9e les vues et les pages dans l’application h\u00f4te.<\/li>\n<\/ul>\n\n\n\nToutes les donn\u00e9es et toute la logique restent dans Oracle. Le client ne stocke rien, \u00e0 part le jeton de session.<\/p>\n\n\n\n
Stockage g\u00e9n\u00e9rique et pages g\u00e9n\u00e9r\u00e9es<\/h2>\n\n\n\n Tous les formulaires enregistrent leurs donn\u00e9es dans une seule table, GFM_DATA<\/code>, sans aucune cr\u00e9ation de table par formulaire. Elle offre des colonnes \u00ab emplacements \u00bb de trois types :<\/p>\n\n\n\nType<\/th> Colonnes<\/th> Usage<\/th><\/tr><\/thead> Texte<\/td> C001 \u00e0 C050<\/td> champs texte, listes, zones de texte<\/td><\/tr> Nombre<\/td> N001 \u00e0 N020<\/td> champs num\u00e9riques ; N001 sert de cl\u00e9 vers la ligne parente d’une grille<\/td><\/tr> Date<\/td> D001 \u00e0 D020<\/td> dates, stock\u00e9es enfin en vrai type DATE<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n\u00c0 la g\u00e9n\u00e9ration, chaque champ re\u00e7oit un emplacement libre du bon type, et deux vues donnent un visage lisible aux donn\u00e9es :<\/p>\n\n\n\n
\nG$_<CODE><\/code> porte le formulaire de saisie, avec un d\u00e9clencheur INSTEAD OF<\/code> qui \u00e9crit dans GFM_DATA<\/code> ;<\/li>\n\n\n\nG$_<CODE>_R<\/code> alimente le rapport, avec les libell\u00e9s des listes et les colonnes d’audit (cr\u00e9\u00e9 le, par, modifi\u00e9 le, par).<\/li>\n<\/ul>\n\n\n\nPour un formulaire, le package produit deux pages dans l’application h\u00f4te :<\/p>\n\n\n\n
\nUne page de saisie<\/strong> : sections en onglets, en r\u00e9gions ou avec un s\u00e9lecteur, champs typ\u00e9s, champs et sections conditionnels, grilles \u00e9ditables pour les sous-formulaires.<\/li>\n\n\n\nUn rapport interactif<\/strong> sur la vue _R<\/code>, avec un bouton \u00ab Nouveau \u00bb et un lien vers chaque fiche.<\/li>\n<\/ol>\n\n\n\nApr\u00e8s \u00ab Submit \u00bb, l’utilisateur est redirig\u00e9 vers une page END<\/code> de l’application h\u00f4te. Le package appelle d\u00e9sormais directement wwv_flow_imp_page<\/code>, l’API qu’utilisent les exports d’APEX 26.1, ce qui a fait dispara\u00eetre les erreurs de contraintes. Par prudence, une page existante n’est remplac\u00e9e que si elle a bien \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9e pour ce formulaire.<\/p>\n\n\n\nGuide utilisateur<\/h2>\n\n\n\n GFM Designer s’ouvre dans un navigateur. Le menu du haut donne acc\u00e8s \u00e0 trois \u00e9crans : Formulaires<\/strong>, Composants<\/strong> et Param\u00e8tres<\/strong>.<\/p>\n\n\n\n1. Se connecter<\/h3>\n\n\n\n Cliquez sur \u00ab Se connecter \u00bb. Vous \u00eates redirig\u00e9 vers la page de connexion de la base, puis ramen\u00e9 dans le designer. Seuls les comptes qui ont le r\u00f4le de concepteur y ont acc\u00e8s.<\/p>\n\n\n\n
2. Choisir l’application h\u00f4te (une fois)<\/h3>\n\n\n\n Dans Param\u00e8tres<\/strong>, choisissez l’application APEX qui recevra les pages g\u00e9n\u00e9r\u00e9es. Seules les applications du groupe APEX \u00ab GFM Apps \u00bb sont propos\u00e9es. Si vous changez d’application, les formulaires devront \u00eatre g\u00e9n\u00e9r\u00e9s \u00e0 nouveau.<\/p>\n\n\n\n3. Cr\u00e9er un formulaire<\/h3>\n\n\n\n Dans Formulaires<\/strong>, cliquez sur \u00ab Nouveau formulaire \u00bb, donnez-lui un nom et choisissez son type :<\/p>\n\n\n\n\nFormulaire<\/strong> : une page de saisie APEX avec son rapport ;<\/li>\n\n\n\nGrille<\/strong> : un tableau \u00e9ditable destin\u00e9 \u00e0 \u00eatre inclus dans un formulaire, par exemple un historique ;<\/li>\n\n\n\nBloc<\/strong> : un groupe de champs r\u00e9utilisable, comme une adresse, qui n’est jamais g\u00e9n\u00e9r\u00e9 seul.<\/li>\n<\/ul>\n\n\n\n4. Construire le formulaire par glisser-d\u00e9poser<\/h3>\n\n\n\n L’\u00e9diteur affiche la palette \u00e0 gauche, le formulaire au centre et les propri\u00e9t\u00e9s \u00e0 droite.<\/p>\n\n\n\n
\nAjouter une section<\/strong> : glissez \u00ab Section \u00bb dans la zone des sections. Les sections deviennent des onglets dans la page g\u00e9n\u00e9r\u00e9e.<\/li>\n\n\n\nAjouter un champ<\/strong> : glissez un composant (Text Field, Number, Date, liste\u2026) dans une section, \u00e0 l’endroit voulu.<\/li>\n\n\n\nIns\u00e9rer un bloc ou une grille<\/strong> : glissez-le depuis les groupes \u00ab Blocs \u00bb ou \u00ab Sous-formulaires \u00bb. Les champs d’un bloc sont copi\u00e9s dans la section.<\/li>\n\n\n\nR\u00e9organiser<\/strong> : faites glisser les champs et les sections. Tout est enregistr\u00e9 imm\u00e9diatement.<\/li>\n\n\n\nChanger la largeur<\/strong> : tirez le bord droit d’un champ. Une ligne compte au plus 12 colonnes, soit deux demi-lignes ou trois tiers.<\/li>\n\n\n\nSupprimer<\/strong> : glissez l’\u00e9l\u00e9ment sur la corbeille en bas de la palette.<\/li>\n<\/ul>\n\n\n\n\n\t\t\t\n\t\t\t\t5. R\u00e9gler les propri\u00e9t\u00e9s<\/h3>\n\n\n\n Cliquez sur un champ pour modifier son libell\u00e9, son aide, son caract\u00e8re obligatoire, son ic\u00f4ne ou les valeurs d’une liste. La rubrique Affichage conditionnel<\/strong> permet de n’afficher un champ, ou une section enti\u00e8re, que si un autre champ est renseign\u00e9 ou prend une valeur pr\u00e9cise.<\/p>\n\n\n\n6. G\u00e9rer les listes de valeurs<\/h3>\n\n\n\n L’\u00e9cran Composants<\/strong> regroupe les listes partag\u00e9es. On y ajoute, renomme et r\u00e9ordonne les valeurs par glisser-d\u00e9poser, ou on les colle depuis un tableur. Une liste modifi\u00e9e ici profite \u00e0 tous les formulaires qui l’utilisent.<\/p>\n\n\n\n7. G\u00e9n\u00e9rer et tester<\/h3>\n\n\n\n Cliquez sur G\u00e9n\u00e9rer<\/strong>. Le designer v\u00e9rifie d’abord le formulaire : une liste sans valeur ou une ligne trop large est signal\u00e9e par un triangle et bloque la g\u00e9n\u00e9ration. Une fois la page cr\u00e9\u00e9e, le bouton Ouvrir la page<\/strong> l’affiche dans APEX, pr\u00eate pour une nouvelle saisie.<\/p>\n\n\n\nToute modification ult\u00e9rieure demande une nouvelle g\u00e9n\u00e9ration. Les donn\u00e9es d\u00e9j\u00e0 saisies sont conserv\u00e9es.<\/p>\n\n\n\n
Ce que j’en retiens, et la suite<\/h2>\n\n\n\n S\u00e9parer la conception de la g\u00e9n\u00e9ration a tout simplifi\u00e9 : l’interface peut \u00e9voluer librement, et le PL\/SQL reste concentr\u00e9 sur ce qu’il fait bien, dans la base. Quelques le\u00e7ons au passage :<\/p>\n\n\n\n
\nLes API internes d’APEX restent le point fragile.<\/strong> Se caler sur ce que produisent les exports de la version courante est la meilleure garantie.<\/li>\n\n\n\nUne application dans le navigateur ne garde aucun secret.<\/strong> La vraie protection, c’est l’adresse de retour enregistr\u00e9e, PKCE et le r\u00f4le de l’utilisateur.<\/li>\n\n\n\nUn serveur de d\u00e9mo sans d\u00e9pendance<\/strong>, qui imite l’API, permet de tester l’interface sans base.<\/li>\n<\/ul>\n\n\n\nPlusieurs pistes sont ouvertes : la port\u00e9e et la publication des formulaires (public, groupe, priv\u00e9), d\u00e9j\u00e0 pr\u00e9sentes dans l’interface, et, plus loin, un moteur qui afficherait les formulaires \u00e0 la vol\u00e9e sans g\u00e9n\u00e9rer de pages APEX.<\/p>\n","protected":false},"excerpt":{"rendered":"
GFM Designer Nov 4, 2026 \u00b7 @Patrick Introduction GFM Designer permet \u00e0 des utilisateurs non d\u00e9veloppeurs de concevoir des formulaires de saisie par glisser-d\u00e9poser,…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_ppma_block_editor_authors":""},"categories":[1],"tags":[],"ppma_author":[150],"class_list":["post-6214","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"authors":[{"term_id":150,"user_id":1,"is_guest":0,"slug":"admin8700","display_name":"Patrick","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/41853cbf3fae9c0c46c0ba5e68839a78c20aabbcd1db74702bbda2c9d3980676?s=96&d=mm&r=g","author_category":"","first_name":"Patrick","last_name":"Monaco","user_url":"","job_title":"","description":"GPM Factory"}],"_links":{"self":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/6214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/comments?post=6214"}],"version-history":[{"count":7,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/6214\/revisions"}],"predecessor-version":[{"id":6223,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/6214\/revisions\/6223"}],"wp:attachment":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/media?parent=6214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/categories?post=6214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/tags?post=6214"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/ppma_author?post=6214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/gpmfactory.com\/wp-content\/uploads\/2026\/11\/image-1024x463.png\")