R A P P O R T D E S T A G E
G E S T O I N S D E S C O N T R A T S T E M P L A T E S
PERIODE DU 14 JUILLET 2016 AU 26 AOUT ...
i
R E M E R C I E M E N T S
Avant tout développement sur cette expérience professionnelle, il apparaît
opportun de commenc...
ii
G L O S S A I R E
Spring : C’est un framework libre pour construire et définir l'infrastructure d'une
application java,...
Rapport de stage
iii
A I R E
T A B L E D E S M A T I E R E S
REMERCIEMENTS ..................................................
Rapport de stage
iv
L I S T E D E S F I G U R E S
FIGURE 1 :DIAGRAMME DE CLASSES.............................................
Rapport de stage
Mohamed Naddari1
1 I N T R O D U C T I O N
1.1 STAGIAIRE
Depuis bien des années, l’informatique me passio...
Rapport de stage
Mohamed Naddari2
2 S P E C I F I C A T I O N D E B E S O I N S
J’ai occupé le poste de programmeur J2EE, ...
Rapport de stage
Mohamed Naddari3
3 A N A L Y S E D E S T A C H E S E F F E C T U E E S
Cette section est la plus importan...
Rapport de stage
Mohamed Naddari4
4 C O N C E P T I O N
Nous avons effectué la conception du projet en utilisant toujours ...
Rapport de stage
Mohamed Naddari5
4.1.2.1 Géneration de contrat
F i g u r e 2 : D i a g r a m m e d e s é q u e n c e - g ...
Rapport de stage
Mohamed Naddari6
4.1.3 Diagramme de cas d’utilisation
Le diagramme de cas d’utilisation présenté dans la ...
Rapport de stage
Mohamed Naddari7
5 R E A L I S A T I O N
5.1 ARCHITECTURE
Cette partie décrit l’architecture utilisé dans...
Rapport de stage
Mohamed Naddari8
F i g u r e 6 : S t r u c t u r e d e p r o j e t
Rapport de stage
Mohamed Naddari9
5.2 CAS D’UTILISATION
5.2.1 Lancer client
Lancement de client a l’aide de l’outil Grunt....
Rapport de stage
Mohamed Naddari10
5.2.2 Lancer Serveur
Lancement de serveur a l’aide de Maven.
F i g u r e 8 : L a n c e ...
Rapport de stage
Mohamed Naddari11
5.2.3 Génerer contrat
Formulaire de client avec la validation de champs avec AngularJS
...
Rapport de stage
Mohamed Naddari12
Contrat géneré après le remplissage de formulaire.
F i g u r e 1 1 : E x e m p l e d e ...
Rapport de stage
Mohamed Naddari13
5.2.4 Recherche
Formulaire de recherche, le champ de cin doit être rempli pour faire la...
Rapport de stage
Mohamed Naddari14
Recherche en utilisant le numéro cin et l’offre.
F i g u r e 1 4 : R e c h e r c h e p ...
Rapport de stage
Mohamed Naddari15
6 C O N C L U S I O N
Notre projet a consisté en la conception, le développement d’une ...
Prochain SlideShare
Chargement dans…5
×

report

125 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
125
Sur SlideShare
0
Issues des intégrations
0
Intégrations
18
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

report

  1. 1. R A P P O R T D E S T A G E G E S T O I N S D E S C O N T R A T S T E M P L A T E S PERIODE DU 14 JUILLET 2016 AU 26 AOUT 2016 PREPARE PAR : MOHAMED NADDARI ENCADRE PAR : Marwa ben Brahim CHEF DE PROJET : Haifa Toumia DEPARTEMENT D’INFORMATIQUE FACULTE DES SCIENCES DE TUNIS __________________________________________
  2. 2. i R E M E R C I E M E N T S Avant tout développement sur cette expérience professionnelle, il apparaît opportun de commencer ce rapport de stage par des remerciements, à ceux qui m’ont beaucoup appris au cours de ce stage, et même à ceux qui ont eu la gentillesse de faire de ce stage un moment très profitable. Aussi, je remercie Mme Haifa Toumi et Mme Marwa ben Brahim, qui m’ont formé et accompagné tout au long de cette expérience professionnelle. Enfin, je remercie l’ensemble des employés de Talan Tunisie pour les conseils qu’ils ont pu me prodiguer au cours de ce mois.
  3. 3. ii G L O S S A I R E Spring : C’est un framework libre pour construire et définir l'infrastructure d'une application java, dont il facilite le développement et les tests. Apache Maven : C’est un outil pour la gestion et l'automatisation de production des projets logiciels Java en général et Java EE en particulier. L'objectif recherché est comparable au système Make sous Unix : produire un logiciel à partir de ses sources, en optimisant les tâches réalisées à cette fin et en garantissant le bon ordre de fabrication. Hibernate : C’est un framework open source gérant la persistance des objets en base de données relationnelle. Hibernate apporte une solution aux problèmes d'adaptation entre le paradigme objet et les SGBD en remplaçant les accès à la base de données par des appels à des méthodes objet de haut niveau. JasperReports : c’est un framework java pour créer des états (pdf, xls, etc...) à partir d'un fichier xml (.jrmxl). AngularJS : C’est un framework JavaScript libre et open-source2 développé par Google. Yoeman (Gestion de projet, scaffolding) : Yo gère entre autres l’écriture de votre fichier de configuration Grunt en le complétant des tâches Grunt pertinentes que vous pourriez avoir besoin pour votre projet. Grunt (Gestion des tâches) : Grunt est utilisé pour construire, prévisualiser et tester votre projet, grâce à l’aide de tâches organisée par l’équipe Yeoman et les grunt-contrib. Bower (gestion des paquets et dépendances) : Bower est utilisé pour gérer les dépendances, de sorte que vous n’avez plus à télécharger et gérer vos scripts manuellement.
  4. 4. Rapport de stage iii A I R E T A B L E D E S M A T I E R E S REMERCIEMENTS .............................................................................................. I GLOSSAIRE.......................................................................................................II AIRE ............................................................................................................... III TABLE DES MATIÈRES .................................................................................... III LISTE DES FIGURES ........................................................................................ IV 1 INTRODUCTION ......................................................................................... 1 1.1 STAGIAIRE............................................................................................................. 1 1.2 ORGANISATION...................................................................................................... 1 2 SPÉCIFICATION DE BESOINS..................................................................... 2 3 ANALYSE DES TÂCHES EFFECTUÉES........................................................... 3 4 CONCEPTION.............................................................................................. 4 4.1.1 Diagramme de Classes ............................................................................... 4 4.1.2 Diagramme de Séquence............................................................................. 4 4.1.3 Diagramme de cas d’utilisation.................................................................. 6 5 RÉALISATION ............................................................................................. 7 5.1 ARCHITECTURE ..................................................................................................... 7 5.2 CAS D’UTILISATION ............................................................................................... 9 5.2.1 Lancer client ............................................................................................... 9 5.2.2 Lancer Serveur.......................................................................................... 10 5.2.3 Génerer contrat......................................................................................... 11 5.2.4 Recherche.................................................................................................. 13 6 CONCLUSION............................................................................................15
  5. 5. Rapport de stage iv L I S T E D E S F I G U R E S FIGURE 1 :DIAGRAMME DE CLASSES................................................................ 4 FIGURE 2 :DIAGRAMME DE SÉQUENCE - GÉNERATION.................................... 5 FIGURE 3 :DIAGRAMME DE SÉQUENCE - RECHERCHE...................................... 5 FIGURE 4 :DIAGRAMME DE CAS D’UTILISATION ............................................. 6 FIGURE 5 :ARCHITECTURE................................................................................ 7 FIGURE 6 :STRUCTURE DE PROJET................................................................... 8 FIGURE 7 :LANCEMENT DE CLIENT ................................................................... 9 FIGURE 8 :LANCEMENT DE SERVEUR..............................................................10 FIGURE 9 :FORMULAIRE CLIENT ....................................................................11 FIGURE 10 :FORMULAIRE OFFRE....................................................................11 FIGURE 11 :EXEMPLE DE CONTRAT ................................................................12 FIGURE 12 :FORMULAIRE DE RECHERCHE .....................................................13 FIGURE 13 :RECHERCHE PAR CIN...................................................................13 FIGURE 14 :RECHERCHE PAR CIN ET OFFRE ..................................................14
  6. 6. Rapport de stage Mohamed Naddari1 1 I N T R O D U C T I O N 1.1 STAGIAIRE Depuis bien des années, l’informatique me passionne. C’est pour cette raison que j’ai choisi, en 2014 de débuter mon parcours en génie informatique. Je croyais et je crois encore que cette formation me permettra de gagner ma vie dans le domaine que j’aime. Pendant ces 2 ans, j’ai beaucoup appris dans le domaine de l’analyse, de la programmation, des bases de données et bien d’autres. J’ai maintenu un effort constant qui me valut d’excellents résultats. J’ai décidé de faire un stage chez Talan tunisie dans le but de développer mes connaissances dans la programmation JAVA Entreprise, AngularJS ainsi que de m’initier au développement d’un projet de grande envergure dans une entreprise privée. 1.2 ORGANISATION Crée en 2007, Talan Tunisie est une entreprise de services informatiques nearshore, basée à Tunis. Elle fait partie du groupe Talan, groupe international qui réalisera un chiffre d’affaires de 150 millions d’euros pour 1 500 collaborateurs fin 2015.
  7. 7. Rapport de stage Mohamed Naddari2 2 S P E C I F I C A T I O N D E B E S O I N S J’ai occupé le poste de programmeur J2EE, AngularJs tout au long de mon stage. Plus précisément, l’objectif était de développer une application qui gére un ensemble de contrats template à signer par le client selon le processus de vente convenable. La mission consiste à : • Choisir la template convenable selon une liste d’input. • Faire le mapping de données clients et offres au niveau de template choisi. • Générer la contrat PDF à signer.
  8. 8. Rapport de stage Mohamed Naddari3 3 A N A L Y S E D E S T A C H E S E F F E C T U E E S Cette section est la plus importante de tout ce document. Elle constitue la synthèse des tâches les plus importantes que j’ai effectuées au long de mon stage. En traitant le cahier de charge j’ai fait recours au outils suivant : Coté serveur : • Eclipse IDE • Hibernate framework pour la persistance des objets en base de données relationnelle (MySQL) • Apache Maven pour la gestion et l’automisation de production de projet. • La bibliothéque JasperReports Coté client : • WebStorm IDE • AngularJS framework • Materialize design • Google chrome inspecteur pour le déboguage • Yeoman pour la génération du code • Grunt pour le lancement de l’application et le déboguage • Bower qui a une fonction similaire a Maven pour l’automisation de l’installation de dépendance
  9. 9. Rapport de stage Mohamed Naddari4 4 C O N C E P T I O N Nous avons effectué la conception du projet en utilisant toujours la notation UML. Nous exposerons tout d’abord les étapes consécutives de la conception, puis nous présenterons l’architecture du projet. 4.1.1 Diagramme de Classes Le diagramme de classes UML suivant présente les relations entre les différents éléments de la base de données. F i g u r e 1 : D i a g r a m m e d e c l a s s e s 4.1.2 Diagramme de Séquence Les diagrammes de séquences sont la représentation graphique des interactions entre les acteurs et le système selon un ordre chronologique dans la formulation UML. Dans ce qui suit, nous présentons le diagramme de séquence pour chaque cas d’utilisation dans notre système.
  10. 10. Rapport de stage Mohamed Naddari5 4.1.2.1 Géneration de contrat F i g u r e 2 : D i a g r a m m e d e s é q u e n c e - g é n e r a t i o n 4.1.2.2 Recherche de contrat F i g u r e 3 : D i a g r a m m e d e s é q u e n c e - r e c h e r c h e
  11. 11. Rapport de stage Mohamed Naddari6 4.1.3 Diagramme de cas d’utilisation Le diagramme de cas d’utilisation présenté dans la Figure 3, expose les différentes utilisations possibles du composant additionnel d’annotation, qui seront détaillées dans la partie suivante. F i g u r e 4 : D i a g r a m m e d e c a s d ’ u t i l i s a t i o n
  12. 12. Rapport de stage Mohamed Naddari7 5 R E A L I S A T I O N 5.1 ARCHITECTURE Cette partie décrit l’architecture utilisé dans ce projet. • Un conteneur Spring Boot qui contient trois couches, couche DAO pour la persistance, couche Metier pour toute manipulation de données avant de l’envoyer à la couche DAO et une couche web pour la communication avec tous clients externe. • Un client web basé sur les framework AngularJS et Materialize. La communication entre le client et le serveur se fait via le web service Restfull. F i g u r e 5 : A r c h i t e c t u r e
  13. 13. Rapport de stage Mohamed Naddari8 F i g u r e 6 : S t r u c t u r e d e p r o j e t
  14. 14. Rapport de stage Mohamed Naddari9 5.2 CAS D’UTILISATION 5.2.1 Lancer client Lancement de client a l’aide de l’outil Grunt. F i g u r e 7 : L a n c e m e n t d e c l i e n t
  15. 15. Rapport de stage Mohamed Naddari10 5.2.2 Lancer Serveur Lancement de serveur a l’aide de Maven. F i g u r e 8 : L a n c e m e n t d e s e r v e u r
  16. 16. Rapport de stage Mohamed Naddari11 5.2.3 Génerer contrat Formulaire de client avec la validation de champs avec AngularJS F i g u r e 9 : F o r m u l a i r e c l i e n t Page suivante pour le choix d’offre. F i g u r e 1 0 : F o r m u l a i r e o f f r e
  17. 17. Rapport de stage Mohamed Naddari12 Contrat géneré après le remplissage de formulaire. F i g u r e 1 1 : E x e m p l e d e c o n t r a t
  18. 18. Rapport de stage Mohamed Naddari13 5.2.4 Recherche Formulaire de recherche, le champ de cin doit être rempli pour faire la recherche. F i g u r e 1 2 : F o r m u l a i r e d e r e c h e r c h e Apparition de résultat de recherche sous forme d’un tableau avec des buttons pour obtenir le contrat. F i g u r e 1 3 : R e c h e r c h e p a r c i n
  19. 19. Rapport de stage Mohamed Naddari14 Recherche en utilisant le numéro cin et l’offre. F i g u r e 1 4 : R e c h e r c h e p a r c i n e t o f f r e
  20. 20. Rapport de stage Mohamed Naddari15 6 C O N C L U S I O N Notre projet a consisté en la conception, le développement d’une application qui gére un ensemble de contrats template à signer par le client selon le processus de vente convenable, afin d’apporter une valeur ajoutée et un meilleur service aux clients. Nous sommes arrivés à développer toutes les fonctionnalités du système dans les temps. Ce stage a été très formateur. Il nous a permis d'améliorer nos connaissances en création d'application web, et notamment en ce qui concerne l'utilisation poussée de technologies comme le web service, l’injection de dépendances et d’autres. Le stage quotidien au sein de la société a aussi été pour nous une occasion unique pour épanouir nos capacités de communication dans un environnement professionnel. C’est une expérience très enrichissante sur tous les domaines. Enfin, l’application que nous avons développé pourrait être enrichie par la creation de clients mobile pour améliorer l’expérience utilisateur et integrer les fonctionnalités de la signature électronique en utilisant la technologie ionic qui peut transformer le client web qui nous avons déjà développer en applications mobile multiplatforme.

×