http://wiki.sage.fr/index.php?action=history&feed=atom&title=Tableaux_de_bord_%28dev%29 2026-05-24T22:08:43Z Historique des versions pour cette page sur le wiki MediaWiki 1.41.1 http://wiki.sage.fr/index.php?title=Tableaux_de_bord_(dev)&diff=14771&oldid=prev 2025-05-06T08:17:51Z

<p><span dir="auto"><span class="autocomment">Principe</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 6 mai 2025 à 08:17</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l9">Ligne 9 :</td> <td colspan="2" class="diff-lineno">Ligne 9 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Un tableau de bord peut être considéré comme une interface organisée en vignettes (widgets) disposés sur une grille.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Un tableau de bord peut être considéré comme une interface organisée en vignettes (widgets) disposés sur une grille.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==Développement==</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Dans le modèle 1000 un tableau de bord est une classe non persistante</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Environnement de développement==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Environnement de développement==</div></td></tr> </table>

Syfre http://wiki.sage.fr/index.php?title=Tableaux_de_bord_(dev)&diff=14770&oldid=prev 2025-05-06T08:15:05Z

<p><span dir="auto"><span class="autocomment">A partir des sources du Portail React</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 6 mai 2025 à 08:15</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27">Ligne 27 :</td> <td colspan="2" class="diff-lineno">Ligne 27 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A partir de cette adresse vous pouvez exécuter le portal 1000 et développer les tableaux de bord</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>A partir de cette adresse vous pouvez exécuter le portal 1000 et développer les tableaux de bord</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>===A partir des sources du <del style="font-weight: bold; text-decoration: none;">Portail </del>React===</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>===A partir des sources du <ins style="font-weight: bold; text-decoration: none;">portail </ins>React===</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Si vous disposez d&#039;un accès aux sources du portail React vous pouvez développer à partir du serveur de l&#039;environnement de développement React (Visual Studio Code) et de l&#039;application 1000 Desktop.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Si vous disposez d&#039;un accès aux sources du portail React vous pouvez développer à partir du serveur de l&#039;environnement de développement React (Visual Studio Code) et de l&#039;application 1000 Desktop.</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Ceci vous permettra de tracer le code javascript du portail.</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Pour cela :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Pour cela :</div></td></tr> </table>

Syfre http://wiki.sage.fr/index.php?title=Tableaux_de_bord_(dev)&diff=14769&oldid=prev 2025-05-06T08:13:45Z

<p>Page créée avec « __NOTOC__ A partir de la version 11 2024 une nouvelle API permet de réaliser des tableaux de bord dans le portail basé sur le framework React. {{tip|L&#039;ancienne API de ... »</p> <p><b>Nouvelle page</b></p><div>__NOTOC__<br /> <br /> A partir de la version 11 2024 une nouvelle API permet de réaliser des tableaux de bord dans le portail basé sur le framework React.<br /> <br /> {{tip|L&#039;ancienne API de tableau de bord est dépréciée}}<br /> <br /> ==Principe==<br /> <br /> Un tableau de bord peut être considéré comme une interface organisée en vignettes (widgets) disposés sur une grille.<br /> <br /> <br /> ==Environnement de développement==<br /> <br /> ===A partir de l&#039;application Desktop===<br /> <br /> Vous pouvez développer un tableau de bord à partir de l&#039;application Desktop.<br /> <br /> Pour cela devez disposer d&#039;un environnement de service 1000 contenant le site html.<br /> <br /> Dans le concepteur de modèle <br /> <br /> * Définissez le répertoire du site htmls du Service 1000.<br /> * Démarrez le serveur htpp de développement.<br /> <br /> L&#039;url du portail géré par le serveur de développement sera indiqué dans la page.<br /> <br /> A partir de cette adresse vous pouvez exécuter le portal 1000 et développer les tableaux de bord<br /> <br /> ===A partir des sources du Portail React===<br /> <br /> Si vous disposez d&#039;un accès aux sources du portail React vous pouvez développer à partir du serveur de l&#039;environnement de développement React (Visual Studio Code) et de l&#039;application 1000 Desktop.<br /> <br /> Pour cela :<br /> <br /> * Installer l&#039;environnement de développement React (Visual Studio code)<br /> <br /> * Cloner ou copier le projet React<br /> <br /> Dans le fichier &quot;.env.developpement&quot; du projet vous devez avoir les variable :<br /> <br /> &lt;pre&gt;<br /> REACT_APP_API_URL=http://localhost:8080/sdata<br /> REACT_APP_API_PACKAGE=htmlportalPackage<br /> &lt;/pre&gt;<br /> <br /> * Ouvrir le répertoire du projet React<br /> * Dans une fenêtre terminal bash exécuter <br /> : &quot;yarn install&quot;<br /> : &quot;yarn start&quot;<br /> <br /> Le serveur de développement React démarre sur http://localhost:3000<br /> <br /> Le serveur de développement de l&#039;application Desktop doit être démarré.<br /> <br /> [[Category:Tableaux de bord]]</div>

Syfre