Mise en place du framework openmairie

Pour développer avec le framework openmairie, il faut commencer par son installation.

Télécharger l'interface open_exemple et la librairie openmairie à partir de http://adullact.net/frs/?group_id=265.

Suivez ensuite les indications décrite dans l'article 'openmairie : mise en place du framework'

Base de données SQL

Dans cette partie, nous estimons que le framework openmairie_exemple et sa base de données initiale sont mis en place et fonctionnent.

Nous commençons l'apprentissage du framework par une gestion de prestataires. Nous créons deux tables que nous appelons 'entreprise' et 'contact'

Nous allons rester simple.

Nous avons besoin de certaines données :
table 'entreprise' :
- Nom de l'entreprise varchar(40),
- Activité varchar(50),
- Nom du Directeur varchar(30),
- Adresse varchar(70),
- Code Postal int(5),
- Ville varchar(30),
- Téléphone varchar(15),
- Fax varchar(15),

table 'contact'
-nom varchar(30),
-prénom varchar(30),
-fonction varchar(30),
-tel varchar(15),
-portable varchar(15),
-fax varchar(15)

Faisons un diagramme UML avec l'application argoUML ou un diagramme MCD avec l'application analyseSI.

MCD / MLD: (créé avec analyseSI).

Création de table en SQL :

Voici une démonstration rapide et succinte de ce que l'on peut faire en moins de 20 minutes :

D'abord, on réalise un MCD très simplifié :

CREATE TABLE entreprise (
  ent_id int NOT NULL,
  ent_nom varchar(40),
  ent_type varchar(30),
  ent_tel varchar(15),
  ent_fax varchar(15),
  ent_adresse varchar(50),
  ent_cp varchar(6),
  ent_ville varchar(30)
);

Pas besoin de contraintes SQL, le framework le gére


Voici le menu en javascript : il suffit de modifier dyn/menu.inc et d'insérer le lien.




Génération de la Liste : (le gros bouton bleu +, c'est pour ajouter un enregistrement. La + rouge c'est pour supprimer l'enregistrement)





Génération du Formulaire :




Ensuite on peut décider d'avoir le type d'activité comme une table à part, et avoir un select dans le formualre.
On peut aussi avoir un champ mail avec un petit bouton à coté du champ ou devant la ligne de la liste, sur lequel on clique pour envoyer un mail directement (ouverture du logiciel de messagerie avec le champ destinataire pré-rempli).



J'ai mis moins de 20 minutes pour générer la classe entreprise avec le framework.
Le framework OpenMairie gére déjà les droits d'accés. On peut créer des groupes en fonction des droits que l'on veut attribuer aux utilisateurs.
La présentation se personnalise à l'aide des CSS.


Voici le code pour générer la liste (sql/mysql/entreprise.inc):



Pour générer le formulaire c'est un peu la même chose avec le fichier sql/mysql/entreprise.form.inc, sauf qu'il y a un fichier obj/entreprise.class.php en plus pour créer l'objet entreprise. Il faut surcharger les fonctions :

par exempple :

<code>
function setType(&$form,$maj) {
if ($maj < 2) { //ajouter et modifier
   $form->setType('ent_id', 'hidden');
   $form->setType('ent_nom', 'text');
   $form->setType('ent_type', 'text');
   $form->setType('ent_tel', 'text');
   $form->setType('ent_fax', 'text');
   $form->setType('ent_adresse', 'text');
   $form->setType('ent_cp', 'text');
   $form->setType('ent_ville', 'text');

   if ($maj==1){ //modifier
     $form->setType('ent_id', 'hidden');
     }
   }else{ // supprimer
     $form->setType('ent_id', 'hiddenstatic');
     }
}
</code>

Si vous vouler un champ pour attacher un fichier, il suffit de mettre 'upload' à la place de 'text'.
Un bouton 'upload' apparaitra dans le formulaire pour télécharger le fichier à partir de l'ordinateur.
Un bouton 'voir' apparaitre pour afficher le fichier pdf,jpg,gif... (les paramétres du upload peuvent être modifiés dans le fichier spg/upload.class.php)

Pour un champ mail avec le bouton d'envoie : 'mail'.
Pour un champ select : 'select' et surcharger la fonction setSelect(&$form, $maj,$db,$debug) en fesant référence à la requéte du select contenu dans '/sql/mysql/entreprise.form.inc.
Il y a aussi 'textarea'... et d'autres types de champs générés automatiquement par la librairie OpenMairie.

Ensuite pour obliger l'utilisateur de remplir un champs, il faut surcharger la fonction suivante :

<code>
function verifier(){
  $this->correct=True;
  // obligatoire

  if ($this->valF['ent_nom']==""){
     $this->correct=false;
     $this->msg= $this->msg."nom obligatoire";
  }

  if ($this->valF['ent_type']==""){
    $this->correct=false;
    $this->msg= $this->msg."type obligatoire";
  }

}//verifier
</code>

AnalyseSI est une application en licence GPL qui permet la réalisation de diagramme MCD et MLD aprés une analyse Merise.

Son plus grand avantage est son interface facile. Très facile. Attention néanmoins d'enregistrer votre travail avant de quitter, car il ne vous préviendra pas

A partir de la réalisation du MCD, AnalyseSI génére automatiquement le MLD et le SQL pour la création des tables.

MCD :





MLD :





SQL :

Commencez par installer un environnement PHP/MySQL . Je vous conseille l'installation de XAMPP que je vais prendre comme référence.

Le Framework OpenMairie fonctionne avec les librairies Pear, Fpdf et OpenMairie.

Une librairie php regroupe un ensemble de fonctions.

Les deux premiéres sont installées d'office avec XAMPP. La librairie OpenMairie est à télécharger à partir de http://adullact.net/frs/?group_id=265 et à décompresser dans le dossier de XAMPP contenant les librairies (lampp/lib/php sous linux, et xampp/php sous windows).

Ensuite il faut informer XAMPP de l'emplacement de la librairie :
Ouvrir /opt/lampp/etc/php.ini et modifier le path (retirer aussi le ' ; ' devant la ligne) : include_path = ".:/opt/lampp/lib/php:/opt/ lampp/lib/php/openmairielib:/php/includes"
(il faut redémarrer xampp pour que les modifications soient prises en compte.)

Votre environnement est maintenant propice à l'utilisation d'OpenMairie.

Installons maintenant l'interface : pour comprendre le fonctionnement du framework, télécharger OpenPresse (http://openmairie.org/demonstration/document.2006-03-22.8039509261 ) et placez le dans xampp/htdocs/.

htdocs est le dossier qui contient les fichiers PHP qui peuvent être exécutés par le serveur apache. Lorsque que vous tapez das votre navigateur l'URL http://localhost/application/index.php, le serveur apache traite le fichier index.php contenu dans le dossier xampp/htdocs/application/

Vous avez maintenant l'environnement, les librairies et l'interface. Il faut alors créer la base de données :
dans votre navigateur, tapez l'URL http://localhost/phpmyadmin, et créer une base de données nommée 'openmairie'.

Il reste à structurer la base de données : dans phpmyadmin selectionnez la base de données que vous venez de créer (openmairie) et cliquez sur l'onglet 'importer'. Nous allons importer un fichier SQL : cliquez sur parcourir et selectionnez le fichier xampp/htdocs/openpresse/data/mysql/ini.sql. Validez et importez.

Votre framework est prêt.

Le fichier de connection à la base de données est situé dans xampp/htdocs/openpresse/dyn et s'appele base.php. Avec notre installation de xampp et MySQL, il doit contenir le code suivant :
$conn[1] = array('openpresse','mysql','','root','','','localhost','','','openmairie','AAAA-MM-JJ') ;
?>
ici localhost est l'adresse de la base de données, et openmairie le nom de la base de données que vous avez créé.


Pour l'utiliser, tapez dans votre navigateur l'URL http://localhost/openpresse. Les login et mot de passe par défaut sont admin.

Vous pouvez télécharger la documentation technique de OpenPresse (http://openmairie.org/demonstration/document.2006-03-22.8039509261 ).

déf : CSS signifie Cascading Style Sheets (feuilles de style en cascade).


SUITE A DES PROBLEMES TECHNIQUES, JE SUIS DANS L'IMPOSSIBILITER D'AFFICHE DU CODE HTML DANS MES PAGES.
Si vous avez la solution, vous pouvez m'aider. Si je ne la trouve pas, je changerai de service blog.
Merci



Présentation :

L'utilisation de CSS consiste à séparer la structure( écrite en HTML ou similaire) de la présentation (la couleur de fond, les polices de caractère, leurs couleurs, etc. ).

Ainsi dans l'arborescence d'un site internet (ou application) on retrouvera par exemple :

• style1.css
• accueil.html
• chap1.html
• chap2.html
• credit.html

Par exemple, sans l'utilisation du CSS, vous écrivez :

"

 

Chapitre 1 : mise en page simple

 

"

 

 

En utilisant le CSS vous écrirez :
dans style1.css :
#titre{
text-align: center;
color: black;
line-height: 3em;
font-weight: bold; //style de texte
}

dans chap1.html

 

Chapitre 1 : mise en page simple

 

Pourquoi utiliser le CSS ?

- Imaginez que vous avez un site internet (ou application) et qu'un jour vous décidez de refaire la mise en page : au lieu de modifier chaque page, il vous suffit de changement #titre dans le fichier CSS, et tout les titres seront homogènes.
- De même lors de la création de vos pages, vous décidez une seul fois de la mise en forme dans le fichier CSS. Ensuite dans chaque page, vous identifierez vos parties.