https://frp.sage.fr/wiki1000/index.php?action=history&feed=atom&title=Tableaux_de_bord_%28dev%29 2026-04-30T13:12:54Z Historique pour cette page sur le wiki MediaWiki 1.18.6 https://frp.sage.fr/wiki1000/index.php?title=Tableaux_de_bord_(dev)&diff=14771&oldid=prev 2025-05-06T08:17:51Z

<p><span class="autocomment">Principe</span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Version précédente</td> <td colspan='2' style="background-color: white; color:black;">Version du 6 mai 2025 à 08:17</td> </tr><tr><td colspan="2" class="diff-lineno">Ligne 9 :</td> <td colspan="2" class="diff-lineno">Ligne 9 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">==Développement==</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; 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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Environnement de développement==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>==Environnement de développement==</div></td></tr> </table>

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

<p><span class="autocomment">A partir des sources du Portail React</span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">← Version précédente</td> <td colspan='2' style="background-color: white; color:black;">Version du 6 mai 2025 à 08:15</td> </tr><tr><td colspan="2" class="diff-lineno">Ligne 27 :</td> <td colspan="2" class="diff-lineno">Ligne 27 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>===A partir des sources du <del class="diffchange diffchange-inline">Portail </del>React===</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>===A partir des sources du <ins class="diffchange diffchange-inline">portail </ins>React===</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Si vous disposez d'un accès aux sources du portail React vous pouvez développer à partir du serveur de l'environnement de développement React (Visual Studio Code) et de l'application 1000 Desktop.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Si vous disposez d'un accès aux sources du portail React vous pouvez développer à partir du serveur de l'environnement de développement React (Visual Studio Code) et de l'application 1000 Desktop.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; 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'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Pour cela :</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Pour cela :</div></td></tr> </table>

Syfre https://frp.sage.fr/wiki1000/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'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'application Desktop===<br /> <br /> Vous pouvez développer un tableau de bord à partir de l'application Desktop.<br /> <br /> Pour cela devez disposer d'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'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'un accès aux sources du portail React vous pouvez développer à partir du serveur de l'environnement de développement React (Visual Studio Code) et de l'application 1000 Desktop.<br /> <br /> Pour cela :<br /> <br /> * Installer l'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'application Desktop doit être démarré.<br /> <br /> [[Category:Tableaux de bord]]</div>

Syfre