Vous êtes sur la page 1sur 25

Rapport de stage de formation humaine

Cycle de formation des ingénieurs en Télécommunications

Rapport de stage
De formation humaine
En développement web

Réalisé par :

Zgolli jihene

Encadré par :

Mme ben fradj wahiba

Organisme d’acceuil :

Période de stage : 01 juillet 2021 - 31 juillet 2021

Année universitaire 2020/2021

EcolesupérieuredecommunicationdeTunis 1 Page
Table des matières :

Remerciement ...........................................................................................................3
Introduction générale ............................................................................................4
Chapitre 1 : Présentation

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


I-2 Activités de l’établissement ..........................................................................6
I-3 principales directions .......................................................................................7
I-4 coordonnées .........................................................................................................7
Chapitre 2 : les tâches effectuées:

I- Découvrir les systèmes du département projet:


1. SADEC ....................................................................................................8
1.1 Principaux objectifs...........................................................................8
1.2 Domaines d’utilisation....................................................................9
1.3 technologies utilisées......................................................................9
2. RAFIC .......................................................................................................9
2.1 Principales fonctionnalités ...........................................................9
2.2 Principaux objectifs ..........................................................................10
3. Système Décisionnel ......................................................................11
3.1Domaines d’utilisation .....................................................................11
3.2 Technologies utilisées.....................................................................11

II- Outils utilisés :


1. Editeur de texte et Frameworks................................................12
1.1 Editeur de texte ......................................................................................12
1.2 Frameworks .............................................................................................13
2. Language de programmation......................................................17
3. Autres outils utilisés ..........................................................................17

III- Description du projet :


1. Introduction ...........................................................................................20
2. Base de données ................................................................................20
3. Les interfaces graphiques ...........................................................22

Chapitre 3 : Résultats finaux :

I- Résultats sur le plan personnel ........................................................................25


II- Résultats sur le plan technique ......................................................................26

Conclusion ......................................................................................................................27

Webographie ............................................................................................28

EcolesupérieuredecommunicationdeTunis 2 Page
Remerciements

En guise de reconnaissance, je tiens à témoigner mes sincères remerciements à toutes


les personnes qui ont contribué de près ou e loin à rendre cette expérience possible et
enrichissante , en particulier mon encadrante Mme Wahiba Ben Fradj pour m’avoir
accordé l’opportunité d’effectuer ce stage au sein de CIMF , et Mr Mohamed Hedi
Trabelsi et Mme Emna Aouini pour avoir accepté de me superviser et de me diriger
lors de la réalisation du travail , pour leurs conseils et leurs compétences qui m’ont
considérablement servi pour bien mener mon stage .

Je remercie également mon école SUP’COM qui m’a offert cette opportunité
intéressante de réaliser ce stage .
Je salue profondément les membres du jury qui m’ont honoré en acceptant d’évaluer
ce travail .

Je termine ces remerciements par l’expression de ma gratitude envers ma famille qui


m’a apporté un soutien moral et intellectuel tout le long de ce stage .

Introduction Générale
Aujourd’hui ,L’Internet passe en premier lieu au fait qu’elle contribue à faire de ce monade
un endroit plus agréable à vivre . De plus ,Internet dispose d’une plateforme unique pour
l’innovation , la créativité et les opportunités économiques .

En outre, cette technologie est importante du fait qu’elle contribue à l’amélioration de la


qualité de vie des personnes dans toutes les régions du monde .
EcolesupérieuredecommunicationdeTunis 3 Page
Et on ne peut nier que le développement web joue un role important durant cette période de
prospérité puisque le développement web facilite la communication entre les employés et
leurs sociétés ,l’échange rapide et efficace des informations .
Donc le développement est parmi les nécessités de la vie moderne de chaque individu pour
cette raison il faut avoir des ingénieurs spécialistes en développement web pour faire des
sites et des applications qui réponde à nos besoins et cela un développeur web doit faire
preuve de certaines qualités afin de bien mener les différents projets qui lui sont confiés : à
savoir l’autonomie , le dévouement, et la créativité .

L’ingénieur en développement a plusieurs rôles , tout d’abord il analyse les besoins du client
( en suivant un cahier de charge ) ensuite il écrit le programme informatique ( site web ou
autres). C’est lui aussi qui se charge de la rédaction du code , enfin le développeur doit
choisir les langages de programmation à utiliser ( HTML,CSS,TS ...) dont il doit les
maîtriser.

De plus , il doit être capable de satisfaire les besoins de son client


Pour cela Le développement web concerne l’étude,la conception , la construction ,le
développement, la mise au point , la maintenance et l’amélioration des logiciels .

J’ai simplement choisi ce stage pour approfondir mes connaissances et découvrir le


développement web . Ce stage va me permettre de faire un bon choix pour l’avenir .

Chapitre I : Présentation :
Ce stage de formation humaine s’inscrit dans le cadre de la format ion de l’ingénieur en
télécommunications à l’école Supérieure des Communications de Tunis " SUP’COM " .
Le présent travail se déroule au sein du centre informatique du ministère des finances "CIMF
".
On présentera dans ce chapitre l’environnement du stage à travers une présentation du centre
et une description de ses activités .

I-1 Présentation de l’organisme d’accueil :

Le Centre Informatique du Ministère des Finances CIMF est un établissement public à


caractère non administratif doté de la personnalité civile et de l’autonomie financière . Il est
placé sous la tutelle du Ministère des Finances .

EcolesupérieuredecommunicationdeTunis 4 Page
Figure 1 : logo de l’établissement

I-2 Activités de l’établissement :

Le CIMF est chargé de la mise en oeuvre de la stratégie du Ministère des finances dans le
secteur de l’informatique .
il est chargé notamment de :

- L’étude ,la conception et le développement des systèmes d’informations et d’assurer leur


exploitation .

- L’acquisition et la mise en oeuvre des plateformes matérielles et logiciells nécessaires , de

les administrer et de les faire évoluer .

- La gestion du réseau et du parc informatique .

- Prêter l’assistance technique requise aux différentes structures du ministère .

Ainsi , le CIMF oeuvre à :

- Assurer la sécurité et la disponibilité des systèmes d’informations .


-Moderniser les systèmes d’informations et assurer leur pérennité
- Garantir une assistance efficace pour l’exploitation des systèmes d’informations .
EcolesupérieuredecommunicationdeTunis 5 Page
- Consolider la compétence de ses ressources humaines pour un suivi permanent des
évolutions technologiques et la recherche continue d’une meilleure qualité de service .

Ces systèmes traitent différents domaines fonctionnels :

 Domaine fiscal et comptable


 Domaine budgétaire
 Domaine dette extérieure
 Domaine douanier

I-3 Principales directions :

 direction générale
 direction des projets
 département réseau
 direction administratif et financier

I-4 coordonnées :
Adresse : Croisement avenue Mohamed Ali Akid et Boulevard de la terre -Centre Urbain
Nord -1003 Tunis
Mail : contact@cimf.tn
Site web : www.cimf.tn
Contacts : tél :(+216) 70 016 700 / fax : (+216) 71 948 415

EcolesupérieuredecommunicationdeTunis 6 Page
Chapitre 2 : Les tâches effectuées :
I- Découvrir les systèmes développés par le département projet :

Le CIMF a réussi à développer un important portefeuille de systèmes d’informations . J’ai eu


la chance de découvrir certains de systèmes d’informations et leurs mode d’utilisation .

1. SADEC " Système d’Aide à la Décision et à l’Encadrement du Contrôle Fiscal " :

SADEC est utilisé par les centres de contrôle des impôts et les bureaux de contrôle d’impôts
il permet :

 d’offrir à l’administration fiscale des outils et des moyens


performants permettant une aide efficace au contrôle fiscal .
 de rationaliser les méthodes de travail pour un suivi permanent des
dossiers .

1. Principaux objectifs :

 disposer des informations utiles afin de se rapprocher au maximum


du revenu réel du contribuable
 rapprocher les différents renseignements recoupés avec ceux
déclarés par les contribuables et orienter efficacement les
opérations de vérification fiscale
 procéder d’une façon plus efficace au contrôle interne du rendement
des structures de contrôle.

SADEC est complété par une plateforme B.I pour mettre à la disposition des structures
concernées des moyens et des outils performants pour interrogation et l’élaboration des
EcolesupérieuredecommunicationdeTunis 7 Page
rapports et des tableaux de bord et accorde ainsi aux utilisateurs habilités une autonomie
dans l’accès aux bases de données pour des fins d’analyse et de sélection de dossiers .

2. Domaines d’utilisation :
 l’analyse des déclarations d’impôts déposées : suivi de l’évolution des
différents indicateurs ( défaut ,impôts payés,déficits,TVA...)
 la sélection de dossiers à programmer pour une vérification fiscale
 le suivi du rendement fiscal

 l’analyse des créances constatées et l’orientation des opérations de


recouvrement
 l’analyse et le suivi des opérations de perception effectuées par l’ensemble
des postes comptables

3. Technologies utilisées :
 apex
 forms 6i ( Oracle 11G)

2. RAFIC " Système de Rationalisation de l’Action Fiscale et Comptable" :

RAFIC est un outil de gestion partagé par l’ensemble des opérateurs du contrôle fiscal et de
recouvrement .
Ce système offre une vision nationale et partagée de dossiers des professionnels et de leurs
obligations fiscales et gère la comptabilité des différents receveurs des finances .

1. principales fonctionnalités :

 identification et gestion des dossiers des contribuables


 calcul et liquidation des impôts et taxes
 gestion des créances constatées ( fiscales,ACP et autres )
 gestion de la taxe de compensation sur le transport routier
 gestion de la taxe de circulation ( vignettes )
 gestion des infractions routières
 octroi et suivi des prêts sur gage
 gestion des bulletins des versements
 tenue de la comptabilité du poste comptable
 restitution des excédents de la TVA

RAFIC est complété par deux services internet "Télédéclaration" et "Télé-liquidation" .


EcolesupérieuredecommunicationdeTunis 8 Page
Il s’agit de permettre aux contribuables de s’acquitter de leurs obligations déclaratives
distance ( Liquidation et payement des impôts )

2. Principaux objectifs :

 la dématérialisation des procédures de déclaration des impôts .


 l’amélioration de la qualité des rapports entre contribuable
et les Services Extérieurs du Ministère des Finances .

- Pour le contribuables :
 Économie du temps
 Suivi de sa situation fiscale
 Mettre à sa disposition des textes réglementaires

- Pour l’administration :
 Décongestion des services ( meilleur accueil)
 Amélioration du rendement des structures

3. Système Décisionnel :

EcolesupérieuredecommunicationdeTunis 9 Page
l’informatique décisionnellle ou ( Business Intelligence ) est un processus technologique qui
analyse des données pour présenter des informations exploitables par les dirigeants , les
cadres commerciaux et les autres utilisateurs , afin de leur permettre de prendre des décisions
plus avisées .
L’informatique décisionnelle englobe les différents outils ,applications et méthodologies qui
permettent à l’entreprise de collecter des données à partir de systèmes internes et de sources
externes , de les préparer en vue d’une analyse , de développer des requêtes et de les
appliquer à ces données .

Il s’agit de mettre à la disposition des structures concernées des moyens et des outils
performants pour l’interrogation et l’élaboration des rapports et des tableaux de bord .

C’est une solution BI qui accorde aux utilisateurs habilités une autonomie dans l’accès aux
bases de données pour des fins d’analyse et de sélection de dossiers .

1. Domaines d’utilisation :

 l’analyse des déclarations d’impôts déposées


 La selection de dossiers à programmer pour une vérification fiscale
 Le suivi du rendement fiscal
 L’analyse des créances constatées et l’orientation des opérations de recouvrement
 L’analyse et le suivi des opérations de perception effectuées par l’ensemble des
postes comptables ( receveurs de finances )

2. Technologies utilisées :
 Desktop intelligence

II- Outils utilisés :

Pendant ce stage , je voulais apprendre les technologies du développement web les plus
utilisées sur le marché tunisien afin d’approfondir mes connaissances tout en travaillant sur
un mini projet Angular en architecture MEAN .
MEAN ( MongoDB , Express.js , AngularJS (ou Angular ) et Node.js )  est une pile
logicielle JavaScript gratuite et open source permettant de créer des sites Web
dynamiques et des applications Web .

1. Editeur de texte et frameworks :

EcolesupérieuredecommunicationdeTunis 10 Page
1. 1 Editeur de texte :
Visual Studio code Vs code est un éditeur de code extensible développé par Microsoft pour
Windows,Linux et macOS .

Vs code peut être utilisé avec une variété de langages de programmation


notamment Java,JavaScript,Node .js . il est utilisé pour développer des applications web
Node .js.

Malgré son statut de débutant, Visual Studio Code a rapidement gagné en popularité parmi
les développeurs, se classant comme l'environnement de développement le plus populaire
dans l'ensemble de l'enquête sur les développeurs 2018 de Stack Overflow .

Figure 2 :Logo de VsFigure


code 3: logiciel Vs code

1.2 Frameworks :
Suivant un plan donné par l’encadrant , j’ai pu apprendre les essentiels fonctionnalités du framework
Angular .

Figure 3 : le logiciel Vs code

EcolesupérieuredecommunicationdeTunis 11 Page
Angular est un framework coté client open source basé sur TypeScript et co-dirigé par

l’équipe du projet "Angular " à Google .


Il permet de créer des applications web et plus particulièrement de ce qu’on appelle
des Single Page Applications ( des applications web accessibles via une page web unique
qui permet de fluidifier l’expérience utilisateur et d’éviter les chargements de pages à chaque
nouvelle action .

Le framework est basé sur une architecture du type MVC et permet donc de séparer
Figure 4 : Capture d’ecran du plan de formation Angular

les données , le visuel et les actions pour une meilleure gestion des responsabilités .Un type
d’architecture qui a largement fait ses preuves et qui permet une forte maintenabilité et une
amélioration du travail collaboratif .

Aussi,Angular est conçu pour rendre la mise à jour aussi simple que possible, alors profitez
des derniers développements avec un minimum d'effort. Mieux encore, l'écosystème Angular
se compose d'un groupe diversifié de plus de 1,7 million de développeurs, auteurs de
bibliothèques et créateurs de contenu.

Figure 5: Logo du framework Angular


Angular est couplé avec un serveur Node.js pour pouvoir utilisé Angular il faut tout d’abord
installer la version la plus recommandée de Node.js .

Node.js est une plateforme logicielle libre en JavaScript orientées vers les applications
réseau événementielles hautement concurrentes qui doivent pouvoir monter en charge .

EcolesupérieuredecommunicationdeTunis 12 Page
Figure 6 : logo du serveur Node.js

Parmi les modules natifs de Node.js, on retrouve http qui permet le développement


de serveur HTTP. Ce qui autorise, lors du déploiement de sites internet et d'applications web
développés avec Node.js, de ne pas installer et utiliser des serveurs webs tels
que Nginx ou Apache.

Concrètement, Node.js est un environnement bas niveau permettant l’exécution de


l’application sur le quel la pile MEAN s’exécute .

Les autres tâches courantes de développement Web ne sont pas directement prises en charge
par Node lui-même. Si vous souhaitez ajouter une gestion spécifique pour différents verbes

HTTP (par exemple GET, , POST, DELETE, etc.), gérer séparément les requêtes à différents
chemins d'URL ("routes"), servir des fichiers statiques ou utiliser des modèles pour créer
dynamiquement la réponse, Node ne être d'une grande utilité en soi.

Donc il faut utiliser un framework web comme Express js .


Express js est un framework pour construire des applications web basées sur Node.js pour le
coté Backend.

Alors qu'Express lui-même est assez minimaliste, les développeurs ont créé des packages
middleware compatibles pour résoudre presque tous les problèmes de développement

E c o l e s u p é r i e u r e d e c o m mFigure
u n i 7c :aframework
t i o n d Express
e T u nJsi s 13 Page
Web. Il existe des bibliothèques pour travailler avec les cookies, les sessions, les connexions
utilisateur, les paramètres d'URL, les POST données, les en-têtes de sécurité et bien d' autres.

Les applications Express peuvent utiliser n'importe quel mécanisme de base de données pris


en charge par Node ( Express lui-même ne définit aucun comportement/exigence
supplémentaire spécifique pour la gestion de la base de données). Il existe de nombreuses
options, notamment PostgreSQL, MySQL, Redis, SQLite, MongoDB, etc.

MongoDB est un programme de base de données NoSQL qui utilise des documents BSON
de type JSON (JSON binaire) sans schéma prédéterminé.

MongoDB est l'éditeur dominant dans le segment des bases de données orientées documents,
voir dans tout le segment des bases NoSQL. Sa simplicité d'utilisation, sa flexibilité et sa
large adoption en ont fait la technologie base de données la plus adoptée pour les nouveaux
projets qui n'ont pas une raison évidente pour partir sur une base de données SQL. Pour les
applications Node.js Mongo DB est l'outil parfait pour du prototypage.

En informatique et en bases de données, NoSQL désigne une famille de systèmes de gestion


de base de données (SGBD) qui s'écarte du paradigme classique des bases relationnelles.
L'explicitation la plus populaire deFigure
l'acronyme
8 : logo deest  pas
Mongo DBseulement SQL( not only SQL   en
anglais) .
le JSON " JavaScript Object Notation" est un format de données textuelles dérivé de la
notation des objets du langage JavaScript. Il permet de représenter de l’information
structurée comme le permet XML par exemple.

Figure 9: exemple de:données


Figure 10 au au
équivalent format JSON
EcolesupérieuredecommunicationdeTunis 14 Pformat
a g eXML
Le rôle de la base de données dans la pile MEAN est très souvent rempli par MongoDB car
son utilisation de documents de type JSON pour interagir avec les données par opposition au
modèle ligne/colonne lui permet de bien s'intégrer avec les autres composants (basés sur
JavaScript) de la pile. 
2. Languages de programmation :

JavaScript est un langage de programmation de scripts principalement employé dans les pages


web interactives et à ce titre est une partie essentielle des applications web.il est parfois considéré comme
l'une des technologies cœur du World Wide Web.
Une grande majorité des sites web l'utilisent, et la majorité des navigateurs web disposent d'un moteur
JavaScript5 dédié pour l'interpréter, indépendamment des considérations de sécurité qui peuvent se poser le
cas échéant.
C'est un langage orienté objet à prototype : les bases du langage et ses principales interfaces sont fournies
par des objets.

TypeScript est un langage de programmation libre et open source développé par Microsoft qui a pour but


d'améliorer et de sécuriser la production de code JavaScript. Il s'agit d'un sur-ensemble syntaxique strict de
JavaScript (c'est-à-dire que tout code JavaScript correct peut être utilisé avec TypeScript).

HTML "HyperTextMarkupLanguage" est le langage utilisé pour créer des pages web. Le terme
"hypertexte" désigne les liens hypertextes qu'une page HTML peut contenir. Le "langage de balisage" fait
référence à la manière dont les balises sont utilisées pour définir la mise en page et les éléments de la page.
Voici un exemple de HTML utilisé pour définir une page Web de base avec un titre et un seul paragraphe de
texte.

CSS "Cascading Style Sheet" Les feuilles de style en cascade sont utilisées pour formater la mise
en page des pages Web . Elles peuvent être utilisées pour définir les styles de texte, la taille des tableaux et
d'autres aspects des pages Web qui, auparavant, ne pouvaient être définis que dans le code HTML d'une
page. Les feuilles de style CSS aident les développeurs Web à créer un aspect uniforme sur plusieurs pages
d'un site Web. Au lieu de définir le style de chaque tableau et chaque bloc de texte dans le HTML d'une
page, les styles couramment utilisés ne doivent être définis qu'une seule fois dans un document CSS.
3. Autres outils utilisés :

Postman permet de construire et d’exécuter des requêtes HTTP, de les stocker dans un historique afin de
pouvoir les rejouer, mais surtout de les organiser en Collections. Cette classification permet notamment de
regrouper des requêtes de façon « fonctionnelle » (par exemple enchaînement d’ajout d’item au panier, ou
bien un processus d’identification).

EcolesupérieuredecommunicationdeTunis 15 Page
Les requêtes HTTP:

C’est la fonctionnalité la plus triviale à laquelle répond cet outil, pouvoir faire des requêtes HTTP
simplement. L’interface graphique rend l’exercice aussi facile que surfer internet sur un navigateur moderne.
Il suffit de renseigner l’URL et la méthode HTTP.

Les méthodes HTTP diffèrent suivant l’opération souhaité et l’API sur laquelle vous faites votre opération.
Voici les méthodes HTTP les plus utilisées et leurs fonctions:

 GET: les requêtes GET sont celles effectuées par un navigateur lorsque vous entrez une URL dans la
barre de navigation. Elles ont pour but d’aller chercher une page ou de la donnée.
 POST: les requêtes POST ont pour but d’envoyer de l’information, contenue dans le body de la
requête, vers le serveur.
 PUT: les requêtes PUT vont écraser une ressource avec de la nouvelle donnée, là aussi présente dans
le body de la requête. Elle est utilisée pour mettre à jour de la donnée à condition qu’on soit capable
de fournir la ressource mise à jour dans son intégralité.

Figure 11: interface graphique du Postman

 PATCH: les requêtes PATCH servent également à mettre à jour une ressource mais en ne modifiant
que l’élément envoyé en body de la requête.
 DELETE: comme son nom l’indique, la requête DELETE sert à effacer une ressource.

JSON Web Token "JWT" est un standard ouvert défini dans la RFC 75191. Il permet l'échange
sécurisé de jetons (tokens) entre plusieurs parties. Cette sécurité de l’échange se traduit par la vérification de
l'intégrité et de l'authenticité des données.

Un jeton se compose de trois parties :


Un en-tête (header), utilisé pour décrire le jeton. Il s'agit d'un objet JSON.
Une charge utile (payload) qui représente les informations embarquées dans le jeton. Il s'agit également d'un
objet JSON.
Une signature numérique.

EcolesupérieuredecommunicationdeTunis 16 Page
Figure 12 : JWT

Angular Material  est une bibliothèque de composants d'interface utilisateur pour les développeurs
Angular JS. Les composants Angular Material aident à créer des pages Web et des applications Web
attrayantes, cohérentes et fonctionnelles tout en respectant les principes de conception Web modernes tels
que la portabilité du navigateur, l'indépendance des appareils et la dégradation progressive. Il aide à créer
des sites Web plus rapides, plus beaux et plus réactifs. Il est inspiré du Google Material Design.

EcolesupérieuredecommunicationdeTunis 17 Page
Figure13: l’interface d’ Angular Material

III- description du projet


1. Introduction :
Après avoir eu le temps d’apprendre l’ essentiels coté frontend et backend .
J’ai commencé à développer une application web qui permet au responsable ressources
humaines d’afficher,ajouter , modifier et supprimer les données des employés de
l’établissement .
J’ai utilisé le framework Angular pour la partie frontend et le framework Express JS et
Node.js pour la partie backend avec le système de gestion des Base de Données NOSQL
Mongo DB .
2. Base de données :
tout d’abord , j’ai commencé par la conception de la base de données puis faire la connexion
entre la partie backend avec la base de donnée grâce au framework Mongoose .
Mongoose est un framework JavaScript couramment utilisé dans une application Node.js
avec une base de données MongoDB.

Figure 14 : l’interface graphique utilisateur pour Mongo DB

EcolesupérieuredecommunicationdeTunis 18 Page
Figure 15 : connexion avec la base de données

3. Les interfaces graphiques :


Après avoir coder la partie frontend et backend , j’ai les liés en utilisant le mécanisme de
routage .

EcolesupérieuredecommunicationdeTunis 19 Page
La première interface graphique par défaut assure l’affichage de la liste des employés .

Figure 16: liaision d frontend et backend

Figure 17:interface web d’affichage de la liste des employés

On a le button " add user " qui permet d’ajouter un nouveau employé à la liste et qui nous
amène à une nouvelle interface pour ajouter les coordonnées de l’employé .

EcolesupérieuredecommunicationdeTunis 20 Page
Figure 18 : interface web pour l’ajout d’un nouveau employé

Figure 18 : interface web pour l’ajout d’un utilisateur

En appuyant sur le bouton Add , les données seront ajouté à la liste des employés et si on
veut effacer ce qu’on a taper il faut juste cliquer sur le bouton Reset .

Si on veut modifier les coordonnées d’un employé , il suffit de cliquer sur le bouton sous
forme de stylo qui nous amène à l’interface web pour la modification des données .

De même , pour assurer la modification il faut cliquer sur le bouton Update .

EcolesupérieuredecommunicationdeTunis 21 Page
Concernant la suppression d’un employé , on affiche un message qui montre que la suppression a été
effectué avec succès .

Figure 20: Suppression d’un employé de la liste

Chapitre 3 : résultats finaux

I- Résultats sur le plan personnel :


Après deux années de travail acharné en classe préparatoire , ce stage était le premier contact
avec le monde professionnel .
Le fait d’intégrer ce monde et de le découvrir était une grosse opportunité pour acquérir des
compétences qui vont me servir dams ma vie professionnelle:
 La communication et le travail en équipe :
Les réunions régulières avec l’encadrant pour voir l’avancement et se mettre d’accord sur la
réalisation du projet ont amélioré mes capacités de communication dans le cadre
professionnel .
Le travail sous le contrôle de mon encadrant et les autres ingénieurs m’a permis une réelle
intégration dans la vie professionnelle et un premier contact très enrichissant avec le monde
du travail .
J’ai pu découvrir le vrai sens du travail au sein d’un groupe et améliorer mes capacités de
travail en équipe .
 L’autonomie et gestion de son propre projet :
Ce stage m’a donné la possibilité de développer le sens de l’autonomie et de la responsabilité
. En effet , mon encadrant a choisi de me laisser en totale autonomie ce qui m’a motivé pour
être plus productive .
La sensation de résoudre toute seule une erreur de code qui te bloque pendant toute une
journée est juste énorme. Ceci a augmenté le sens d’autonomie chez moi et il m’a aidé à
savoir comment gérer à bien mon projet.

EcolesupérieuredecommunicationdeTunis 22 Page
Concernant la gestion de projet, j’ai appris comment diviser le projet en étapes et tâches à
accomplir. Ce stage m’a permis d’apprendre comment fixer des " deadlines" et comment
apprendre à réaliser chaque tâche dans ses délais.
II- Résultats sur le plan technique :
Lors de ce stage , j’ai eu l’occasion de découvrir les nouvelles technologies en
développement web et d’acquérir des connaissances de débutant dans le domaine de
développement , notamment lorsque il s’agit de travailler avec Express js en tant que
framework.
Ce stage a également renforcé ma capacité de résoudre les problème dans mon script en
commençant par délimiter la raison du bug et en explorant les ressources web pour connaître
le moyen qui peut m’aider à le corriger.
Aussi , j’ai également acquis la capacité de maîtriser le travail avec le framework Angular
avec tout ses outils .

Conclusion

EcolesupérieuredecommunicationdeTunis 23 Page
Ce stage a été pour moi l'occasion de savoir comment appliquer certains concepts théoriques
que j'ai reçus dans le cadre de mon processus d'auto-apprentissage, car il m'a permis d'avoir
une idée claire de la nature du travail effectué dans le secteur du développement web.

Durant ce stage j’ai découvert le mécanisme général du fonctionnement des entreprises et le


déroulement des différents travaux, j’ai pu également m’approcher davantage du monde
professionnel .

Ainsi, j'ai eu l'opportunité d'apprendre et de pratiquer sur le terrain, et de me frotter à des


situations objectives et réelles liées au développement web.

Webographie
https://visualstudio.microsoft.com/wp-content/uploads/2021/01/VSCODE_product.png

https://monpetitdev.fr/cest-quoi-angular-definition

EcolesupérieuredecommunicationdeTunis 24 Page
https://angular.io

https://fr.wikipedia.org/wiki/Angular

https://nodejs.org/en

https://fr.wikipedia.org/wiki/Node.js

https://fr.wikipedia.org/wiki/Express.js

https://en.wikipedia.org/wiki/MEAN_(solution_stack)

https://en.wikipedia.org/wiki/MongoDB

https://www.mongodb.com/fr-fr

https://mongoosejs.com

https://www.typescriptlang.org/

https://fr.wikipedia.org/wiki/Hypertext_Markup_Language

https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade

https://developer.mozilla.org/fr/docs/Learn/JavaScript/First_steps/What_is_JavaScript

https://material.angular.io/

https://www.postman.com/

EcolesupérieuredecommunicationdeTunis 25 Page