BIENVENUE A L’ISTIC DE

BANGANGTÉ
“Toujours rechercher l’excellence”
 MISE EN PLACE DE LA TELEPHONIE IP DANS UNE
ENTREPRISE AVEC INTERCONNEXION AU RESEAU GSM :
CAS DE L’UNIVERSITE DES MONTAGNES
Rédigé et soutenu par :
MOYO BEMYA Pythagore

Sous l’encadrement
Académique et Professionnel de :
ING. TAKOUDJOU Alexis

ANNEE ACADEMIQUE 2021-2022

 PLAN

SPECIFICATIONS DES
INTRODUCTION BESOINS ET CONCEPTION
CONCLUSION &
PERSPECTIVES 7
1 4
CONTEXTE, 2 DEMONSTRATION
6
PROBLEMATIQUE ET

3
METHODOLOGIE DU
PROJET
5
ETAT DE L’ART
IMPLEMENTATION DE LA
SOLUTION ET RESULTATS
3/31
 1. Introduction

En vue de l’obtention du diplôme d’ingénieur de conception

chaque étudiant en fin de cycle est appelé à rédiger un projet qui
résous un problème précis ; c’est ainsi que nous sortant dans une
localité très éloigné dans la ville de Bafoussam notamment dans
le village bamougoum ou il Ya un absences d’ouvrage de
franchissement et les voies d’acces très accidenté qui met la
populations de la places en insécurité limites la circulation des
biens et service notamment l’exploitation des carrière des pierres
et sable, nous entend que futur ingénieur nous avons penser à
apporter un plus à notre communauté en lui proposant une
solution à ce problème ce qui nous à donc motivés à prendre
pour thèmes << etude et conception d’un microprojet de pont et 04/31
2. Contexte, Problématique, Methodologies Du Projet

2.1 Contexte
à l’issu de l’utilisation de ce système nous avons observé de
nombreux manquement notamment:

 La mauvaise qualité de communication à l’intérieur du bâtiment obligeant

les employés à sortir du bâtiment pour améliorer la qualité d’écoute ;

 La communication privée de l’entreprise est dépendante de l’opérateur de

téléphonie ;

 La communication interne entre les utilisateurs nécessite un coût lié à

l’abonnement au service de la flotte.

05/31
 2. Contexte, Problématique, Methodologies Du Projet

2.3 Problématique
Comment effectuer l’intégration
En quoi est ce que la mise en du réseau GSM au réseau IP ?
place de la VoIP au sein d’une
entreprise est importante ?

Quel est l’enjeu de l’utilisation Par ailleurs, comment la mise en place

de la VoIP ? de la VoIP est-elle possible et à quel prix
?

07/31
 2. Contexte, Problématique, Methodologies Du Projet

2.4 Objectifs
Rendre l’université permettre à l’université de
autonome en termes de minimiser son coût de
communication communication interne .

De pouvoir se servir du réseau

informatique existant pour mettre
en place une solution VoIP sans
grand bouleversement ;
08/31
 2. Contexte, Problématique, Methodologies Du Projet

2.5 Methodologies Du Projet

 Intégrer dans le réseau un IPBX logiciel avec interface graphique ;

 Permettre l’utilisation des téléphones fixes IP et softphones sur les postes clients;

 Faire des tests et enfin déployer la solution sur un serveur du réseau de l’UdM.

09/31
 3. Etat de l’art

3.1 Application web

Définition Un accès rapide

Application manipulable
Indépendant d’un SE
directement en ligne
grâce à un navigateur
web et qui ne nécessite Accessible partout
donc pas d’installation
sur des machines clientes Mise à jour simple

9/31
 3. Etat de l’art

3.2 Front End

Définition
FrontEnd
C’ est la partie d’une
application qui est reçu
par l’utilisateur et qu’on Web Design
aperçoit à l’écran et avec
lesquels on pourrait Web Programming
interagir.

11/31
 3. Etat de l’art

3.3 Langage pour le développement FronEnd

Critère/ Langage JAVA PYTHON PHP JAVASCRIPT
Paradigme Orienté objet Orienté objet, Impératif, fonctionnel et Impératif,
fonctionnel orienté objet fonctionnel,
orienté objet et
évènementielle

Prérequis Java Virtual Machine interpréteur python Interpréteur PHP navigateur

Coté serveur/client Client et serveur serveur Scripts côté serveur Scripts côté client

Courbe moyen Plus facile à apprendre, Plus difficile à apprendre facile

d’apprentissage même pour les que Python
débutants
Utilisateurs notables Google, Amazon, YouTube, Pinterest, Facebook, WordPress, PayPal, Netflix,
Airbnb Instagram, Wikipédia, Yahoo Twitter, Microsoft
Framework Vaadin, Gralis, Boostrap Django, Flask, Bottle Laravel, Symfony, Zend, Vue, React,
Laminas Angular, Ember
12/31
 3. Etat de l’art

3.4 Technologie pour le développement FrontEnd

Librairie-Framework/
Critères Angular React Vue
Créateur Soutenu par google Développé et soutenu par Développé par Evan You
Facebook
Taille(Kb) 167 31,8 33,3
scalabilité élevé élevé faible
Apprentissage difficile moyen facile
Communauté grande très grande petite
développeurs
Utilisateurs Google, Sony, HBO, Nike Facebook, PayPal, Netflix, Alibaba, Gitlab, Nintendo
WhatsApp
Ecrit en Type Script Javascript Javascript
licence MIT MIT MIT
Dernière version stable 12.2.8 17.0.2 3.2.2
13/31
 4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.1 Maquettes , GUI , React , Material UI

 Définition de Maquettes
 GUI
 React
 Material UI

14/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.2 Présentatation d’une maquette

15/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.3 ZONING

16/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.4 Responsive Design

17/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.5 Responsive Design

18/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.6 Utilisateurs d’internet

19/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.7 Codage

20/31
4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.8 Diagramme de composants

21/31
 4. PASSAGE DES MAQUETTES VERS LE GUI EN UTILISANT LA
BIBILIOTHEQUE REACT ET MATERIAL UI
4.9 Verification des fonctionalités

 Tester la fonctionnalité des versions mobiles et tablettes

 Vérification des formulaires

 Vérifier les liens et boutons

21/31
5. IMPLEMENTATION DES MAQUETTES DE L’APPLICATION
DRAIVWAY
5.1 Logiciels et outils utilisés

Figma Node Js GitLab Chrome npm Jira

Material-UI Visual Paradigm VS Code

22/31
5. IMPLEMENTATION DES MAQUETTES DE L’APPLICATION
DRAIVWAY
5.2 Quelques Cas d’utilisations
Faire une demande de Gérer les types de
création d’auto-école formations

S’authentifier

Gérer les apprenants

23/31
5. IMPLEMENTATION DES MAQUETTES DE L’APPLICATION
DRAIVWAY
5.3 Maquette du Cas d’utilisation : Se connecter

25/31
5. IMPLEMENTATION DES MAQUETTES DE L’APPLICATION
DRAIVWAY
5.4 Zoning

26/31
 6. RESULSTATS

6.1 Demonstration
PYTHAGORE

27/31
 7. Conclusion et perspective

7.1 Conclusion

Développer des interfaces agréables et assurer une bonne expérience utilisateur.

Modéliser des interfaces qui répondent aux besoins des utilisateurs
Identifier les outils appropriés,

Utiliser les outils pour implémenter la solution

28/31
7. Conclusion et perspective

7.2 Perspectives
Multi-langage

Multi-thème

29/31
SUMMARY

29/31
Merci pour votre aimable attention !!

REMARQUES & SUGGESTIONS