====== Créer la maquette ======

 --- //[[f.raynaud@arles-linux.org|François Raynaud]] 2020/06/08 16:30//

[[https://openmairie.readthedocs.io/projects/omframework/fr/4.9/tutorial/index.html|tutorial openMairie]]

Dans allons dans ce chapitre créer le menu et créer les objets de l'application métier pour avoir une première maquette de l'application.
 
===== Créer le menu d'accès à l'application =====

{{ ::f1_menu.png?150|}}

Nous allons créer le menu en surchargeant la méthode ci dessous dans la classe framework_openmairie.class.php de la manière suivante :

<code>
/var/www/html/formation/f1/app# nano framework_openmairie.class.php
</code>
<code>
    protected function set_config__menu() {
        parent::set_config__menu();
        $parent_menu = $this->config__menu;
		// {{{ Rubrique APPLICATION
		//
		$rubrik = array(
			"title" => _("application"),
			"class" => "application",
		);
		//
		$links = array();
		//
		// ---> 
		//
		$links[] = array(
			"href" => OM_ROUTE_TAB."&obj=adherent",
			"class" => "adherent",
			"title" => _("adherent"),
			"right" => array("adherent", "adherent_tab", ),
			"open" => array(
				"tab.php|adherent",
				"index.php|adherent[module=tab]",
				"form.php|adherent",
				"index.php|adherent[module=form]",
			),
		);	
		$rubrik['links'] = $links;
		//
		$menu[] = $rubrik;
		// }}}
		// {{{ Rubrique PARAMETRAGE
		//
		$rubrik = array(
			"title" => _("parametrage metier"),
			"class" => "parametrage",
		);
		//
		$links = array();
		//	 
		$links[] = array(
			"href" => OM_ROUTE_TAB."&obj=conference",
			"class" => "conference",
			"title" => _("conference"),
			"right" => array("conference", "conference_tab", ),
			"open" => array(
				"tab.php|conference",
				"index.php|conference[module=tab]",
				"form.php|conference",
				"index.php|conference[module=form]",
			),
		);
		//
		$rubrik['links'] = $links;
		//
		$menu[] = $rubrik;
		// }}}

        $this->config__menu = array_merge(
            $menu,
            $parent_menu
        );
	}
</code>

===== Création des répertoires pour la génération d'objet  =====

arborescence
<code>
gen/obj/
    sql/pgsql/
    dyn/gen.inc
</code>


<code>
## creation des repertoires de génération
/var/www/html/formation/f1# mkdir gen
/var/www/html/formation/f1/gen# mkdir obj
/var/www/html/formation/f1/gen# mkdir sql
/var/www/html/formation/f1/gen# mkdir dyn 
/var/www/html/formation/f1/gen/sql# mkdir pgsql
</code>

<note>
mettre les droits de lecture et d'écriture dans gen pour www-data 
</note>

===== Génération des objets métier =====

{{ ::f1_generateur.png?300|}}

Aller dans l'application avec votre navigateur : menu -> administration -> generateur :
  * générer adherent
  * générer conference
  * générer adherent_conference

===== Test de la maquette =====

{{ :f1_form_adherent.png?400|}}

{{ ::f1_form_conference.png?400|}}

Devant vos yeux émerveillées et éblouis, vous pouvez avoir accès à vos formulaires via le menu application et paramétrage métier.
  
Dans notre prochain tuto, nous allons personnaliser notre application.