1. Réalisé par :
Majdi HSAN
Encadré par:
M. Jelidi Farouk
M. Ben Afia Salem

2. 2

3. 3

4.  Problématique d’archivage.
 Problématique d’affichage.
Causer des malentendu.
 Problématique sociale.
4
 Solution bureautique.
Tâches exécutées traditionnellement:

5. 5

6. 6
Services consultatifs relatifs à la gestion.
Services consultatifs relatifs aux systèmes.
Formation et développement.
Développement d’applications.
Assistance technique.
Hébergement WEB et accès WEB aux
bases de données.

7. 7

8. 8

9. 9

10. 10

11. 11
Interfaces conviviales
Vie sociale
Espace personnel
Informations relatives aux projets

12. 12

13. • Ajouter et consulter les annonces .
• Consulter les projets.
• Consulter le tableau de bords
(paiement et avancement des projets ).
13

14. • Consulter l'historique des paiements personnels.
• Offrir un espace de discussion entre les habitants.
• Envoyer et recevoir des notifications.
14

15. 15

16. 16
Gérer
maintenance
Gérer
budget
Gérer
Administrer
Annoncer
Consulter
Discuter
S’identifier
Générer
tableau de
bords
Gérer
notifications
Système
Publier
Diagramme de cas d’utilisation TUN SYNDIC«include»
« include »
«include»
Utilisateur
Syndic
« Actor »

17. 17

18. 18
Utilisateur
Projet Budget
Propriété
Annonce
Notification
Paiement
Publication
0..*
1..1
0..1
0..* 0..1
0..*
1..1 1..1
0..*
1..*
comporte
est notifié
publie
possède
est financé par
Participe/consulte
1..*
0..*
-String FirstName
-String LastName
-String Username
-String Passwd
-String Status
-String Id
-String Desc
-String prop
-String Status
-String Id
-Date Date_pub
-String user
-String Desc
-String id_publi
-String Id
-String Lib
-String Title
-Date date_start
-Date date_fin
-String num
-Double total
-Double dette
-String Id
-Double montant
-Date date_pay
-String Id
-String type
-String user
+Getters and setters
+Getters and setters
+Getters and setters
+Getters and setters
+Getters and setters
+Getters and setters
+Getters and setters
+Getters and setters

19. 19

20. 20

21. 21
AngularJS est un framework JavaScript libre et open-source
développé par Google.
AngularJS est caractérisé par:
• Les modèles de données sont des POJO.
• Une interface utilisateur déclarative.
• Comportements avec les directives.
• Flexibles avec les filtres.

22.  Il prend donc en charge la création d'objets et leur mise en relation
par l'intermédiaire d'un fichier de configuration.
22
 C’est le framework qui présente le noyau de notre système.
 SPRING est effectivement un conteneur dit léger.

23. 23
 Les services web RESTful sont construits pour fonctionner
au mieux sur le Web.
 Representational State Transfer ( REST ) est un style architectural
qui favorise:
• La performance.
• L'évolutivité.
• La maintenabilité.

24. 24

25. Avant connexion
25

26. 26

27. L’utilisateur peut:
• Consulter les annonces.
• Ajouter une annonce.
• Consulter la liste des résidents.
• Consulter, commenter et voter à propos des projets.
• Consulter son historique de paiements et récupérer son
reçu.
• Discuter.
• Envoyer, recevoir des e-mails.
27

28. 28
Interface d’ajout d’une annonce

29. 29
Liste des résidents dans l’immeuble

30. 30
Liste des projets
Interface des détailles d’un projet

31. 31
Historique des paiements de l’utilisateur majdi

32. 32
Exemple de discussion dans le forum de chat

33. 33
Interface de boite de réception de la boite Email

34. • Évidemment en gardant les fonctionnalités partagées
par tous les utilisateurs.
34
• Il s'agit d'un espace administrateur
• Cet espace offre plus de services qui permettent d'avoir
plus d'idée sur la vie sociale , économique et quotidienne
de la résidence.

35. 35
Tableau de bord

36. 36
Calendrier des projets
Liste des projets en cours

37. 37
Modification des informations d’un utilisateur

38. 38
Liste des résidents avec option supprimer

39. 39
Interface d’ajout d’un projet

40. 40
Préparation d ’un reçu

41. 41
Reçu final

42. 42

43. 1
43
2
• Une solution pour la gestion des syndics
des copropriétés.
• Apprendre des nouvelles technologies.
• Déployer la solution SaaS.
• Intégrer le module de paiement en ligne.
• Améliorer la sécurité.

44. 44