RAPPORT DE PROJET

Projet JavaFx
LES MEMBRES DE L’EQUIPE

1-GRAMBOUTE LADJI ALI

2-SANOGO IBRAHIM
3-SAGNON SOULEYMANE

ENSEIGNANT:
Dr TCHIMOU
Table des matières
INTRODUCTION A NOTRE PROJET

Presenttion et installation
ARCHITECTURE DE L’APPLICATION
Prise en main Javafx
Quelques Code
 INTRODUCTION A NOTRE PROJET

JAVA FX est un Framework et une bibliothèque d’interface utilisateur qui permet aux développeurs
java de créer une interface graphique pour des applications internet riche et des applications
smartphone et tablette tactiles.
Dans la maitrise de cette technologie il nous a été demandé de mettre en place une application de
gestion des notes des étudiants pour se faire, nous allons utiliser la technologie JPA (JAVA
PERSISTENCE API) Pour interroger notre base de donnée afin de les afficher dans les paramètres
de nos différentes interfaces.
 PRESENTATION ET INSTALLATION
Nous voulons developper une application en JavaFx qui nous permettra de saisir et afficher une liste de
personne, pour une bonne suivie dans la lecture de notre projet, nous recommendons ce document à
des personne qui ont une connaissance :
– en langage de programmation Java et de la programmation orienté objet java.
– en langage SQL.
– en langage de programmation CSS.

TECHNOLOGIES
Pour la mise en place de cette application, nous avons utilisées différents outils qui nous aidées à
aboutir à niveau. Nous avons du installer :
# NETBEANS IDE 8.2
Ce logiciel nous servira d’environnent de programmation en JavaFx.
Nous la telechargeons sur le site de netbeans.
Installer le jdk (java development kit) vue que nous allons utiliser le langage de
programmation java pour notre application cet outil est nécessaire pour écrire et exécuter du
code en java. Vous pouvez télécharger le JDK sur le site d’oracle https://www.oracle.com puis
Pour notre Application nous avons utilisé la version 8 de JDK.
# SCENEBUILDER 8.5.0
Pour faciliter la création de notre interface, nous allons installer ScenBuilder qui est un
logiciel avec des code source déjà prête et qui génère un fichier de type fxml et interprété par
JavaFx.
 # MYSQL
Pour la gestion de la base de donnée nous utiliserons sur Windows MySQL :
Pour notre application nous avons utilisé MySQL comme système de gestion de notre base de
donnée pour se faire nous
avons d’abords installer XAMPP qui est un serveur contenant PHPmyadmin qui nous permettra
d’administrer notre BD.

Ensuite, nous allons installer plusieurs packages :

– mysql-connector-java-8.0.21.jar : qui nous permettras de connecter notre base de donnée à notre
projet Netbeans.
ARCHITECTURE DE L’APPLICATION
1- VUE D’ENSEMBLE DE L’APPLICATION
 2-STRUCTURE DES PACKAGES

Pour la structure des packages de notre application nous avons tenu à respecter le modèle MVC (modèle
Vue Controller) demandé afin
de mieux structurer les différents packages entre les Vues, les Controlleurs de chaque vues et des modèles.
Pour la gestion de notre base de donnée nous avons utilisé MYSQL et installer XAMPP serveur ceci étant,
pour la création de notre base de donnée on connecte XAMPP après l’avoir activé et on tape localhost dans
un navigateur par défaut, retenons que nous n’avons pas besoin de connection, on clique sur phpmyadmin
juste en bas à droite puis root(identifiant) pour se connecter au SGBD. Une fois ces étapes franchit nous
allons créer notre Base de Donnée.
Après la création de notre base de donnée nommée « TP » nous avons créé une table nommée
« UTILISATEUR » qui contient des éléments que nous devons choisir dans les paramètres de chaque
interface crées.

PRISE EN MAIN JAVAFX

 1-CREATION DU PROJET

Une fois l’IDE (NETBEANS) ouvert, cliquer sur ce bouton jaune avec le + vert puis choisissez
la catégorie Java Fx et le Projet Java Fx Application. Une fois ceci terminer, cliquer sur
”suivant”, Enfin on vous demandera le nom du projet : mettez-le puis cliquer sur terminer.
 2- CONNECTION A LA BASE DE DONNEE

On se rend désormais dans la partie service, on fait un clic droit sur database puis on sélectionne ”New
database” et vous verrez la fenêtre suivante s’afficher et vous cliquerez sur suivant:

Une fois cliqué sur suivant une fenêtre vous permettant de saisir le nom et les références de votre BD
s’affichera :
Si vous avez suivi à la lettre toutes ces étapes, alors vous venez de réussir la connexion de votre application avec
votre base de donnée.

3-CREATION DES PACKAGES

Pour les nouveaux packages qu’on va créer, ils seront créés à partir du package source de notre application puis
on change à chaque fois le nom en suivant le model MVC (Modèle Vue Controlleur) comme l’indique la photo
suivante

:
PACKAGE MODEL : Il contiendra la tables de notre base de donnée tp grâce au JPA ainsi la table
deviendra une classe java pour notre application.
On commence déjà par créer le package models comme indiqué plus haut puis un clic droit sur le package
models >new> Entity classes from database Puis la page suivante s’affichera :
Après la sélection de notre base de donnée toutes les tables de notre base de donnée s’afficheront à gauche
puis on clique sur add après avoir choisir la base de donnée concernée pour la convertir en la partie droite
Une fois notre table convertie on clique sur next puis finish nous venons de créer notre package models

PACKAGE VUE : Ce package nous permet de ranger tous les fichiers FXML de la vue de notre application.
Chaque fichier FXML correspond donc à un écran pour notre application.
Pour créer un fichier FXML on commence déjà par créer notre package vue comme indiqué plus haut puis on
faire clique droit sur package vue ensuite >new >Empty FXML>on donne le nom de l’interface qu’on désire créer
>next>finish.
PACKAGE CONTROLLEUR : Apres avoir créer le fichier fxml on fait clic droit sur le fichier puis Make
Controlleur cependant il faut indiquer l’adresse du package du fichier fxml concerné depuis scenebuilder ceci
est illustrer par la page suivante avec l’exemple de l’interface semestre-parcours :
parcours Hte
 QUELQUES CODES

1-CODE DU MODEL

De prime abord , il faut savoir qu’après le mapping toutes nos table de la base de donnée deviennent des
tables et contient des requêtes perçu juste au dessus de la classe.
Chaque class contient toutes les méthodes nécessaire à sa manipulation. On les regroupent en deux
catégories : les getter et les setter. Ainsi un getter permet d’accéder aux attributs des classes et un Setter
permet d’initialiser les attributs des classes.
En voici un extrait :
 2-CODE DU CONTRLLEUR DU MODEL
Le controlleur du model va nous permettre d’établir la connexion avec le model et de manipuler ses objets.

Alors comment établir la connexion avec le Model ?

Il y’ a deux manière de le faire :
1- Généré le controlleur automatiquement
Quant on fait le mapping, Jpa crée un package META-INF qui contient l’addresse de la persistence.

1- Faites click droit sur le package du model

 2- Selectionner new
3- Selectionner other
4- Selectionner Persistence
5- Selectionner JPA controlleur classes from Entity Classes.
En fin clicker sur suivant pour terminer.
2- Faire la connexion manuellement
Avant tout propos vous devez créer une classe vide dans le package tp1. Après cette action, suivez les
étapes suivantes à la lettre.
1- Aller dans le package META-INF et l’ouvrir
2- Double cliquer sur le fichier xml et sélectionner le nom qui apparait. C’est le nom de la persistence.
3- Ecrire ces lignes de code dans la classe vide que vous aviez crée.

Explication du code qui s’y trouve.

EntityManagerFactory : c’est un type qui permet le lien et de gérer les données de la base de Données. Il
crée ainsi une instance de connexion.
EntityManager : c’est le gestionnaire de occurrences de la base de données

NB : Il faut déclarer des variables de ces types dans votre classe et les utiliser dans votre constructeurs
comme vous le voyez dans ma figure 3 ci-dessus.
Avec cette deuxième méthode, vous devez tout écrire de façon manuscrite vos actions sur la base de
donnée. C’est-à-dire toutes les méthodes qui seront utilisées.
 2-CODE CONTRLLEUR DE LA VUE
Ici nous vous donnions juste les codes qui susciterait une difficulté.
Le code du Controlleur diffère d’une personne à une autre en fonction de la capacité de développement.
Pour que vous puissiez voir de plus près illustrons avec deux fenêtres :
 Comment récupérer et enregistrer les éléments de la fenêtre présenté plus haut ?
Voici comment faire :
1-
1- Instancier un objet de même type que la classe concernée. C’est pour pouvoir aussi accéder
aux méthodes getter ou setter qui s’y trouve pour initialiser ou construire notre objet.

Instancier un objet de type Controlleur du Model. C’est pour pouvoir accéder aux qui s’y trouve.
2- Récupération des éléments de la vue indexé par la variable nom ,prénom ,contacts

3- J’utilise la méthode créer pour enregistrer dans la base de données l’objet ou la mention que
l’utilisateur a renseigné. Cette méthode se trouve dans le Controlleur du model et est l’équivalent
de edit.
NB : toutes les interfaces d’insertion sont faites de la même manière.
Comment récupérer des données via la base de données et l’afficher à la vue dans un Tableau ?
(le cas de la fenêtre2)
 (le cas de la fenêtre2)
Voici comment faire :
1- Il faut créer dans le contrôleur du Model une méthode pour récupérer tous les éléments de la table .
Cependant cette méthode existe déjà (findAll).
 2- Créer une autre méthode dans le controlleur de la vue pour recevoir la liste c
a d récupérer la liste des Personnes depuis la base de données.
3- Afficher dans le tableau comme ceci avec les méthodes de tableViews.

Comment modifier ?

Voici comment faire:

 Comment Supprimer ?

Voici comment faire :

CONCLUSION

A la fin de notre projet TP1 nous retenons que ce Tp nous a permis d’avoir une petite connaissance sur le
language JAVA qui nous sera très utile dans la vie professionnelle ,Aussi en applicant le modèle MVC
(Model View Controller) dans un programme JAVAFx nous permet d’etre plus efficase dans une
programmation en JAVA. Je pense egalement que ce TP1 nous a permit de comprendre plus de découverte
dans le monde de la programmation.