CIN : 09887447

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 Jendouba
Département des Technologies de l’Informatique

Rapport de Stage de Perfectionnement

DSI
Sujet: Conception et développement d’une application
Note Manager

Elaboré par : Sirine BEN AMMAR

Encadré par : Mr. Sofien OUNIFI

Période du stage : du 08/02/2021 au 28/02/2021

Au sein de (Organisme d’accueil) : Infoesprit POLYHYDRONS

Année Universitaire 2020/2021

 Remerciements

Il n'est jamais facile pour un étudiant de trouver un stage, c'est pourquoi nous
remercions l'entreprise INFOESPRIT de nous avoir accueillie durant un mois.
Nous profitons de l’occasion pour remercier du fond du cœur toute personne ayant
contribué de près ou de loin à la réalisation de ce travail. Nous teignions à remercier
monsieur Soufien OUNIFI qui nous avons a aidé à faire ce choix de recherche, et qui a été
plus qu’un maitre de stage. Il nous a guidée, critiquée, et a fait des suggestions. Son
encouragement permanent et son dynamisme organisateur nous ont énormément facilitée la
tâche. Elle nous a conseillée tout au cours de notre stage. Il nous a relu et critiquée notre
manuscrit. Nous remercions également toute l'équipe pour son accueil, son esprit convivial
et chaleureux. Enfin, nous teignions à remercier tous ceux qui nous ont assisté à élaborer ce
rapport de stage.
De notre part, espère que ma conduite et mon apprentissage ont Laissé une bonne
impression de l’Iset Jendouba.
 Sommaire

Sommaire ............................................................................................................................... 1

Liste des figures ..................................................................................................................... 3

Introduction générale ............................................................................................................. 4

Chapitre 1. Présentation de l’organisme d’accueil ................................................................ 5

Introduction ........................................................................................................................... 5

1. Présentation générale ................................................................................................. 5

2. Description de l’organigramme ................................................................................. 6

Conclusion ............................................................................................................................. 6

Chapitre 2. Etude préalable ................................................................................................... 7

Introduction ........................................................................................................................... 7

1. Description de l’existant .......................................................................................... 7

2. Critiques de l’existant .............................................................................................. 7

3. Solution proposée .................................................................................................... 7

4. Fonctionnalités de l’application .............................................................................. 7

Conclusion ............................................................................................................................. 9

Introduction ......................................................................................................................... 10

1. Modèle Conceptuel de Données ............................................................................ 10

1.1. Schéma ................................................................................................................ 10

1.2. Dictionnaire de données.................................................................................... 10

2. Modèle Relationnel de Données............................................................................ 11

Conclusion ........................................................................................................................... 11

Chapitre 4. Réalisation ........................................................................................................ 12

Introduction ......................................................................................................................... 12

1. Environnement de travail ......................................................................................... 12

1
1.1. Environnement matériel ........................................................................................... 12

1.2. Environnement logiciel ............................................................................................ 13

2. Interfaces .................................................................................................................. 18

Conclusion générale ............................................................................................................ 25

Bibliographie ....................................................................................................................... 26

2
 Liste des figures

Figure 1Organigramme de Polyhydrons................................................................................ 6

Figure 2diagramme de cas d'utilisation ................................................................................. 8
Figure 3shéma...................................................................................................................... 10
Figure 4pc: Lenovo .............................................................................................................. 12
Figure 5Logo Android studio .............................................................................................. 13
Figure 6Logo java ................................................................................................................ 13
Figure 7Logo XML ............................................................................................................. 14
Figure 8Logo Xampp........................................................................................................... 14
Figure 9Logo Notepad++ .................................................................................................... 15
Figure 10Logo PhpMyAdmin ............................................................................................. 15
Figure 11Logo Mysql .......................................................................................................... 16
Figure 12Logo Php .............................................................................................................. 16
Figure 13Logo StarUML ..................................................................................................... 17
Figure 14Logo Looping ....................................................................................................... 17
Figure 15Interface d'authentification ................................................................................... 19
Figure 16Interface d'inscription ........................................................................................... 20
Figure 17Interface d'ajout .................................................................................................... 21
Figure 18Interface de message de tache .............................................................................. 22
Figure 19Interface recherche d'une tache ............................................................................ 22
Figure 20Interface de message de supprission Figure 21Interface de details de tache ... 23

3
 Introduction générale

Le connait une avance technologique considérable dans tous les secteurs et cela grâce
à l’informatique. Il s’agit d’une science qui étudie les techniques du traitement automatique
de l’informatique. Elle joue un rôle important dans le développent de l’entreprise et d’autres
établissement. Elle intervient dans tous les domaines et tous les secteurs pour rendre le travail
plus facile, plus précis et surtout bien géré.
Ainsi, jusqu’à présent, l’ordinateur reste le moyen le plus sûr pour le traitement et le
sauvegarde de l’information.
Dans le cadre de notre projet nous avons effectué un stage de perfectionnement d’un
moins au sein de POLYHOYDRONS.
Parmi les principaux objectifs de ce stage :
• Evaluer les compétences de programmation et de conception acquises durant toute
la formation et les mettre en pratique.
• Vivre l’expérience du travail et améliorer sa capacité à prendre des décisions.
• Améliorer notre capacité à s’adapter à de nouvelles situations et diminuer la
résistance aux changements.
• Apprendre à s’intégrer à une équipe de travail.
Ma mission de stage à POLYHYODRONS est la réalisation d’une application mobile pour
la gestion de taches. Dans ce rapport nous allons présenter dans un premier temps la société
d’accueil, puis une explication des objectifs de l’application. Dans une autre partie nous
allons exposer la méthodologie et les outils utilisés dans la réalisation du projet. Enfin nous
allons passer à la conception et la réalisation de l’application.

4
 Chapitre 1. Présentation de l’organisme
d’accueil
Introduction
Dans ce chapitre on va mettre l’accent sur la présentation générale et l’organigramme de
PLYHYODRONS qui a ouvert ses portes pour m’accueillir et ainsi que la structure
concernée par le stage.

1. Présentation générale
POLYHYDRONS complexe technologie est fondée le 23 septembre 2010 par le jeune
entrepreneur Ounifi Soufyen. C’est une société qui fournit des services informatiques.
L’entreprise est située à Jendouba, en offrant des solutions uniques et exceptionnelles à ses
clients à fin atteindre des objectifs qui répondent aux besoins de ses clients.
POLYHYDRONS a une spécialisation de prestation des solutions de haute qualité « open
source » comme le développement des applications web, hébergement, référencement et
d’autres services. En 2012, La société avait une stratégie évolutive de façon que chaque
année elle crée une nouvelle extension à titre d’exemple la création d’un service culturel.
En 2013, la société a entamé le domaine de la formation professionnelle sous le nom «
centre INFOPROTIKA » permettant d’accéder à différents domaines en mettant à la
disposition des clients plusieurs programmes de formation dans différentes spécialités
comme : les réseaux informatiques, le multimédia, TIC, l’informatique appliquée à la
gestion. En 2014, l’entreprise a créé un laboratoire de recherche pour les jeunes chercheurs
et les experts en la matière en utilisant une plateforme composée de : matérielle, logiciels
et réseaux.

Activité :

✓ Formation professionnelle
✓ Création des services et produits informatiques et multimédias
✓ Recherche scientifique
✓ Accompagnement de projets et conseils

5
 2. Description de l’organigramme

Figure 1Organigramme de Polyhydrons

Conclusion
Apres avoir la présenté de l’organisme d’accueil, nous avons collecté les
informations nécessaires et nous avons passé à l’étude préalable.

6
 Chapitre 2. Etude préalable
Introduction
L’étude préalable est définie comme étant l’ensemble des étapes aboutissant à la constitution
d’une vue de synthèse du futur système. Elle a pour but d’étudier les relations entre les
acteurs et à élaborer les objectifs à atteindre afin de dresser un plan prévisionnel du travail.

1. Description de l’existant
Durant notre stage, nous avons remarqué que Mr. Sofien Ounifi a un grand nombre des
taches à faire chaque jour car il présente un directeur, un formateur et un développeur à la
fois. Il a rangé ces taches dans des documents « papier » et parfois dans le calendrier de
son smartphone.

2. Critiques de l’existant
Cette méthode de gestion des taches présente beaucoup d’inconvénients tels que :

✓ Perte du temps.
✓ Oublier les priorités des taches.
✓ Nombre élevée des documents (papiers).

3. Solution proposée
A la fin de remédier aux problèmes présentés dans la section précédente, le
responsable du service des stagiaires de POLYHYDRONS a opté pour réaliser
une application mobile automatisant cette gestion.

4. Fonctionnalités de l’application
• Besoins fonctionnels :
Les fonctionnalités offertes par cette application sont :
 Inscription : Créer un compte.
 L’authentification : S’identifier par un mail utilisateur et mot de passe.
 Gestion de taches :
• Supprimer une tache.
• Ajouter une tache.
• Modifier une tache.

7
 • Rechercher une tache.
• Consulter la liste des taches.

• 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

Figure 2diagramme de cas d'utilisation

• Besoins non fonctionnels :

➢ Sécurité : L'application doit assurer un niveau minimum de
sécurité pour les informations traitées
➢ Fiabilité : L'application doit fonctionner de façon cohérente sans erreurs
et doit être satisfaisante.
➢ Performance : Notre application doit assurer un temps de réponse
minimum tout en répondant aux besoins du manipulateur.
➢ Simplicité : L’utilisateur pourra utiliser cette applicationd'une
manière facile et claire.

8
Conclusion
L’Eude préalable nous a permis de préparer une bonne conception pour les
améliorations que nous allons ajouter dans la solution proposée afin de répondre à nos
besoins.

Dans le chapitre qui suit nous présenterons de développement et de conception de notre

application.

9
 Chapitre 3. Etude Conceptuelle

Introduction
La modélisation conceptuelle et organisationnelle constitue une étape dans la convergence
des notations utilités dans le domaine de l’analyse de conception objet puisqu’elle
représente une synthèse pour notre système.

Dans ce chapitre nous commençons par le modèle conceptuel détailles de notre

application, ensuite nous expirerons le dictionnaire de donnée et description de schéma.
Enfin nous clôturons ce chapitre par une conclusion.

1. Modèle Conceptuel de Données

1.1. Schéma

Figure 3shéma

1.2. Dictionnaire de données

Nom du Description Type de donnée Contraintes

champ
id Identifiant de Numérique (entier) automatique
(utilisateur) l’utilisateur

10
 nom Nom de l’utilisateur Texte Obligatoire

prenom Prenom de l’utilisateur Texte Obligatoire

e-mail Adresse email de Texte (email) Obligatoire

l’utilisateur
telephone Numéro de téléphone Numérique(telephone) Obligatoire
de l’utilisateur
password Mot de passe de Texte (password) Obligatoire
l’utilisateur
Id (tache) Identifiant de tache Numérique (entier) automatique

title Titre de tache Texte Obligatoire

description Description détaillé de Texte Non

tache obligatoire

Id_utilisateur Clé étrangère Numérique (entier) automatique

2. Modèle Relationnel de Données

• Utilisateur (id, nom, prenom, email, telephone,
password)

• Tache (id, title, description #id_utilisateur)

Conclusion

Après avoir terminé l’étude conceptuelle de notre application on va

passer à la dernière phase de cycle de vie de notre application à savoir
la phase de réalisation.

11
 Chapitre 4. Réalisation
Introduction
Après avoir finir la partie de conception de l’application, on va se focalise sur la partie
réalisation et pour cela nous avons procéder dans ce chapitre à présenter l’environnement
matériel et logiciel de développement et l’argumentation du choix de langage de
programmation et on finit de présenter quelques interfaces de l’application.

1. Environnement de travail

1.1. Environnement matériel

La réalisation de l’application est effectué dans un environnement ce matériel ayant les

caractéristiques suivantes :

Figure 4pc: Lenovo

Les caractéristiques de PC sont les suivantes :

• Un processeur : Intel® core i5 8th Gen

• Mémoire (RAM) : 12.00 GO
• Type de système : système d’exploitation 64 bits
• Machine : Lenovo.

12
 1.2. Environnement logiciel

Figure 5Logo Android studio

Android Studio : est un environnement de développement pour développer des

applications mobiles Android. Il est basé sur IntelliJ IDEA et utilise le moteur de
production Gradle.Il peut être téléchargé sous les systèmes d'exploitation Windows,
MacOs, Chrome OS et Linux.

Figure 6Logo java

13
Java : est un langage de programmation largement utilisé expressément conçu pour être
utilisé dans l'environnement distribué d'Internet. Il est le langage de programmation le plus
populaire pour les applications de smartphones Android et est également parmi les plus
appréciés pour le développement d'appareils de pointe et l'Internet des objets.

Figure 7Logo XML

XML : l’Extensible Markup Language, généralement appelé XML, « Language de

balisage extensible » en français, est un métalangage informatique de balisage Générique
qui est un sous-ensemble du standard Generalized Markup Language.

Figure 8Logo Xampp

14
XAMPP : est un ensemble de logiciels permettant de mettre en place un
serveur Web local,un serveur FTP et un serveur de messagerie électronique.
Il s'agit d'une distribution de logiciels libres (X (cross) Apache MariaDB
Perl PHP) offrant une bonne souplessed'utilisation, réputée pour son
installation simple et rapide.

Figure 9Logo Notepad++

Notepad++ : est un éditeur de texte libre générique, fonctionnant sous
Windows, codé enC++, qui intègre la coloration syntaxique de code source
pour les langages et fichiers C, C++, Java, C#, XML, HTML, PHP,
JavaScript...

Figure 10Logo PhpMyAdmin

15
PhpMyAdmin : est une application web de gestion de base de données pour
les systèmes degestion de base de données MySQL réalisée principalement
en PHP.

Figure 11Logo Mysql

MySQL : est un serveur de bases de données relationnelles Open Source. Un

serveur de bases de données stocke les données sous forme de tables. Le
SQL dans MySQL signifieStructured Query Language.

Figure 12Logo Php

PHP (Hypertext Preprocessor) ce langage est principalement utilisé pour

produire un siteweb dynamique. Il est courant que ce langage soit associé

16
à une base de données, tel queMySQL. Exécuté du coté serveur (l'endroit
ou est hébergé le site) il n'y a pas besoin aux visiteurs d'avoir des logiciels.
Néanmoins, les webmasters qui souhaitent développer un site en PHP
doivent s'assurer que l4hébergeur prend en compte ce langage.

Figure 13Logo StarUML

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.

Figure 14Logo Looping

Looping est un logiciel permettant la mise en œuvre intuitive et très

rapide de modèles conceptuels de données (MCD) et la génération

17
automatique temps-réel des modèles logiques (MLD) et des
requêtes SQL de création des tables BD correspondantes.

2. Interfaces

➢ Interface d’authentification :
Cette page permet à l'utilisateur de créer un compte, L'utilisateur va introduire son email et
mots de passe et cliquer sur le bouton Login pour se connecter, l'application va vérifier si le
compte existe et si le mot de passe existe, si ces deux conditions sont valides l'utilisateur va
être dirigé à la page d'accueil sinon un message d'erreur sera affiché. Si l'utilisateur n’a pas
de compte il clique sur le créer votre compte qui permet de le redirigé à l'interface
Inscription.

18
 Figure 15Interface d'authentification

➢ Interface inscription :
Cette page permet à l'administrateur de créer un compte. L'utilisateur commence par entrer
ses données personnelles : son nom, prénom, email, mot de passe et numéro de téléphone.
Si les données entrées par l'utilisateur sont correctes le compte sera crée et l'utilisateur sera
redirigé vers l'interface de login, sinon un message d'erreur sera affiché.

19
 Figure 16Interface d'inscription

➢ Interface d’ajout d’une tache :

20
 Figure 17Interface d'ajout

➢ Interface de liste des tâches et recherche :

Cette page permet à l'utilisateur de voir la liste de taches qui sont ajoutés, l'utilisateur
peut chercher ou sélectionner une tache ... L'utilisateur ensuite peut modifier ou
supprimer une tache sélectionné.

21
Figure 18Interface de message de tache

Ajouté avec succès

Figure 19Interface recherche d'une tache

➢ Interface de modifier et supprimer une tache : Cette page permet à l’utilisateur de

modifier une tache en cliquant sur le bouton "edit note" qui permet la redirection de

22
l'utilisateur vers l'interface "liste tache", supprimer une tache en cliquant sur le bouton
« Delete ».

Figure 20Interface de message de supprission Figure 21Interface de details de tache

23
Conclusion :
Nous avons présenté les outils matériels et logiciels pour développement de notre projet
ainsi que les différentes interfaces pour achever notre travail par un test afin de détecter et
corriger les éventuelles anomalies. A la fin de cette phrase le développement est terminé,
testé et corrigé et nous avons un produit final conforme aux besoins des utilisateurs.

24
 Conclusion générale

Ce rapport résulte d’une expérience d’un mois au sein de. Durant ces jours, nous essayons
de développer mes connaissances concernant le domaine de développement. Ce stage était
une occasion pour nous intégrer à la vie professionnelle. Dans un environnement qui a
l’habitude de travailler manuellement, l’intégration d’une application mobile. Au sein de
cette application mobile, nous assurons une bonne interface homme-machine. Cette
interface doit être facile à comprendre et à manipuler par un utilisateur non informaticien.
Nous essayons de tenir compte possible de ces critères lors de l’élaboration de ce travail.
Enfin, ce stage est un événement inoubliable parce qu’il présenté ma capacité à réaliser un
tel application mobile qui tourne au tour de la gestion de taches. En outre, pour nous ce
stage est un bon chemin vers ma future vie professionnelle.

Merci d’avoir pris le temps de lire ce rapport.

25
 Bibliographie

➢ https://fr.wikipedia.org/wiki/StarUML consulté le 11 fev 2021.

➢ https://www.quelsoft.com/fiche/looping-modelisation-conceptuelle-de-donnees-c17-0-
3609.html : consulté le 13 février 2021.

➢ www.xampp.com : consulté le 18 fev 2021.

➢ https://fr.wikipedia.org/wiki/Notepad%2B%2B : consulté le 18 fev 2021.

➢ https://fr.wikipedia.org/wiki/PhpMyAdmin :consulté le 18 fev 2021

➢ : www.php.net consulté le23 fev 2021.

➢ https://www.pierre-giraud.com/php-mysql-apprendre-coder-cours/ consulté 28 fev
2021.

26
27