Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:application:architecture [2018/03/29 18:15]
r.toma
+++ wiki:application:architecture [2021/09/01 14:15] (Version actuelle)
n.orvoen [Module Manager]
@@ Ligne 8: / Ligne 8: @@
 L'Application Manager est la fenêtre principale de l'application. Elle héberge :
-  * les différents éléments de menu ([[wiki:application:architecture#Menu principal|Menu principal]], [[wiki:application:architecture#Navigation perso|Navigation(s) perso]])...
+  * les différents éléments de menu ([[wiki:application:architecture#Menu principal|Menu principal]] {{icon>link?14&color=#008cba&rotate=90}}, [[wiki:application:architecture#Navigation perso|Navigation(s) perso]] {{icon>link?14&color=#008cba&rotate=90}})...
-  * les différents [[wiki:application:architecture#Module Manager|Module Manager]].
+  * les différents [[wiki:application:architecture#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}}.
   * la barre de statut.
   * la BreadCrumb de changement des entités.
@@ Ligne 18: / Ligne 18: @@
 <thumbnail>
-{{:wiki:application:archi_global.png?nolink&}}
+{{popup>:wiki:application:archi_global.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Architecture globale de l'application ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> Bouton du [[wiki:application:architecture#Menu principal|Menu principal]].\\
+<WRAP group>
-<btn type="warning">B</btn> Barre de **sélection** des entités.\\
+<WRAP half column>
-<btn type="warning">C</btn> Zone de **recherche** des entités.\\
+<btn type="warning">A</btn> Bouton du [[wiki:application:architecture#Menu principal|Menu principal]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
-<btn type="warning">D</btn> Date de travail.\\
+<btn type="warning">B</btn> Barre de **sélection** des entités.\\ \\
-<btn type="warning">E</btn> [[wiki:application:architecture#Module Manager|Module Manager]] actuellement sélectionné.\\
+<btn type="warning">C</btn> Zone de **recherche** des entités.\\ \\
-<btn type="warning">F</btn> [[wiki:application:architecture#Navigation perso|Barre de navigation perso]].\\
+<btn type="warning">D</btn> Date de travail.\\
-<btn type="warning">G</btn> [[wiki:application:architecture#Navigation Manager|Liste des modules ouverts]].\\
+</WRAP>
+<WRAP half column>
+<btn type="warning">E</btn> [[wiki:application:architecture#Module Manager|Module Manager]] {{icon>link?14&color=#008cba&rotate=90}} actuellement sélectionné.\\ \\
+<btn type="warning">F</btn> [[wiki:application:architecture#Navigation perso|Barre de navigation perso]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
+<btn type="warning">G</btn> [[wiki:application:architecture#Navigation Manager|Liste des modules ouverts]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
 <btn type="warning">H</btn> Barre de statut.
+</WRAP>
+</WRAP>
 </well>
@@ Ligne 40: / Ligne 47: @@
 </jumbotron>
-Le **menu principal** de l'application regroupe tous les modules et toutes les fonctionnalités accessibles à l'utilisateur.
+Le **menu principal** de l'application regroupe tous les modules et toutes les fonctionnalités accessibles à l'utilisateur.\\ \\
 <thumbnail>
 {{:wiki:application:menu_principal.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Menu principal ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Zone de recherche** du menu principal : permet de trouver un élément de menu par son nom.\\
+<btn type="warning">A</btn> [[wiki:application:menus#recherche|Zone de recherche]] {{fa>external-link?14&color=#008cba}} du menu principal : permet de trouver un élément de menu par son nom.\\ \\
-<btn type="warning">B</btn> Premier niveau de menu : contient les **catégories principales** du menu.\\
+<btn type="warning">B</btn> Premier niveau de menu : contient les **catégories principales** du menu.\\ \\
 <btn type="warning">C</btn> Deuxième / dernier niveau de menu : contient les **sous-menus** et/ou les **éléments d'action** du menu.
 </well>
@@ Ligne 56: / Ligne 65: @@
 ===== Navigation Perso =====
 </jumbotron>
-Les **navigations personnalisées** sont des menus constitués de **raccourcis** (raccourcis d'ouverture de module, de traitement, d'édition...) que l'on retrouve au niveau de l'Application Manager.
+Les **navigations personnalisées** sont des menus constitués de **raccourcis** (raccourcis d'ouverture de module, de traitement, d'édition...) que l'on retrouve au niveau de l'Application Manager.\\ \\
 <thumbnail>
-{{:wiki:application:nav_perso.png?nolink&}}
+{{popup>:wiki:application:nav_perso.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Navigations personnalisées ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Navigations personnalisées** : contiennent des raccourcis pour l'accès aux éléments de l'application.\\
+<btn type="warning">A</btn> **Navigations personnalisées** : contiennent des raccourcis pour l'accès aux éléments de l'application.\\ \\
-<btn type="warning">B</btn> **Sous menu** : sous menu d'un élément de la navigation personnalisée.\\
+<btn type="warning">B</btn> **Sous menu** : sous menu d'un élément de la navigation personnalisée.\\ \\
-<btn type="warning">C</btn> **Titre de la navigation personnalisée** : permet de catégoriser les raccourcis.\\
+<btn type="warning">C</btn> **Titre de la navigation personnalisée** : permet de catégoriser les raccourcis.\\ \\
-<btn type="warning">D</btn> **Bouton fixer** : Permet de garder la navigation personnalisée visible à l'écran.\\
+<btn type="warning">D</btn> **Bouton fixer** : permet de garder la navigation personnalisée visible à l'écran.
 </well>
 <jumbotron>
 ===== Module Manager =====
 </jumbotron>
-Le **Module Manager** est une fenêtre permettant d'héberger les différentes [[wiki:application:architecture#Pages|pages]] de l'application.
+Le **Module Manager** est un conteneur qui héberge les différentes [[wiki:application:architecture#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}} de l'application.\\ \\
 <thumbnail>
-{{:wiki:application:module_manager.png?nolink&}}
+{{popup>:wiki:application:module_manager.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Module Manager ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Type de page** ouvert : type de la page actuellement affichée dans le module.\\
+<WRAP group>
-<btn type="warning">B</btn> **Raccourcis d'accès à la page** : permet d'accéder rapidement à une page ouverte dans le module.\\
+<WRAP half column>
-<btn type="warning">C</btn> **Etat d'édition** de la page : permet de connaître le statut d'édition de la page affichée.\\
+<btn type="warning">A</btn> **Type de page** ouvert : type de la page actuellement affichée dans le module.\\ \\
-<btn type="warning">D</btn> **Bouton ajout de page** : permet d'ajouter une page au module.\\
+<btn type="warning">B</btn> **Raccourcis d'accès à la page** : permet d'accéder rapidement à une page ouverte dans le module.\\ \\
-<btn type="warning">E</btn> **Bouton suppression de page** : permet de fermer la page en cours.\\
+<btn type="warning">C</btn> **Etat d'édition** de la page : permet de connaître le statut d'édition de la page affichée.
-<btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:architecture#Page Manager|Page Manager]] : affiche le page manager du module en cours.
+</WRAP>
+<WRAP half column>
+<btn type="warning">D</btn> **Bouton ajout de page** : permet d'ajouter une page au module.\\ \\
+<btn type="warning">E</btn> **Bouton suppression de page** : permet de fermer la page en cours.\\ \\
+<btn type="warning">F</btn> **Bouton afficher/masquer le** [[wiki:application:architecture#Page Manager|Page Manager]] {{icon>link?14&color=#008cba&rotate=90}} : affiche le page manager du module en cours.
+</WRAP>
+</WRAP>
 </well>
+<jumbotron>
+===== Module =====
+</jumbotron>
+Un **module** est un conteneur de [[wiki:application:architecture#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}}. Il est représenté visuellement par le [[wiki:application:architecture#Module Manager|module manager]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
+Son rôle est de réaliser les actions liées aux pages qu'il contient.
 <jumbotron>
 ===== Page Manager =====
 </jumbotron>
-Le **Page Manager** (gestionnaire de page) affiche les pages ouvertes d'un module et permet de réaliser différentes actions.
+Le **Page Manager** (gestionnaire de page) affiche les pages ouvertes d'un module et permet de réaliser différentes actions.\\ \\
 <thumbnail>
 {{:wiki:application:page_manager.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Page Manager ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Liste des pages** : liste des pages ouvertes dans le module, la page sélectionnée est "entourée" d'une bordure.\\
+<WRAP group>
-<btn type="warning">B</btn> **Bouton ajout de page** : Ajoute une page du type de la dernière page sélectionnée.\\
+<WRAP half column>
-<btn type="warning">C</btn> **Bouton suppression de page** : Ferme la page actuellement sélectionnée.\\
+<btn type="warning">A</btn> **Liste des pages** : liste des pages ouvertes dans le module, la page sélectionnée est "entourée" d'une bordure.\\ \\
-<btn type="warning">D</btn> **Accès au mode Design** : Ouvre le designer pour la page sélectionnée (visible selon les droits accordés à l'utilisateur).\\
+<btn type="warning">B</btn> **Bouton ajout de page** : ajoute une page du type de la dernière page sélectionnée.\\ \\
-<btn type="warning">E</btn> **Bouton fermeture du module** : Ferme le module et toutes les pages qu'il contient.\\
+<btn type="warning">C</btn> **Bouton suppression de page** : ferme la page actuellement sélectionnée.
+</WRAP>
+<WRAP half column>
+<btn type="warning">D</btn> [[wiki:application:moduledesigner|Accès au mode Design]] {{fa>external-link?14&color=#008cba}} : ouvre le designer pour la page sélectionnée (visible selon les droits accordés à l'utilisateur).\\ \\
+<btn type="warning">E</btn> **Bouton fermeture du module** : ferme le module et toutes les pages qu'il contient.\\ \\
 <btn type="warning">F</btn> **Bouton afficher/masquer le Page Manager** : affiche le page manager du module en cours.
+</WRAP>
+</WRAP>
 </well>
@@ Ligne 112: / Ligne 148: @@
 ===== Pages =====
 </jumbotron>
-Les **pages** sont les contrôles visuels hébergeant les différentes [[wiki:application:architecture#Widgets|widgets]]. Elles sont constituées de plusieurs zones dans lesquelles seront positionnées les [[wiki:application:architecture#Widgets|widgets]].
+Les **pages** sont les contrôles visuels hébergeant les différentes [[wiki:application:architecture#Widgets|widgets]] {{icon>link?14&color=#008cba&rotate=90}}. Elles sont constituées de plusieurs zones dans lesquelles seront positionnées les [[wiki:application:architecture#Widgets|widgets]] {{icon>link?14&color=#008cba&rotate=90}}.\\ \\
 <thumbnail>
 {{:wiki:application:page.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Exemple de Page ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Type de page** : type de la page actuellement sélectionnée.\\
+<btn type="warning">A</btn> **Type de page** : type de la page actuellement sélectionnée.\\ \\
-<btn type="warning">B</btn> **Widgets** : [[wiki:application:architecture#Widgets|Widgets]] contenues dans la page.\\
+<btn type="warning">B</btn> **Widgets** : [[wiki:application:architecture#Widgets|widgets]] {{icon>link?14&color=#008cba&rotate=90}} contenues dans la page.\\ \\
-<btn type="warning">C</btn> **Groupe** : Groupe contenant une ou plusieurs [[wiki:application:architecture#Widgets|widgets]].\\
+<btn type="warning">C</btn> **Groupe** : groupe contenant une ou plusieurs [[wiki:application:architecture#Widgets|widgets]] {{icon>link?14&color=#008cba&rotate=90}}.
 </well>
@@ Ligne 129: / Ligne 167: @@
 ===== Widgets =====
 </jumbotron>
-Les **widgets** sont les "blocs" qui composent les différentes [[wiki:application:architecture#Pages|pages]]. Elles sont hébergées dans les zones des [[wiki:framework:general:writer:architecture_de_l_application#Pages|pages]]. \\
+Les **widgets** sont les "blocs" qui composent les différentes [[wiki:application:architecture#Pages|pages]] {{icon>link?14&color=#008cba&rotate=90}}. Elles sont hébergées dans les zones des pages. \\
-Elles peuvent remplir plusieurs fonctions (affichage de données en graph, en grille, modification des données...).
+Elles peuvent remplir plusieurs fonctions (affichage de données en graph, en grille, modification des données...).\\ \\
 <thumbnail>
 {{:wiki:application:widget.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Exemple de Widgets ===
+</TEXT>
 </caption>
 </thumbnail>
 <well>
-<btn type="warning">A</btn> **Widgets** : blocs présentant les données.\\
+<WRAP group>
-<btn type="warning">B</btn> **Titre de la widget** : titre donné à la widget.\\
+<WRAP half column>
-<btn type="warning">C</btn> **Bouton menu** : ouvre le menu des actions de la widget.\\
+<btn type="warning">A</btn> **Widgets** : blocs présentant les données.\\ \\
-<btn type="warning">D</btn> **Bouton rafraichir** : rafraichit la widget.\\
+<btn type="warning">B</btn> **Titre de la widget** : titre donné à la widget.\\ \\
-<btn type="warning">E</btn> **Bouton focus** : permet d'afficher la widget en pleine page.\\
+<btn type="warning">C</btn> **Bouton menu** : ouvre le menu des actions de la widget.
-<btn type="warning">F</btn> **Menu** : affiche les actions supplémentaires disponibles pour la widget.\\
+</WRAP>
+<WRAP half column>
+<btn type="warning">D</btn> **Bouton rafraichir** : rafraichit la widget.\\ \\
+<btn type="warning">E</btn> **Bouton focus** : permet d'afficher la widget en pleine page.\\ \\
+<btn type="warning">F</btn> **Menu** : affiche les actions supplémentaires disponibles pour la widget.
+</WRAP>
+</WRAP>
 </well>
@@ Ligne 151: / Ligne 197: @@
 </jumbotron>
-Le **Navigation Manager** (gestionnaire de navigation) liste les modules actuellement ouverts dans l'application.
+Le **Navigation Manager** (gestionnaire de navigation) liste les modules actuellement ouverts dans l'application.\\ \\
 <thumbnail>
 {{:wiki:application:nav_manager.png?nolink&}}
 <caption>
+<TEXT align="center">
 === Navigation Manager ===
+</TEXT>
 </caption>
 </thumbnail>
@@ Ligne 162: / Ligne 210: @@
 <btn type="warning">A</btn> **Modules ouverts** : modules ouverts dans l'application.
 </well>
+===== Références =====
+  * [[wiki:application:menus|Menus]]
+  * [[wiki:application:moduledesigner|Présentation du Mode Design]]
+===== A voir =====
+  * [[wiki:application:modulepage|Module Manager - Page Manager - Page]]
+  * [[wiki:application:menus|Présentation des menus]]
+  * [[wiki:application:moduledesigner_page_widget|Personnalisation des pages / widgets]]