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
Plan
2
3
4
5
6
1 I Introduction
Introduction
Bête à Cornes
I Modélisation
Use-Case
MCD
MLD
2
3
4
5
6
1 I Front-end
Outils de Travail
Architecture
I Back-end
Outils de Travail
Architecture
2
3
4
5
6
1 I Schéma Communication
I Démonstration
I Conclusion
+ Introduction
I n t r o
2
3
4
5
6
1
But
Rapide
Disponibilité
Aptitudeàlamaintenance
Securisé
Robuste
Fonctionnelle
Application:
Client Mobile & Serveur J2EE
I n t r o
2
3
4
5
6
1
Solution
I n t r o
2
3
4
5
6
1
Bête à Cornes
Conception
C o n c e p t i o n2
3
4
5
6
1
Use-Case
C o n c e p t i o n2
3
4
5
6
1
MCD
C o n c e p t i o n2
3
4
5
6
1
MLD
Front-end
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
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
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
F r o n t
2
3
4
5
6
1
Cordova
B a c k
2
3
4
5
6
1
Architecture Client
Back-end
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
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
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é
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
B a c k
2
3
4
5
6
1
Architecture Serveur
Architecture
Plan
Architecture Système
Serveur REST
Ionic :
développement des
interfaces
JSON
Démonstration
Conclusion
Merci pour votre attention

Application de gestion des projets en J2EE (Spring-Hibernate) avec architecture REST et un client Mobile

  • 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.
  • 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 Outilsde Travail Architecture I Back-end Outils de Travail Architecture
  • 5.
    2 3 4 5 6 1 I SchémaCommunication I Démonstration I Conclusion
  • 6.
  • 7.
    I n tr o 2 3 4 5 6 1 But Rapide Disponibilité Aptitudeàlamaintenance Securisé Robuste Fonctionnelle
  • 8.
  • 9.
    I n tr o 2 3 4 5 6 1 Solution
  • 10.
    I n tr o 2 3 4 5 6 1 Bête à Cornes
  • 11.
  • 12.
    C o nc e p t i o n2 3 4 5 6 1 Use-Case
  • 13.
    C o nc e p t i o n2 3 4 5 6 1 MCD
  • 14.
    C o nc e p t i o n2 3 4 5 6 1 MLD
  • 15.
  • 16.
    F r on 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 on 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 on 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 on t 2 3 4 5 6 1 Cordova
  • 20.
    B a ck 2 3 4 5 6 1 Architecture Client
  • 21.
  • 22.
    B a ck 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 ck 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 ck 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 ck 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 ck 2 3 4 5 6 1 Architecture Serveur
  • 27.
  • 28.
    Plan Architecture Système Serveur REST Ionic: développement des interfaces JSON
  • 29.
  • 30.
  • 31.