Rapport Gestion Parc Informatique [PDF]

Zitiervorschau

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

[email protected]

Table 1:Fiche technique de la société

9

1.3. Organigramme : Direction générale

Direction commercial

Direction ressource humaine

Service de comptabilité

Service de facturation

Service de paie

Travaux

Direction logistique

Direction finance

Laboratoire

Service juridique

Production

Service magasin

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

10

Chargement

Hygiène et sécurité

Service informatique

Bureau de méthode

Parc auto

Direction technique

Service électrique

Service mécanique

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