République Tunisienne

MINISTERE DE L’ENSEIGNEMENT SUPERIEURE

DE LA RECHERCHE SCIENTIFIQUE

DIRECTION GENERALE DES ETUDES TECHNOLOGIQUES

Institut Supérieure des Etudes Technologiques

De Siliana

Département : Technologie d’informatique

Rapport de stage
(Perfectionnement)

Elaborée par : Oussama Ben Gamra

Niveau : DSI22

Du : 01/07/2023 au 31/07/2023
Elaborée dans : Centre national de l'informatique

Encadreur dans la société : Mohamed Ali Saadaoui

 Remerciement
Je tiens tout d’abord à remercier Dieu le tout puissant, qui m’a donné la force et la patience
d’accomplir ce travail dans les meilleures conditions.
Je tien à exprimer mes respects, mes connaissances et mes sincère remerciement aux personnels
du CNI.
Ainsi ceux qui mon aidées durant cette période pour effectuer mon stage dans les meilleures
conditions, et je tiens également à remercier vraiment tous ceux qui m’ont fait preuve d’un grand
esprit de collaboration et d’initiative tous les personnels de l’équipe technique qui m’apportent
une aide précieuse par leur suggestion et leurs conseils.
Aussi je remercie Monsieur Mohamed Ali Saadaoui qui m’a accompagnée tout au long de cette
expérience professionnelle avec beaucoup de patience et de pédagogique.
Finalement je remercie mes parents, et mes proches pour leur soutien moral et matériel.
 Sommaire

Remerciement ............................................................................................................. 2
Introduction générale ................................................................................................. 1
Chapitre 1 : Présentation de l’entreprise................................................................... 3
I. Introduction ........................................................................................................ 3
II. Présentation générale de la société .................................................................... 3
II.1 Etudes &Conseil ................................................................................... 3
a. Système d’information .................................................................................. 3
b. Réseaux et Sécurité ...................................................................................... 3
II.2 Développement............................................................................................... 3
II.3 Hébergement du Système ............................................................................... 4
II.4 Backup et continuité d’activité....................................................................... 4
II.5 Formation & certification ............................................................................... 4
II.6 Déploiement des Applications et assistance des utilisateurs : ....................... 4
III. Organigramme de la société ............................................................................. 5
IV. Contexte du stage .............................................................................................. 5
V. Conclusion ........................................................................................................ 5
Chapitre 2 : Notions théoriques ................................................................................. 7
I. Introduction ....................................................................................................... 7
II. Etude de l’existence .......................................................................................... 7
III. Problématique ................................................................................................... 7
IV. Solutions proposées .......................................................................................... 8
V. Conception ........................................................................................................ 8
VI. Conclusion ...................................................................................................... 10
Chapitre 3 : Présentation de l’application .............................................................. 12
I. Introduction ..................................................................................................... 12
II. Environnement logiciel ................................................................................... 12
III. Environ lan ...................................................................................................... 13
IV. Principales interfaces graphiques ................................................................... 15
V. Conclusion ...................................................................................................... 16
Conclusion générale ................................................................................................. 17
 List de figures

Figure 1 : organigramme de la société ..................................................................5

Figure 2 : Diagramme de cas d’utilisation ............................................................9
Figure 3 : Diagramme de classe ............................................................................9
Figure 4 : diagramme de séquence .....................................................................10
Figure 5 : Interface de Visual Studio Code .........................................................12
Figure 6 : logo de HTML ....................................................................................13
Figure 7 : Logo de JavaScript .............................................................................13
Figure 8 : logo de css .........................................................................................13
Figure 9 : logo de php .........................................................................................14
Figure 10 : Logo de WampServer .......................................................................14
Figure 11 : Logo de StarUML .............................................................................14
Figure 12 : Page de login ....................................................................................15
Figure 13 : La page d’admin ...............................................................................15
Figure 14 : Page de chef d’equipe .......................................................................16
Figure 15 : Prise d’absence .................................................................................16
 Introduction générale

L’informatique étant une science de traitement automatique de données s’avère bénéfique dans
tous les domaines qu’ils soient scientifiques ou professionnels, privés et /ou publics.
Afin d’aboutir à un site fiable, il définit le travail que j’ai effectué, il est composé par trois
chapitres de la manière suivante :
Dans le premier chapitre « Présentation de l’entreprise » : Je vais présenter en premier lieu la
société dans laquelle j'ai effectué mon sujet de travail proposé.
Dans le deuxième chapitre « Notions théoriques » chapitre je vais expliquer les principes de
fonctionnement de l’application et proposer des solutions pour les problèmes trouvés.
Dans le troisième chapitre « Présentation de l’application » : le dernier chapitre est dédié à la
phase d’implémentation et de réalisation de l’application il décrit l’environnement du travail le
choix technologiques et les interfaces réalisées.
Ce stage est un moyen qui permet à l’étudiant de s’intégrer dans la vie professionnelle en vue
d’avoir une idée générale sur le fonctionnement de l’entreprise. A ce niveau, l’objectif des instituts
supérieurs des études technologies est permet à l’étudiant d’enrichir ses connaissances et de
s’adapter à l’environnement de l’entreprise.
Enfin, mon rapport est clôturé d’une conclusion générale récapitulant le travail que j’ai réalisé
en mentionnant les différents atouts de ce projet.

1
 Chapitre 1 :

Présentation de l’entreprise

2
 Chapitre 1 : Présentation de l’entreprise
I. Introduction
Dans ce chapitre, je vais présenter en premier lieu la société dans laquelle j'ai effectué mon
sujet de travail proposé tout en expliquant ses objectifs ainsi les fonctionnalités nécessaires pour
le réaliser.

II. Présentation générale de la société

Institué le 30 Décembre 1975, le Centre National de l’Informatique est un
Établissement public à caractère non administratif doté de la personnalité civile et de
L’autonomie financière.
Le CNI est un organisme placé sous la tutelle du Ministre des Technologies de la
Communication, et opérant dans les domaines du secteur de l’informatique et des
technologies de la communication et certifié ISO 9001version 2015.
Principal appui aux structures publiques de l’administration dans la réalisation, le
déploiement et l’exploitation des systèmes d’information, le CNI assure les activités
suivantes :
II.1 Etudes &Conseil
a. Système d’information
• Audit de système d’information.
• Etude d’opportunité, Etude préalable, Etude organisationnelle.
• Elaboration de Schémas Directeurs Informatiques, de termes de référence, de cahiers des
charges et de plans d’actions.
• Assistance au dépouillement des offres.
b. Réseaux et Sécurité
• Etude Réseaux et sécurité ;
• Assistance à la réception et à l’installation de réseaux ;
• Elaboration des Cahiers des charges réseaux et sécurité
• Assistance au dépouillement
• Conseils et avis techniques
II.2 Développement
• Développement et Maintenance des systèmes d’Information ;
• Formation sur les SI développés par le CNI.

3
II.3 Hébergement du Système
• Hébergement des serveurs.
• Hébergement des applications et des données avec ou sans exploitation.

II.4 Backup et continuité d’activité

• Assurer la continuité de fonctionnement des applications nationales en cas de sinistre
• Assurer la continuité des services rendus aux utilisateurs
• Assister d’autres institutions pour la mise en place de leurs solutions de backup
• Héberger les plateformes de ses clients (services dédiés)
• Fournir les services de conseil pour l’élaboration de plans de continuité d’activité (PCA),
• Diffuser le savoir faire en matière de backup et PCA.

II.5 Formation & certification

• Formation sur les applications nationales
• Séminaires d’expertise
• Formation continue
• Formation certifiante
• Stage et initiation à la vie professionnelle

II.6 Déploiement des Applications et assistance des utilisateurs :

• Le CNI déploie les applications développées pour le compte de l’administration en vue de
leur exploitation.
• Le déploiement des postes peut se faire sur site (chez le client) ou dans les locaux du cni.
• Le cni met à la disposition des utilisateurs des assistants pour les accompagner et les initier
à la bonne exploitation de ces applications

4
 III. Organigramme de la société

Nos Servise

Developpement des
Assistance hébergement
applications

administration des
contituité d'activité formation
réseaux

Figure 1:organigramme de la société

IV. Contexte du stage

Dans l’objectif de maitriser et approfondir nos connaissances déjà acquises, centre national
d’informatique nous a accueillis dans ces locaux.
Il m’a proposé comme sujet de développer système de gestion de présence de la société centre
national d’informatique.
Le site doit comporter les éléments suivants :
• Page de login
• Page d’admin
• Page de chef d’équipe

V. Conclusion
A travers ce chapitre, j’ai présenté le cadre du projet, identifié les objectifs à atteindre et le
travail à faire. Compte tenu de cela, je propose les détails du travail dans le chapitre suivant.

5
Chapitre 2 :

Notions théoriques

6
 Chapitre 2 : Notions théoriques
I. Introduction
Dans ce chapitre je vais expliquer les principes de fonctionnement de l’application et proposer des
solutions pour les problèmes trouvés. Puisque la conception d’un système informatique est une
étape très importante qui va influencer la qualité et la fiabilité de toute application. Je vais aussi
présenter dans ce chapitre des différents diagrammes de conception.

II. Etude de l’existence

Le service des absences reçoit chaque jour un grand nombre de fiches d’absence notées par les
professeurs, le service accomplisse ses tâches en utilisant des logiciels de bureautique. Parmi les
rôles du service :
• Gestion des absences : c’est la tâche principale du service, le chef d’équipe doit ajouter,
modifier, consulter et supprimer les absences des étudiants.
• Gestion des employées par filière : la gestion des employées est aussi une tâche importante du
service d’absences, elle permet l’ajout des listes d’employée, l’impression des fiches d’absences
par filière.

III. Problématique
Le CNI ne dispose d’aucun logiciel informatique permettant la gestion des absences. Le service
accompli ses tâches de gestion d’une manière presque manuelle en utilisant des logiciels de
bureautique. Ceci rend leurs tâches fastidieuses et difficiles, et le travail compliqué, lent et mal
structuré. Parmi ces problèmes :
• Problème de gestion l’ajout et la suppression des absences se fait avec Excel chaque filière est
dans un fichier Excel appart ce qui mène à une perte de temps et une mauvaise organisation de
travail.
• Difficulté d’accès à l’information chaque liste employée est stockée par filière dans un fichier
Excel indépendant, ce qui consiste le parcours de plusieurs fichiers pour consulter les absences des
employées.
• Problème de gestion de l’information il n’y a pas de base de données pour stocker les listes
d’employée et leurs informations ce qui peut mener à une perte d’information.
• Problème de sécurité n’importe quelle personne peut accéder aux informations et les modifier.

7
 IV. Solutions proposées
Afin de remédier aux problèmes présentés dans la section précédente, les responsables du
service d’absence de CNI ont opté pour réaliser une application web automatisant la gestion et le
suivi des absences. L’application doit nous permettre de :
• Faciliter la consultation des absences des employées.
• Faciliter l’ajout des nouvelles absences.
• Diminuer les risques d’erreur.
• Faciliter la génération des fiches d’absence.
• Garder trace sur toutes les activités effectuées par l’administrateur du service.
• Garder l’archive des absences par année.
• Garantir la sécurité (Authentification).
• Rendre le travail plus structuré et dynamique
Cette application doit être développée en utilisant les technologies
• HTML
• JAVASCRIPT
• CSS3
• PHP
• WAMPSERVER

V. Conception
La conception est une phase importante avant la réalisation de tout projet, Cette phase nécessite
des méthodes permettant de mettre en place un modèle sur lequel on va s'appuyer. C’est à dire
créer une représentation similaire à la réalité de telle façon à faire ressortir les points auxquels on
s'intéresse. Nous allons commencer ce chapitre par la présentation de la méthodologie d’analyse,
en justifiant la raison du choix de cette méthodologie pour mon application, nous allons montrer
ensuite les acteurs de l’application et leurs rôles, ainsi que les différents diagrammes UML.
Diagramme de cas d’utilisation
Le diagramme de cas d’utilisation représente les fonctionnalités (ou dit cas d’utilisation)
nécessaires aux utilisateurs. On peut faire un diagramme de cas d’utilisation pour le logiciel entier
ou pour chaque package.

8
 Figure 2 : Diagramme de cas d’utilisation

Diagramme de classe
• Un chef d’équipe est caractérisé par son Id, Email, Nom, Prénom, Téléphone.
• Un Employée est caractérisé par son Id, Email, Nom, Prénom, Téléphone.
• Un équipe est caractérisé par Id, Nom.

Figure 3 : Diagramme de classe

9
 Diagramme de séquence
Les diagrammes de séquences permettent de représenter des collaborations entre objets
selon un point de vue temporel, on y met l'accent sur la chronologie des envois de messages

Figure 4 : diagramme de séquence

VI. Conclusion
Dans ce chapitre, on a concentré sur les aspects analytique et conceptuel de notre système
d'information ainsi que la base de données qui interagissent avec elle.
Pour la phase analyse, on a défini les différents cas d'utilisations puis, nous les avons traduits à
travers la construction des diagrammes de séquence et le diagramme de classe, dans la phase de
conception.

10
 Chapitre 3 :

Présentation de l’application

11
 Chapitre 3 : Présentation de l’application
I. Introduction
La création et la conception d'un site web est un processus qui implique quelque étape simple au
départ, mais pouvant, sur un site abouti, mettre en œuvre des moyens et des compétences très
importants. Une plateforme peut être des milliers des pages au format HTML simple ou proposant
des animations, des services programmés en java, PHP ou autre langages serveur.

II. Environnement travaille

Je vais énumérer au cours de cette partie les différents outils utilisés tout au long de ce
projet pour l’étude et la mise en place de mon projet.

Logiciel éditeur de code

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’auto complétion, la
coloration syntaxique, le débogage, et les commandes git.

Figure 5 : Interface de Visual Studio Code

12
 III. Environnement logiciel
Langage de programmation
Le HTML5 est un langage de base pour la création de site internet, il sert à structurer vote
document. D'autre langage peut s'ajouter lors de la conception, mais tous les sites web contiennent
du HTML. HTML5 désignant la version du langage HTML.

Figure 6 : logo de HTML

JavaScript est un langage de programmation de scripts principalement utilisé pour les

pages Web interactives. C'est un langage orienté objets à prototype, c'est à dire que les bases du
langage et ses principales interfaces sont fournies par des objets qui ne sont pas instanciés au sein
de classes mais qui sont chacun équipés de constructeurs permettant de générer

Figure 7 : Logo de JavaScript

Littéralement Cascadant Style Sheets (feuilles de style ne cascade), CSS est un langage déclaratif
simple pour mettre en forme des pages HTML ou des documents XML. Le langage CSS permet
de préciser les caractéristiques visuelles et sonores de présentation d'une page Web : les polices de
caractères, les marges et bordures, les couleurs, le positionnement des différents éléments, etc.

Figure 8 : logo de css

13
 PHP : HyperText Préprocesseur, plus connu sous son sigle PHP (acronyme récursif), est
un langage de programmation libre principalement utilisé pour produire des pages Web
dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel
langage interprété de façon locale. PHP est un langage impératif orienté objet comme C++.

Figure 9 : logo de php

Base des données
WampServer est une plateforme de développement Web de type WAMP, permettant de
faire fonctionner localement des scripts PHP. WampServer n'est pas en soi un logiciel, mais un
environnement comprenant trois serveurs, un interpréteur de script, ainsi que phpMyAdmin pour
l'administration Web des bases MySQL.

Figure 10 : Logo de WampServer

Langage de conception UML

StarUML est un logiciel de modélisation UML qui a été cédé comme open source par son
éditeur à la fin de son exploitation commerciale sous une licence modifiée de GNU GPL. Il est
créé en 1 Novembre 2005 et son langage de programmation est Pascal Objet.

Figure 11 : Logo de StarUML

14
IV. Principales interfaces graphiques

La page d’accueille

Figure 12 : Page de login

La page inscription de stagiaire

Figure 13 : La page d’admin

15
 La page d’inscription de l’encadrant
• Cette page permet le chef de gestion les absences

Figure 14 : La page de chef d’équipe

La page de la liste des stagiaires

• Cette page permet au chef de prise d’absence.

Figure 15 : La page de prise d’absence

V. Conclusion
Dans ce chapitre nous avons, au premier lieu, présenté les différents outils et langages que nous
avons utilisés pour implémenter notre application. Par la suite, nous avons présenté quelques
interfaces de notre plateforme.

16
 Conclusion générale

L'objectif de notre projet était de créer une plateforme pour la faculté de la science et technologie,
offrant un ensemble de services les quels :

La gestion des notes des étudiants, la modification des absences on prend en considération l'ajout
et la suppression des absences, et l'envoie des cours et l'affectation des projets fin d'étude.

L'application offre aussi un service collaboratif, le forum, permettant une interactivité entre les
différents acteurs du département.

Plusieurs technologies ont été nécessaires pour la réalisation de notre projet, on citera donc le
langage HTML pour la réalisation des pages statiques, le langage PHP pour la partie dynamique,
SQL pour l'élaboration des requêtes d'interrogation de la base de données, et enfin le logiciel
NetBeans et Notepad++ pour l'écriture du code.

Après le passage par les différentes étapes de développement, l'application a abouti à un logiciel
fonctionnel qui répond globalement aux critères imposés dans ce domaine.

Le présent travail nous a permis d'acquérir des connaissances dans le domaine de la

programmation web, et de conforter nos connaissances en conception logicielle.

17
18
19
20
21
22
23