code source disponible ici : http://www.mediafire.com/download/ceqwf327arq43kk/ProjetJ2EE-Spring-REST-ionic.rar Application de Gestion des projets Présentation du projet J2EE à l'ENSA Kenitra en décembre 2014.

1. Gestionde
Projet
J2EE R é a l i s é p a r : I C H I O U I A y o u b
Z E R H O U N I S a a d

2. Plan

3. 2
3
4
5
6
1 I Introduction
Introduction
Bête à Cornes
I Modélisation
Use-Case
MCD
MLD

4. 2
3
4
5
6
1 I Front-end
Outils de Travail
Architecture
I Back-end
Outils de Travail
Architecture

5. 2
3
4
5
6
1 I Schéma Communication
I Démonstration
I Conclusion

6. + Introduction

7. I n t r o
2
3
4
5
6
1
But
Rapide
Disponibilité
Aptitudeàlamaintenance
Securisé
Robuste
Fonctionnelle

8. Application:
Client Mobile & Serveur J2EE

9. I n t r o
2
3
4
5
6
1
Solution

10. I n t r o
2
3
4
5
6
1
Bête à Cornes

11. Conception

12. C o n c e p t i o n2
3
4
5
6
1
Use-Case

13. C o n c e p t i o n2
3
4
5
6
1
MCD

14. C o n c e p t i o n2
3
4
5
6
1
MLD

15. Front-end

16. F r o n t
2
3
4
5
6
1
AngularJS est un framework d'applications web, open-source, maintenu par Google et la
communauté, qui aide à la création d'applications d'une seule page. Son but est de simplifier
le développement et le test des applications Web en fournissant au côté client une
architecture modèle-vue-contrôleur (MVC) lui donnant ainsi la capacité ainsi de fournir une
structure pour le processus de développement, de conception et d’essai.
Pages HTML Dynamiques
Code Asynchrone
Appels AJAX puissants
Front-end - AngularJS
Architecture MVC
Système de routage
Création de filtres

17. F r o n t
2
3
4
5
6
1
Ionic
Création des applications mobiles hybrides avec les technologies web. Gratuit et open
source, ionique propose une bibliothèque de HTML mobile optimisé, CSS et composants JS
ConstruitavecSassetoptimisépourAngularJS
CLIPuissant
Rapide
Communauté
Gratuit

18. F r o n t
2
3
4
5
6
1
Cordova
PhoneGap est un framework de développement mobile produit par Nitobi, acheté par Adobe
Systems en 2011. Il permet aux programmeurs de logiciels de créer des applications pour
les appareils mobiles utilisant JavaScript, HTML5 et CSS3, au lieu de compter sur des API
spécifiques à la plateforme comme ceux dans iOS, Windows Phone ou Android.
ApplicationsHybrides
Uncodepourtoutesplateformes
PlusFacile
SupportdeplusieursPlateformes
Toujoursendéveloppement

19. F r o n t
2
3
4
5
6
1
Cordova

20. B a c k
2
3
4
5
6
1
Architecture Client

21. Back-end

22. B a c k
2
3
4
5
6
1
Maven est un outil d'automatisation de construction utilisé principalement pour des projets
Java. Maven aborde deux aspects grands aspects: il décrit comment le logiciel est construit, et
deuxièmement, il décrit ses dépendances.
Processus de construction facile
système de construction uniforme
Migration Transparente
Maven
Architecture MVC
Information sur le projet
Recherche de d’inter-dépendance

23. B a c k
2
3
4
5
6
1
Hibernate
Hibernate ORM est une bibliothèque de mapping objet-relationnel pour le langage Java,
fournissant un cadre pour la cartographie d'un modèle de domaine orienté objet à une base
de données relationnelle.
Performance
Cross-DatabasePortability
Productivité
Communauté
Gratuit

24. B a c k
2
3
4
5
6
1
Spring Framework
Spring est le Framework de développement d’application Java le plus populaire. En effet il
est utilisé par plusieurs Société à travers le monde.
MVC
Légèreté
Réutilisabilitédecode
SupportdeREST
Communauté

25. B a c k
2
3
4
5
6
1
Architecture REST
REST nous impose des normes à respecter pour notre web service afin que lorsqu’on fait
des appels HTTP (URL) avec un header spécifique (GET/POST/PUT/DELETE) on ait la
bonne action exécutée.
Verb Path Action
GET /resource index
GET /resource/create create
POST /resource store
GET /resource/{resource} show
GET /resource/{resource}/edit edit
PUT/PATCH /resource/{resource} update
DELETE /resource/{resource} destroy

26. B a c k
2
3
4
5
6
1
Architecture Serveur

27. Architecture

28. Plan
Architecture Système
Serveur REST
Ionic :
développement des
interfaces
JSON

29. Démonstration

30. Conclusion

31. Merci pour votre attention