Vous êtes sur la page 1sur 38

REPUBLIQUE TUNISIENNE

MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE SCIENTIFIQUES


Direction Générale des Etudes Technologiques
Institut Supérieur des Etudes Technologiques de Béja

Département Technologies de L’informatique

Parcours :
Système Embarqué et Mobile

RAPPORT DU STAGE DE
PERFECTIONNEMENT

Développement d’une application


Gestion Parc Informatique
Elaboré par : Bougrira Insaf.

Encadré par : Karim Jendoubi.

Période du stage : Du 17/01/2022 à 12/02/2022.

Au sein de (Organisme d’accueil) : Centre Laitière du Nord (CLN).

Année Universitaire : 2021/2022

1
Remerciement

Je tiens à remercier toutes les personnes qui ont contribué au succès de mon stage et qui
m'ont aidé lors de la rédaction de ce rapport.
J’adresse mes remerciements à mon encadreur, Mr Albouchi Ddhiaalhak, pour son
accueil, le temps passé ensemble et ses conseils. Grâce aussi à sa confiance j'ai pu
m'accomplir totalement dans mes missions. Je tiens aussi à remercier Mr Karim Jendoubi
pour sa collaboration, et sa générosité et ses conseils
Enfin, je tiens à remercier toutes les personnes qui m'ont conseillé et relu lors de la rédaction
de ce rapport de stage : ma famille et mes camarades de promotion.

2
Table of Contents
Introduction générale...............................................................................................................................................7
Chapitre 1 : PRESENTATION DE CADRE DE STAGE....................................................................................................8
Introduction..............................................................................................................................................................8
1. Présentation de l’organisme d’accueil :................................................................................................................8
1.1. Historique :.....................................................................................................................................................8
1.2. Fiche technique de la société :.......................................................................................................................8
1.3. Organigramme :..........................................................................................................................................10
1.4. Les services de CLN :....................................................................................................................................11
2. Etude de l’existant :............................................................................................................................................11
2.1. Description de l’existant :............................................................................................................................11
2.2. Critique de l’existant :..................................................................................................................................11
2.3. Solution proposée :......................................................................................................................................12
Conclusion :.............................................................................................................................................................12
Chapitre 2 : Spécification des besoins....................................................................................................................14
Introduction............................................................................................................................................................14
1. Fonctionnalités de l’application :........................................................................................................................14
1.1. Les besoins fonctionnels :............................................................................................................................14
1.2. Les besoins non fonctionnels :.....................................................................................................................15
2. Présentation du modèle de la base de données................................................................................................15
2.1. Extractions des différentes entités et attributs...........................................................................................15
Conclusion...............................................................................................................................................................17
Chapitre 3 : Etude conceptuelle.............................................................................................................................19
Introduction............................................................................................................................................................19
1. Cycle de vie d’un projet :....................................................................................................................................19
1.1. Description :.................................................................................................................................................19
2. Conception UML :...............................................................................................................................................20
2.1. Le Langage UML (Unified Modeling Language) :.........................................................................................20
3. Présentation des diagrammes :..........................................................................................................................20
3.1. Diagramme de cas d’utilisation :.................................................................................................................20
3.1.1. Diagramme de cas d’utilisation global :..............................................................................21
3.1.2. Identification du acteurs :...................................................................................................21
3.1.3. Diagramme de cas d’utilisation de gestion des matériels détaillées :................................22
3.1.4. Diagramme de cas d’utilisation de gestion des employés détaillées :................................22
3.1.5. Diagramme de cas d’utilisation de gestion d’état des matériels détaillées :......................22
3.2. Description textuelle de l’authentification :................................................................................................23
3.3. Diagramme de classe :.................................................................................................................................24
3.4. Diagramme de séquence :...........................................................................................................................25
3.4.1. Diagramme de séquence « Authentification » :.................................................................25
3.4.2. Diagramme de séquence « Inscription » :..........................................................................26
3.4.3. Diagramme de séquence « Ajouter matériels » :...............................................................27

3
Conclusion...............................................................................................................................................................27
Chapitre 4 : Réalisation et tests..............................................................................................................................29
Introduction............................................................................................................................................................29
1. Technologie et outils de travail :.........................................................................................................................29
1.1. Environnement Matériel de développement :............................................................................................29
1.2. Environnement Logiciel de développement :..............................................................................................29
1.2.1. Les langages utilisés :..........................................................................................................29
1.2.2. Environnement de développement :..................................................................................31
1.2.3. Logiciels de conception :....................................................................................................32
2. Description du l’application :..............................................................................................................................33
Conclusion...............................................................................................................................................................35

4
Listes des figures :
Figure 1:Fiche technique de la société.....................................................................................................................8
Figure 2:Organigramme général de CNL................................................................................................................10
Figure 3:Cycle de vie en V.......................................................................................................................................19
Figure 4:Diagramme de cas d'utilisation global......................................................................................................21
Figure 5:Diagramme de cas d’utilisation de gestion les matériels.........................................................................22
Figure 6:Diagramme de cas d’utilisation de gestion des employés.......................................................................22
Figure 7:: Diagramme de cas d'utilisation de gestion d’état des matériels...........................................................23
Figure 8:diagramme de clase global.......................................................................................................................24
Figure 9:diagramme de séquence d’authentification............................................................................................25
Figure 10:diagramme de séquence d’inscription...................................................................................................26
Figure 11:diagramme de séquence d’ajout matériels............................................................................................27
Figure 12:logo de PHP.............................................................................................................................................29
Figure 13:logo HTML...............................................................................................................................................30
Figure 14:logo JS.....................................................................................................................................................30
Figure 15:logo CSS...................................................................................................................................................31
Figure 16:logo Bootstrap :......................................................................................................................................31
Figure 17:logo VS Code...........................................................................................................................................32
Figure 18:logo WampServer...................................................................................................................................32
Figure 19:logo StarUml...........................................................................................................................................33
Figure 20:interface login.........................................................................................................................................33
Figure 21:interface d’authentification....................................................................................................................34
Figure 22:interface admin.......................................................................................................................................34
Figure 23:liste des matériels...................................................................................................................................35

5
Listes des tableaux :

Table 1:Fiche technique de la société.....................................................................................................................10


Table 2:les services de CLN.....................................................................................................................................12
Table 3:table administrateur..................................................................................................................................16
Table 4:table état matériel.....................................................................................................................................17
Table 5:table matériel.............................................................................................................................................17
Table 6:table message............................................................................................................................................17
Table 7:table réponse.............................................................................................................................................18
Table 8:table employé............................................................................................................................................19
Table 9:Identification des acteurs...........................................................................................................................23
Table 10:environnement matériel..........................................................................................................................32

6
Introduction générale

Ce rapport de stage décrit le projet effectué sur une durée de 4 semaines au sein de
Centre Laitière du Nord.
J’ai choisi ce centre car j’ai voulu connaitre comment j’applique les langages étudiés au
cours de l’année ainsi que j’ai voulu m’adapter au travail en équipe et dans la vie
professionnelle. L’élaboration de ce rapport a pour principale source les différents
enseignements tirés de la pratique journalière des tâches auxquelles nous avons affecté.
Mon stage se déroule sur une réalisation d’un site web gestion parc informatique.
L’élaboration du rapport de stage est décomposée en 3 grandes parties, la 1ere sert à présenter
l’entreprise d’accueil, ses missions et faire une étude de l’existant. La 2eme partie est dédié à
la partie conception et modélisation du projet. Finalement la 3eme partie sert à expliquer la
réalisation du site web, les différentes interfaces etc.

7
Chapitre 1 : PRESENTATION DE CADRE DE STAGE
Introduction
Ce présent chapitre sera dédié à la mise en place de notre projet dans son cadre général.
Nous allons commencer par une présentation de l’organisme d’accueil.

1. Présentation de l’organisme d’accueil :


1.1. Historique :
Le Centre Laitière du Nord est une société agro-alimentation, elle a été créée en 1986
avec un chiffre d’affaires de 5000000DT.Elle appartient au groupe Délice Holding le
premier producteur des produits laitières qui produit sous la marque Délice. Elle est
dirigée par Mr Hamdi Meddeb, Située à Bousalem-Jendouba et embauche environ 380
employés. Son capital social s’élève, au 31/03/2014, à 17.7MDT et elle a réalisé, au
31/12/2013, des produits d’exploitation de 104.9MDT.

Figure 1:Fiche technique de la société

8
1.2. Fiche technique de la société  :

Raison Social Centrale laitière du Nord (CLN)

Adresse et localisation RTE DE TUNIS KM 4 ERROUMANI –


BOUSALEM, Bousalem, Jendouba, Tunisie.

Date de création 1986

Statut juridique Société anonyme (SA)

Capital social 5 000 000 DT

Secteur d’activité Agro-alimentaire

Marque Délice

Effectif du personnel 380 employés


Produits laitiers
Activités principale

E-mail
lainomarketing@yahoo.fr

Table 1:Fiche technique de la société

9
1.3. Organigramme :

Direction générale

Direction Direction Direction


Direction Direction
ressource Laboratoire technique
commercial finance logistique
humaine

Service de
Service de comptabilité
facturation Parc auto Chargement

Hygiène et
Service Service sécurité
Service de paie
juridique informatique

Bureau de Service Service Service


Travaux Production
méthode magasin électrique mécanique

Figure 2:Organigramme général de CNL.

10
1.4. Les services de CLN :

Service personnel Le rôle de ce service est de recruter et de suivre des ouvriers et des
cadres. Ceci dépend des besoins des autres services.

Service Ce service a pour rôle la gestion de système et de l’information


comptabilité comptable de la société.

Service formation Ce service a pour but la création d’une archive contenant les stages
au centre laitière du nord, les informations sont mises à la
disposition des services en cas de besoin ça peut être un critère de
sélection dans le recrutement des futurs cadres.

Service Son rôle est le contrôle des opérations de production par les
informatique ordinateurs et s’occupe des différents défauts à la chaîne de
production ou les chaînes de contrôle. Et aussi gérer les différentes
structures du réseau informatique et industriel.

Table 2:les services de CLN

2. Etude de l’existant :
2.1. Description de l’existant :
Le matériel informatique dans les entreprises joue un rôle très important dans la vie
quotidienne. En effet la gestion du parc informatique est devenue indispensable avec le
nombre important des équipements informatiques, pour gérer ce dernier il faut avoir un
logiciel qui facilite cette tâche et l’automatisé, d’où la nécessité d’avoir une application ou
solution qui gère le matériel.
2.2. Critique de l’existant :
Jusqu’au nos jours la direction générale ne dispose pas d’une application de gestion de parc
informatique malgré le nombre très important de matériel informatique et la couverture
géographique de cette administration. La gestion du matériel se fait d’une manière
traditionnelle par des simples fichiers Excel ça peut engendrer des erreurs immenses.
En effet, l’utilisation des solutions informatiques et des systèmes de gestion, permet de
faciliter les tâches quotidiennes et la gestion fluide du parc informatique.
11
2.3. Solution proposée :
Notre projet consiste à réaliser une application web permettant découvrir principalement
quatre modules. Le premier module concerne la gestion des clients le deuxième
module destiné à la gestion des matériels informatiques et le troisième module permet
de gérer l’état des matériels. Le dernier module c’est concernant l’interface client.

Conclusion :
A travers ce chapitre, nous avons présenté le cadre du projet, identifié à atteindre le travail
à faire. Compte tenu de cela, nous proposant les détails du travail dans le chapitre suivant.

12
13
Chapitre 2 : Spécification des besoins
Introduction
Dans ce chapitre, on va consacrer sur l’étude de l’existant, les spécifications et l’analyse
des besoins, dont lequel ils existent les solutions proposées puis l’objectif de nous présenter
le système de l’application gestion parc informatique au sein de l’entreprise LAINO.

1. Fonctionnalités de l’application :

Il s’agit de définir les besoins fonctionnels et non fonctionnels de l’application ainsi que
les cas d’utilisation proposés par le sujet pour mettre le raisonnement conceptuel en
valeur.

1.1. Les besoins fonctionnels :


Avant la création de l’application il faut définir quelques besoins fonctionnels sont
généralement :
Pour l’administrateur :
 L’authentification : l’administrateur doit s’authentifier en tapant le matricule
et le mot de passe.
 Gérer les matériels informatiques : cette fonctionnalité sert à :
 Ajouter un matériel.
 Modifier un matériel.
 Supprimer un matériel.
 Chercher d’un matériel.
 Gérer les employés : cette fonctionnalité sert à :
 Modifier un employé.
 Supprimer un employé.
 Gérer l’état des matériels : cette fonctionnalité sert à :
 Consulter état des matériels.
 Modifier l’état du matériel.
 Gérer des messages : cette fonctionnalité sert à :
 Consulter message.
 Supprimer message.

Pour l’utilisateur :
14
 Authentifier.
 Déclarer un matériel.
 Envoyer un message.

1.2. Les besoins non fonctionnels :


Les besoins non fonctionnels décrivent tous les contraintes auxquelles est soumis le système
pour sa réalisation et son bon fonctionnement.

 Rapidité : l’application doit respecter un temps de réponse raisonnable.


 L’ergonomie : L'application doit être facile à utiliser et les interfaces doivent
être bien présentées.
 Performance : l’application doit assurer une interface bien organisée et
répond à toutes les exigences des utilisateurs d’une manière optimale.

 L’extensibilité : Notre solution doit être extensible pour ajouter ou modifier


des modules.

 Fiabilité : Bon fonctionnement de l’application sans détection de


défaillance.

2. Présentation du modèle de la base de données

2.1. Extractions des différentes entités et attributs


Notre base de données est composée de six tables présentées par les tableaux suivants :
Table administrateur

Table 3:table administrateur

Table etatmateriel

15
Table 4:table état matériel

Table materiel

Table 5:table matériel

Table message

Table 6:table message

16
Table reponse

Table 7:table réponse

Table user

Table 8:table employé

Conclusion

Les taches de conception et modélisation de la solution permettent de simplifier la dernière


étape qui consiste à la réalisation et les tests .

17
18
Chapitre 3 : Etude conceptuelle

Introduction
Dans ce chapitre, on va passer à l’étape de conception de l’application et on s’intéressera à la
modélisation de la réalité pour faire ressortir les points essentiels dans notre étude.

1. Cycle de vie d’un projet :


1.1. Description :
Le cycle de vie d’une application désigne toutes les étapes de développement de la logicielle
attendue. Il existe différents types de cycles de développement entrant dans la réalisation d’un
logiciel. Ces cycles prennent en compte toutes les étapes de la conception d’un logiciel. Afin
de contrôler les étapes de déroulements de notre projet et facilite la gestion de notre
construction applicative on a opté pour le modèle de cycle de vie en V.

Figure 3:Cycle de vie en V

19
Le principe de ce modèle est une amélioration du modèle en cascade qui permet en cas
d'anomalie, de limiter un retour aux étapes précédentes. Il est composé d’une phase
descendante puis montante, la phase montante envoie des informations vis-à-vis de la phase
descendante.

Le modèle de cycle de vie en V part de principe que les procédures de vérification de la


conformité du logiciel aux spécifications doivent être élaborées dès les phases de conception.
Le cycle en V est composé de trois grandes phases contenant les étapes de conception :
1. Phase de conception :
• Analyse des besoins et faisabilité
• Spécifications
• Conception Architecturale
• Conception détaillée
2. Phase de réalisation
• Codage
• Tests unitaires

3. Phase de validation
• Tests d’intégration
• Test de validation
• Recette

2. Conception UML :
2.1. Le Langage UML (Unified Modeling Language) :
Le Langage de Modélisation Unifié est un langage de modélisation graphique conçu pour
visualiser et présenter la conception d’un système bien défini, il est couramment utilisé en
développement logiciel et en conception orientée objet. La notation UML est un langage
visuel constitué d’un ensemble de schémas, appelés des diagrammes pour représenter le
logiciel à développer et son fonctionnement.

3. Présentation des diagrammes :


3.1. Diagramme de cas d’utilisation :
Le diagramme de cas d’utilisateur permet de créer le comportement le système de point de
vue d’utilisateur en termes de fonctionnalités pour les utilisateurs.

20
3.1.1. Diagramme de cas d’utilisation global :

Figure 4:Diagramme de cas d'utilisation global

3.1.2. Identification du acteurs :

Administrateur -Inscrire.
-Ajouter, modifier et supprimer des
matériels informatiques.
-Modifier et supprimer des employés.
-Modifier l’état des matériels.
-Répondre et supprimer un message.

Employé -Inscrire.
-Consulter les matériels.
-Déclarer panne des matériels.
-Envoyer et supprimer son message à
l’administrateur.

Table 9:Identification des acteurs

21
3.1.3. Diagramme de cas d’utilisation de gestion des matériels détaillées :

Figure 5:Diagramme de cas d’utilisation de gestion les matériels

3.1.4. Diagramme de cas d’utilisation de gestion des employés détaillées :

Figure 6:Diagramme de cas d’utilisation de gestion des employés

3.1.5. Diagramme de cas d’utilisation de gestion d’état des matériels détaillées :

22
Figure 7:: Diagramme de cas d'utilisation de gestion d’état des matériels.

3.2. Description textuelle de l’authentification :


Identification 
Nom de cas : s’authentifier.
Objectif : accéder à l’application.
Acteurs : administrateur, employé(secondaire).
Séquencements 
Le cas d'utilisation commence lorsqu'un utilisateur créé son compte.
Pré-conditions 
L’utilisateur a saisi son login et son mot de passe.
Enchaînement nominal 
1. Le client saisit le login et le mot de passe.
2. Le système vérifie que les informations sont correctes.
3. L’utilisateur clique sur login.
4. Le Système affiche message de vérifier les paramètres de connexion.
5. Le système affiche le tableau de bord de l’application.
Enchaînements alternatifs
En (2) : si les informations sont incorrectes, le client est averti de l'erreur.
Post-conditions 
L’utilisateur se connecter à l’application.

23
3.3. Diagramme de classe :
Le digramme de classe est une représentation statique des objets et des éléments d’un système
ainsi que les différentes relations entre celles-ci. Le diagramme suivant représente les
éléments et la structure de la base de données de notre application.
La figure suivante illustre le diagramme de classe :

Figure 8:diagramme de clase global

24
3.4. Diagramme de séquence :

Le diagramme de séquence est une représentation graphique qui permet de présenter les
interactions entre l’acteur et les composants du système avec des messages présentés dans un
ordre chronologique. En se basant aux descriptions textuelles précédemment, nous allons
présenter les diagrammes de séquences adéquats.

3.4.1. Diagramme de séquence « Authentification » :

Figure 9:diagramme de séquence d’authentification

25
3.4.2. Diagramme de séquence « Inscription » :

Figure 10:diagramme de séquence d’inscription

26
3.4.3. Diagramme de séquence « Ajouter matériels » :

Figure 11:diagramme de séquence d’ajout matériels

Conclusion

En fait, la conception enrichit la compréhension de la méthodologie de développement. Ce


qui nous permettra dans le chapitre suivant d’aborder la phase de développement et
simulation de notre application.

27
28
Chapitre 4 : Réalisation et tests
Introduction

Dans ce chapitre, nous intéressons à définir l’environnement du travail. Nous présentons


également quelques interfaces réalisées de notre application.

1. Technologie et outils de travail :


1.1. Environnement Matériel de développement :

Cette application a été réalisé à l’aide de mon ordinateur portable caractérisé par les données
techniques suivantes :

Marque HP.

Processeur Intel(R) Celeron(R) N4000 CPU @ 1.10GHz


1.10 GHz.

Disque Dur 500 Go.

Système d’exploitation Windows 10 Pro 64 bits, processeur x64.

Mémoire RAM 8.00 Go.

Table 10:environnement matériel

1.2. Environnement Logiciel de développement :


1.2.1. Les langages utilisés :
 PHP :
C’est un langage de scripts généraliste et Open Source, spécialement conçu pour le
développement d’applications web. Il peut être intégré facilement au HTML.

Figure 12:logo de PHP.

29
• HTML5

L'HyperText Markup Langage, HTML, désigne un type de langage informatique descriptif. Il


s'agit plus précisément d'un format de données utilisé dans l'univers d'Internet pour la mise en
forme des pages Web.

Figure 13:logo HTML.

• JavaScript

JavaScript (souvent abrégé en « JS ») est un langage de script léger, orienté


objet, principalement connu comme le langage de script des pages web.

Figure 14:logo JS.

30
• CSS3

CSS signifie feuilles de style en cascade, elle décrit comment les éléments HTML doivent être
affichés à l'écran, sur papier ou dans d'autres médias.
CSS économise beaucoup de travail. Il peut contrôler la mise en page de plusieurs pages Web à
la fois.

Figure 15:logo CSS.

• Bootstrap (Framework)

C’est une collection d'outils utiles à la création du design de sites et d'applications


Web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons
outils de navigation et autres éléments interactifs.

Figure 16:logo Bootstrap :

1.2.2. Environnement de développement :

31
• Visual Studio code (IDE) :
Visual Studio Code est un éditeur de code open-source développé par Microsoft supportant un
très grand nombre de langages grâce à des extensions. Il supporte l’autocomplétions, la
coloration syntaxique et le débogage.

Figure 17:logo VS Code

• WampServer :
WampServer est une plate-forme de développement Web sous Windows pour des
applications Web dynamiques à l’aide du serveur Apache2, du langage de scripts PHP et
d’une base de données MySQL. Il possède également PHPMyAdmin pour gérer plus
facilement vos bases de données.

Figure 18:logo WampServer

1.2.3. Logiciels de conception :

• StarUML
C’est un outil spécialisé dans la modélisation UML pratique dans le domaine du
développement d’applications et gère la plupart des diagrammes spécifiés dans la norme
UML 2.0.
32
Figure 19:logo StarUml

2. Description du l’application :
Authentification : La figure ci-dessous représente l’interface ou l’utilisateur saisie son login
et son mot de passe.

Figure 20:interface login

33
Inscription : La figure ci-dessous représente l’interface ou l’utilisateur S’inscrire

Figure 21:interface d’authentification

Interface admin :

Figure 22:interface admin

34
Liste des matériels :

Figure 23:liste des matériels

Liste des employés :

Figure 24:liste des employées

35
Ajouter matériels :

Figure 25:ajouter matériel

Interface employée :

Figure 26:Interface employée

36
Déclarer matériel :

Figure 27:déclarer matériel

Conclusion
Dans cette partie j’ai essayé d’appliquer quelques langages étudiés, j’ai trouvé quelques
difficultés mais je les résolu grâce à quelques recherches sur stack Overflow et GitHub etc..

37
Conclusion

Mon stage de perfectionnement a été réalisé au sein de l’entreprise LAINO et consiste à la


réalisation d’un site web en PHP pour la gestion de parc informatique de l’entreprise.
Au début on a passé un peu de temps pour apprendre comment se gère le projet, l’utilité du
Scrum. Ensuite nous avons fait la conception et la modélisation de notre projet après la fixation
des objectifs. Enfin on a terminé par le développement de l’application.
Je tire un bilan positif de ce stage, qui fut une expérience très enrichissante tant sur plan
professionnel que personnel. Il m’a permis de connaitre comment appliquer les connaissances
acquises au cours de ma formation à l’ISET ainsi de découvrir mieux le domaine professionnel.

38

Vous aimerez peut-être aussi