wiki:application:architecture

Différences

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

Lien vers cette vue comparative

Prochaine révision		 Révision précédente
wiki:application:architecture [2018/03/29 16:08] – créée r.tomawiki:application:architecture [2021/09/01 12:15] (Version actuelle) – [Module Manager] n.orvoen
Ligne 8: Ligne 8:
  
 L'Application Manager est la fenêtre principale de l'application. Elle héberge : 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 barre de statut.
   * la BreadCrumb de changement des entités.   * la BreadCrumb de changement des entités.
Ligne 18: Ligne 18:
  
 <thumbnail>  <thumbnail> 
-{{:wiki:application:archi_global.png?nolink&}}+{{popup>:wiki:application:archi_global.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Architecture globale de l'application === === Architecture globale de l'application ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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. <btn type="warning">H</btn> Barre de statut.
 +</WRAP>
 +</WRAP>
 </well> </well>
  
Ligne 40: Ligne 47:
 </jumbotron> </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>  <thumbnail> 
 {{:wiki:application:menu_principal.png?nolink&}} {{:wiki:application:menu_principal.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Menu principal === === Menu principal ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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. <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> </well>
Ligne 56: Ligne 65:
 ===== Navigation Perso ===== ===== Navigation Perso =====
 </jumbotron> </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>  <thumbnail> 
-{{:wiki:application:nav_perso.png?nolink&}}+{{popup>:wiki:application:nav_perso.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Navigations personnalisées === === Navigations personnalisées ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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> </well>
 +
 <jumbotron> <jumbotron>
 ===== Module Manager ===== ===== Module Manager =====
 </jumbotron> </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>  <thumbnail> 
-{{:wiki:application:module_manager.png?nolink&}}+{{popup>:wiki:application:module_manager.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Module Manager === === Module Manager ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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> </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> <jumbotron>
 ===== Page Manager ===== ===== Page Manager =====
 </jumbotron> </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>  <thumbnail> 
 {{:wiki:application:page_manager.png?nolink&}} {{:wiki:application:page_manager.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Page Manager === === Page Manager ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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. <btn type="warning">F</btn> **Bouton afficher/masquer le Page Manager** : affiche le page manager du module en cours.
 +</WRAP>
 +</WRAP>
 </well> </well>
  
Ligne 112: Ligne 148:
 ===== Pages ===== ===== Pages =====
 </jumbotron> </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>  <thumbnail> 
 {{:wiki:application:page.png?nolink&}} {{:wiki:application:page.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Exemple de Page === === Exemple de Page ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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> </well>
  
Ligne 129: Ligne 167:
 ===== Widgets ===== ===== Widgets =====
 </jumbotron> </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>  <thumbnail> 
 {{:wiki:application:widget.png?nolink&}} {{:wiki:application:widget.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Exemple de Widgets === === Exemple de Widgets ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
 <well> <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> </well>
  
Ligne 151: Ligne 197:
 </jumbotron> </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>  <thumbnail> 
 {{:wiki:application:nav_manager.png?nolink&}} {{:wiki:application:nav_manager.png?nolink&}}
 <caption> <caption>
 +<TEXT align="center">
 === Navigation Manager === === Navigation Manager ===
 +</TEXT>
 </caption>  </caption> 
 </thumbnail> </thumbnail>
  
 <well> <well>
-<btn type="warning">A</btn> **Modules ouverts** : modules ouverts dans l'application.</text>+<btn type="warning">A</btn> **Modules ouverts** : modules ouverts dans l'application.
 </well> </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]]