ÉCOLE NATIONALE D’INGÉNIEURS DE TUNIS

Département des Technologies de l’Information et de la

communication
Génie Informatique

RAPPORT DE STAGE

Elaboré par :

Chakroun Rania

Encadré par :

Mr .Kallel Mohamed

Societe d’acceuil :

IODev

Année universitaire : 2022/2023

Rapport de Stage 2A INFO

Remerciements

Je tiens tout d’abord à remercier M. KALLEL Mohamed, mon encadrant, qui

est le CEO de l’entreprise IOVision, et qui m’a accueilli comme stagiaire dans son
service. Durant mon stage, j’ai eu la chance de pouvoir bénéficier des conseils de
M. SMAOUI Mohamed qui est un ingénieur en développement web et je voudrais
le remercier pour le temps qu’il m’a accordé et leur aide précieuse.
Je souhaite également adresser mes remerciements les plus sincères aux équipes
pédagogiques et administratives de l’ENIT qui ont facilité mes démarches et ont
assuré un suivi tout au long de mon stage.
Enfin, un grand merci à ma famille qui m’a toujours encouragé dans mes choix
d’orientation professionnelle.

1
Table des matières

Introduction 5

1 Présenation de l’entreprise 6
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.2 Présentation générale . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3 Service . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.3.1 Développement Web . . . . . . . . . . . . . . . . . . . . . . 7
1.3.2 Développement mobile . . . . . . . . . . . . . . . . . . . . . 7
1.3.3 Commerce électronique . . . . . . . . . . . . . . . . . . . . . 7
1.3.4 Optimisation des moteurs de recherche . . . . . . . . . . . . 7
1.3.5 Réseau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.3.6 Système embarqué . . . . . . . . . . . . . . . . . . . . . . . 8
1.3.7 IA - apprentissage automatique . . . . . . . . . . . . . . . . 8
1.3.8 Big data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.3.9 Blockchain . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.4 Secteur d’activité . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.5 Effectif . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.6 Les projets réalisés . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.7 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

2 Outils de développement 11
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.2 Définition d’un site web . . . . . . . . . . . . . . . . . . . . . . . . 11
2.3 Les avantages des sites web . . . . . . . . . . . . . . . . . . . . . . 11
2.4 Les différents types de site web . . . . . . . . . . . . . . . . . . . . 12
2.5 Postman . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.5.1 Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.6 Wordpress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.6.1 Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.6.2 Les avantages de WordPress . . . . . . . . . . . . . . . . . . 14
2.6.3 Les inconvénients de WordPress . . . . . . . . . . . . . . . . 14

2
Rapport de Stage 2A INFO

2.7 Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.7.1 Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.7.2 Les avantages de Photoshop . . . . . . . . . . . . . . . . . . 15
2.7.3 Les inconvénients de Photoshop . . . . . . . . . . . . . . . . 16
2.8 Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.8.1 Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
2.8.2 Les avantages de Illustrator . . . . . . . . . . . . . . . . . . 17
2.8.3 Les inconvénients de Illustrator . . . . . . . . . . . . . . . . 17
2.9 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

3 Projet réalisé 18
3.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.2 Environnement de travail . . . . . . . . . . . . . . . . . . . . . . . . 18
3.2.1 Environnement matériel . . . . . . . . . . . . . . . . . . . . 18
3.2.2 Environnement logiciel . . . . . . . . . . . . . . . . . . . . . 18
3.2.3 Outils de développement . . . . . . . . . . . . . . . . . . . . 18
3.3 Presentation du site web Finispia . . . . . . . . . . . . . . . . . . . 19
3.4 Réalisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.4.1 Partie 1 : Grattage web (web scraping) . . . . . . . . . . . . 19
3.4.2 Partie 2 : Développement des pages web . . . . . . . . . . . 20
3.5 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Conclusion générale 23

Bibliographie 24

3
Table des figures

1.1 Logo IOVision . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

2.1 Logo Postman . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

2.2 Wordpress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.3 Logo Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.4 Logo Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

3.1 logo de l’entreprise Finispia . . . . . . . . . . . . . . . . . . . . . . 19

3.2 Résultat de la requête testée dans Postman . . . . . . . . . . . . . . 19
3.3 Des captures d’écrans de la réalisation du projet . . . . . . . . . . . 21
Introduction

Du 1 juillet 2021 au 31 juillet 2022 (1 mois), j’ai effectué un stage au sein de

l’entreprise IOVision située à Sfax. Au cours de ce stage, j’ai pu m’intéresser au
recherche et développement d’un site web de la finance en utilisant plusieurs outils.
L’entreprise IOVision se situe dans avenue Mongi Slim, Sakiet Ezzit, Immeuble
LE24 5éme étage B54. Elle est spécialisée dans le développement des sites web et
des applications mobile .
Ce stage avait pour objectif de faire la recherche et le développement des pages
web d’un site de la finance pour l’entreprise FINIQPIA.
Plus largement, ce stage a été l’opportunité pour moi d’appréhender le monde
de développement. Au-delà du fait d’enrichir mes connaissances théoriques et de
s’adapter à la vie du groupe, ainsi que d’observer les interactions et les relations
humaines dans la société.
Ce rapport est composé de trois chapitres structurés de la manière suivante :
- Le premier chapitre : Présentation de l’entreprise.
- Le deuxième chapitre : Outils de développement.
- Le troisième chapitre : Présentation du projet réalisé.

5
Chapitre 1

Présenation de l’entreprise

1.1 Introduction
Tout d’abord, on commence de présenter l’entreprise "IODEV" avant d’exposer
les détails du projet. Il parait essentiel de connaître cette société et ses domaines
d’activités.

1.2 Présentation générale

IOVision ou IODev est une société de services et d’ingénierie informatique créée
en 2014 et spécialisée dans le développement de logiciels et d’applications web
et dont le siège social est à Sfax Tunisie. Grâce à l’expérience des membres de
son équipe, notamment en travaillant pour différentes entreprises, partout dans
le monde, dans différents services (développement d’applications Web et mobiles,
E-Commerce, Big Data et IA).

Considérant l’innovation et le partenariat parmi leurs principales valeurs, et avec

ses expériences de développement dans différentes disciplines, IOVISION peut être
un partenaire de développement de solutions techniques dans les startups innovante.
Cette société est riche en compétences, et possède une équipe extrêmement active
et capable d’offrir des stratégies de développement ainsi que des plateformes et
applications dynamiques et personnalisées [1].

6
Rapport de Stage 2A INFO

Figure 1.1 – Logo IOVision

1.3 Service
IOVision travaille essentiellement sur neuf axes :

— 1.3.1 Développement Web

L’équipe web d’IOVISION peut assurer la conception et le développement
d’une application responsive qui s’adapte à tous les types d’écrans.

— 1.3.2 Développement mobile

IOVision conçoit et développe des applications mobiles personnalisées qui
satisfont le client, de la conception UI/UX au déploiement ou à la publication
sur le marché en ligne.

— 1.3.3 Commerce électronique

Les développeurs d’IOVision créent des applications de commerce électronique
scéniques qui amènent les boutiques en ligne des clients à un niveau supérieur
et offrent la meilleure expérience utilisateur numérique.

— 1.3.4 Optimisation des moteurs de recherche

Pour un meilleur classement du site web dans les recherches GOOGLE,
l’équipe de développement d’IOVISION utilise le SEO pour optimiser le code
du site.

— 1.3.5 Réseau
IOVision fournissons un serveur de gestion qui supporte TR-069, TR-369,
TR-157. La solution serveur permet de gérer les périphériques réseau de

7
Rapport de Stage 2A INFO

manière simple. Elle fournit également une solution de gestion via le cloud
qui supporte TR-069, TR-369 et TR-157. Solution à faible coût sans avoir
besoin d’installer un serveur avec une licence.

— 1.3.6 Système embarqué

IOVision fournit des solutions de pile réseau de TR-069 et TR-369 pour être
intégrées dans des routeurs, modems, STBs, passerelles IOT, téléphones IP,

— 1.3.7 IA - apprentissage automatique

IOVision transforme le système d’exploitation traditionnel en un système
moderne et intelligent. Elle utilise l’IA et le ML pour fournir une tolérance
aux pannes et des systèmes hautement automatisés. Jusqu’à présent, l’équipe
d’experts de cette entreprise a fourni des solutions excellentes et uniques dans
des domaines tels que la fabrication, la santé, la logistique, et bien d’autres
encore.

— 1.3.8 Big data

Le terme " Big Data " est un terme général qui désigne des ensembles de
données si grands ou si complexes que les applications traditionnelles de
traitement des données sont inadéquates. C’est pour cela les entreprises ont
encore du mal à utiliser leurs données de manière plus efficace, car elles ne
sont pas organisées et difficiles à gérer.
Depuis des années, les experts d’IOVISION, parmi les rares à Sfax en Tunisie,
fournissons une gamme complète de services de big data : conseil, mise en
œuvre, support et analyse gérée, pour permettre aux entreprises d’obtenir
des informations précieuses à partir de leurs big data.

— 1.3.9 Blockchain
Les systèmes commerciaux les plus précieux sont aujourd’hui alimentés par
des blockchains. Ainsi, IOvision a apporté la technologie blockchain de niveau
entreprise à des entreprises de premier ordre, entreprises du monde entier et
a transformé leur commerce et leurs échanges.

8
Rapport de Stage 2A INFO

1.4 Secteur d’activité

Pour les projets web, IOVision possède des compétences
- Frontend : HTML, CSS, Angular. . .
- Backend : PHP, Symfony, NodeJS, spring boot, java j2ee
Elle utilise aussi pour la création des sites web le fameux logiciel de création
WORDPRESS.

1.5 Effectif
- KALLEL Mohamed : Co-fondateur et directeur technique.

- CHABBOUH Achraf : Co-fondateur et responsable recherche et développement.

- JABBAR Rateb : Co-fondateur et directeur général.

- KALLEL Youssef : Ingénieur JAVA full-stack.

- ABDMOULEH Rania : Ingénieur JAVA full-stack.

- BAKLOUTI Amira : Ingénieur JAVA full-stack.

- BEN SAAD Ahmed : Spécialité IA.

- DAMMAK Slim : Développeur d’entreprise

- BOUKHILI Aymen : Concepteur d’applications

1.6 Les projets réalisés

IOVision a réalisé beaucoup de projets Web et Mobile :

Sites web :

- FINISPIA [2] : Site web dynamique, réalisé avec WORDPRESS.

9
Rapport de Stage 2A INFO

- FIRST VISION [3] : Site web dynamique.

- ISB [4] : Site web dynamique pour la faculté privé ISB.

- SDPAP [5] : Site web dynamique.

Applications mobiles :

- MooMe [6] : Application de gestion pour les responsables d’élevage.

1.7 Conclusion
Dans ce chapitre, nous avons présenté l’entreprise de manière générale avec ses
membres et ses projets réalisés.

10
Chapitre 2

Outils de développement

2.1 Introduction
La création d’un site Web est un investissement nécessaire au bon développement
d’une entreprise car elle sert à plusieurs fins dans le cadre d’une stratégie marketing
efficace.
Par conséquent, cette section se concentrera principalement sur les sites Web et
les technologies utilisées dans le projet de développement du site Web financier
FINISPIA.

2.2 Définition d’un site web

Un site web est un ensemble de pages web et de ressources liées par des liens
hypertextes et accessibles aux utilisateurs via une adresse web appelée url, toutes
enregistrées sous le même nom de domaine. Les sites Web peuvent contenir du
texte, du multimédia, etc. Il est hébergé sur un serveur web accessible via Internet
ou intranet.
Une page Web peut être définie comme une série de documents HTML structurés
stockés sur un serveur connecté au réseau mondial, Internet. Ce dernier contient
essentiellement une image, une vidéo animée, éventuellement de l’audio, et du texte
avec des liens supplémentaires reliant cette page à d’autres sites Web[7].

2.3 Les avantages des sites web

Consultable 24h/24 et 7j/7
Avec un site Web, l’entreprise sera consultable sans interruption (24/24 et 7/7) et

11
Rapport de Stage 2A INFO

même accessible partout dans le monde[8].

Augmentez votre visibilité

Un site est un outil pour permettre aux clients de trouver les informations im-
portantes (produits et/ou services proposés, horaires d’ouvertures, adresse des
boutiques ou des bureaux. . .) [8].

Modifiable rapidement
Nous pouvons toujours apporter des modifications au site web de l’entreprise très
rapidement et automatiquement, contrairement à la publicité[8].

2.4 Les différents types de site web

Il existe une variété de types de sites web, chacun correspondant à un objectif.
On peut donc citer :
- Les sites e-commerce qui pour principal objectif la vente en ligne.
- Les sites vitrines, utilisés pour présenter et exposer les services d’une organisation
ou une marque.
- Les sites institutionnels, qui Présentent une organisation et ses valeurs, à travers
la description de son activité, de ses chiffres clés et des informations indispensables
au public ciblé.
- Les sites portails, qui proposent des services de messagerie, d’actualités. . .
- Les sites personnels, réalisés au profit des particuliers, qui désirent partager en
ligne leur passion pour un sujet précis.
Cette liste est loin d’être exhaustive, on retrouve d’autres sites tels que : Les Blogs,
les sites communautaires, les sites collaboratifs[7].

2.5 Postman
2.5.1 Présentation
En 2012 Postman été créé par Abhinav Asthana, Ankit Sobti et Abhijit Kane2
à Bangalore, c’est une application permettant de tester des API. Il propose de
nombreuses fonctionnalités, une prise en main rapide et une interface graphique
agréable.
Cette application existe sous la forme d’une Application (Windows/MacOS/Linux)
et d’une Chrome App. Cependant les Chrome Apps vivant leurs derniers jours, il
est recommandé d’utiliser la version desktop.
Il permet de construire et d’exécuter des requêtes HTTP, de les stocker dans

12
Rapport de Stage 2A INFO

l’historique pour pouvoir les rejouer, et surtout de les organiser en collections.

Cette catégorisation permet notamment de regrouper les demandes de manière
fonctionnelle.
Postman gère également l’environnement, ce qui permet de contextualiser des
variables et d’exécuter une requête ou une série de requêtes dans différentes confi-
gurations (généralement : dev, recette, prod).
Comme exemple concret, nous allons utiliser l’API gratuite RandomUser : chaque
accès GET à l’URL https ://randomuser.me/api, comme son nom l’indique, renvoie
un fichier utilisateur au format JSO Après avoir défini un environnement "test", une
variable d’environnement "nom de domaine" avec une valeur de "randomuser.me",
nous pouvons envoyer la requête GET que nous configurons ici pour renvoyer une
personne de nationalité US : c’est le fichier de Johnny Gilbert[9].

Figure 2.1 – Logo Postman

2.6 Wordpress
2.6.1 Présentation
WordPress est un système de gestion de contenu (CMS) qui permet de créer
facilement un site Web. En plus d’être facile à utiliser, il présente de nombreux
autres avantages. Il l’un des CMS les plus connus du web[10].
Il permet d’ajouter facilement des articles, des pages, du texte, des vidéos, des
imagés. . .. La particularité du CMS WordPress est qu’il est écrit en PHP et s’appuie
sur une base de données MySQL. Fondamentalement, WordPress est principalement
utilisé pour créer des blogs. Aujourd’hui, WordPress permet de gérer des sites display,
des sites dynamiques, des forums, et même des sites e-commerce[11].

13
Rapport de Stage 2A INFO

Figure 2.2 – Wordpress

2.6.2 Les avantages de WordPress

Les avantages de WordPress sont :
- Très facile à utiliser. Il se configure très rapidement et son ergonomie est particu-
lièrement intuitive.
- La gestion des pages, thèmes, liens, médias et plugins se fait de manière très fluide
et simplifiée.
- Aucune connaissance en HTML ou en création de sites Web, aucune compétence
particulière en informatique ou en conception graphique requise.
- L’interface vous invitera à ajouter du texte, des images, des menus et d’autres
widgets en quelques clics.
- Divisez le contenu en sections et sous-sections pour faciliter la gestion des autori-
sations pour différents utilisateurs.
- De plus, WordPress est devenu l’endroit incontournable dans le monde pour
créer des sites Web, et il est facile de trouver des forums d’aide et de support. La
plate-forme est si vaste que vous pouvez trouver la réponse à votre question en la
tapant simplement dans le moteur de recherche[10].

2.6.3 Les inconvénients de WordPress

Malgré tout Wordpress a quelques inconvénients.
- Le premier concerne la sécurité, mais il est clair que les CMS les plus réputés sont
aussi les plus vulnérables au piratage.
- L’installation de plugins non officiels peut être accompagnée de scripts susceptibles
de compromettre le site. Il y a donc quelques choses à faire pour rendre le site Web
sûr et sécurisé.
- De plus, l’installation de certains thèmes peut être compliquée. Par conséquent,
nous avons besoin de plus de temps pour comprendre le système et configurer un
site comme nous le souhaitons.

14
Rapport de Stage 2A INFO

- Enfin, WordPress n’est pas très bon pour ajouter des dizaines de plugins. Tout
d’abord, le site Web continuera à se charger plus rapidement, certains plugins
ne fonctionnent pas ensemble et peuvent affecter certains éléments du site Web.
L’intervention du développeur sera donc obligatoire pour définir autant de fonctions
que vous avez en tête[11].

2.7 Photoshop
2.7.1 Présentation
Photoshop est un logiciel d’édition et de manipulation d’images. Publié par
Adobe et utilisé principalement pour manipuler des photographies numériques.
Apprécié des photographes et des graphistes, ce logiciel fonctionne principalement
avec des images raster. Ce logiciel offre de nombreuses possibilités en matière de
création. Besoin d’éditer des photos, de créer des cartes de visite, des dépliants
ou même de préparer des publications sur Facebook, ce logiciel a tout ce dont
nous avons besoin. Il est également enseigné dans les grandes écoles et utilisé par
la plupart des agences et studios de création. Le fait que le logiciel Photoshop
puisse générer n’importe quelle image signifie que la seule limite possible est votre
imagination[12].

Figure 2.3 – Logo Photoshop

2.7.2 Les avantages de Photoshop

- Photoshop a pour lui l’avantage de l’ancienneté, qui lui confère une certaine
stabilité. Les graphistes ont appris à l’utiliser et savent très bien comment interagir
avec lui.
- Ce logiciel est compatible avec tous les systèmes, ce qui permet de l’utiliser
également sur un PC.
- Il permet d’effectuer de la retouche photo très simplement, ce qui était au départ

15
Rapport de Stage 2A INFO

sa raison d’être[13].

2.7.3 Les inconvénients de Photoshop

- Photoshop reste cher, même avec l’abonnement mensuel, surtout s’il faut le com-
biner avec Illustrator.
- Il est lourd à charger, et relativement lent : il nécessite un ordinateur puissant.
- Son rendu, particulièrement pour les sites internet, n’est pas toujours précis.
- Il n’a pas été prévu pour la création de sites, et il demande de nombreuses mani-
pulations pour s’adapter à cet usage[13].

2.8 Illustrator
2.8.1 Présentation
Adobe Illustrator est un logiciel de graphisme vectoriel. Il fait partie de la
famille Adobe et peut être utilisé seul ou avec Photoshop, et offre de puissants
outils de dessin vectoriel. L’un des principaux outils d’Illustrator est le "Stylo",
qui permet de dessiner des courbes avec un rendu parfait, grâce au placement de
points d’ancrage et de tangentes, qui modifieront la courbure. L’un des avantages
des images vectorielles est qu’elles sont indépendantes de la résolution, c’est-à-dire
qu’elles ne perdent pas en qualité lorsqu’elles sont agrandies. Idéal pour créer des
documents papier et des illustrations Internet (logos, affiches, etc.). Le logiciel est
destiné au marché professionnel et comprend de nombreuses options pour augmenter
la productivité[13].

Figure 2.4 – Logo Illustrator

16
Rapport de Stage 2A INFO

2.8.2 Les avantages de Illustrator

- Fonctionne avec pratiquement tous les systèmes[14].
- Il s’intègre très bien avec d’autres produits Adobe[14].
- Vous pouvez améliorer votre précision.
- Vous avez une résolution infinie avec les vecteurs AI[14].
- Prend en charge la sortie multipages[14].

2.8.3 Les inconvénients de Illustrator

- Il a une courbe d’apprentissage très raide[14].
- Vous devez être attentif aux moindres détails de votre art[14].
- Bien que les fichiers soient relativement petits, il peut parfois être difficile de les
partager[14]. - Il existe une édition limitée de photos[14].
- Ne gère pas le pixel art[14].

2.9 Conclusion
Dans ce chapitre nous avons parlé des sites web et ses types et nous avons
définir quelques outils utilisés.

17
Chapitre 3

Projet réalisé

3.1 Introduction
Dans ce chapitre, nous présentons des captures d’écran et des explications
illustrant l’exécution de la partie du site web créée ainsi que l’environnement de
travail.

3.2 Environnement de travail

3.2.1 Environnement matériel
Pendant le développement de notre projet, nous avons utilisé un ordinateur portable
MSI avec les caractéristiques suivantes :
- Type de processeur : Processeur Intel(R) Core(TM) i7-10750H
- RAM : 16.0 GB
- Carte graphique : Nividia GeForce GTX 1650

3.2.2 Environnement logiciel

Système d’exploitation : Windows 11 Professionnel

3.2.3 Outils de développement

- Wordpress
- Postman
- Photoshop
- Illustrator

18
Rapport de Stage 2A INFO

3.3 Presentation du site web Finispia

Figure 3.1 – logo de l’entreprise Finispia

FINISPIA est un outil de sélection des actions conçu pour faciliter les inves-
tissements islamiques. Vous pouvez désormais savoir quelles actions sont halal
et lesquelles ne le sont pas. L’outil offre des résultats basés sur 5 méthodologies
d’investissement islamique courantes.

3.4 Réalisation
Dans cette section, nous présentons le travail demandé en définissant quelques
mots clés.

3.4.1 Partie 1 : Grattage web (web scraping)

- Le score ESG : Les critères environnementaux, sociaux et de gouvernance (ESG)
sont les grandes catégories qui couvrent les activités d’une entreprise susceptibles
d’avoir des impacts sociaux ou environnementaux.

Figure 3.2 – Résultat de la requête testée dans Postman

Dans la première partie du projet, j’ai testé les requêtes GET et POST d’autres
sites web sur Postman pour obtenir une grande base de données d’entreprises et
leurs scores ESG.

19
Rapport de Stage 2A INFO

3.4.2 Partie 2 : Développement des pages web

Dans la deuxième partie du projet, j’ai développé deux pages web pour le site de la
société Finispia en utilisant Wordpress : la page de contact et la page des questions
fréquemment posées. En utilisant Photoshop et Illustrator, j’ai créé aussi une image
pour la page de contact.

20
Rapport de Stage 2A INFO

(a) (b)

(c) (d)

(e) (f)

(g) (h)

Figure 3.3 – Des captures d’écrans de la réalisation du projet

Nous commençons de gauche à droite et de haut en bas.

- La première image montre la première tentative de formulaire de la page de
contact.

21
Rapport de Stage 2A INFO

- La deuxième image est la dernière tentative de formulaire de la page de contact.

- Les troisième et quatrième image montrent les premières tentatives d’image de la
page de contact.
- La cinquième image montre la dernière tentative d’image de la page de contact.
- La sixième image montre le résultat final de la page de contact.
- Les septième et huitième image montrent la page des questions fréquemment posées.

3.5 Conclusion
J’ai présenté dans ce chapitre le projet réalisé avec des captures d’écrans de la
partie du site web réalisé.

22
Conclusion générale

Pour commencer, ce stage a été très bénéfique pour moi, cette expérience a été
très enrichissante. Durant ce mois, et dans le cadre de mes missions, j’ai été amenée
à travailler dans plusieurs services et à communiquer avec plusieurs personnes de
différents postes ce qui m’a permis d’avoir une nouvelle vision plus précise sur
l’entreprise et sur le monde professionnel en général.
Au début, j’ai compris que je devais être ponctuel, respectueux, plein d’énergie,
prendre le travail au sérieux et terminer mes tâches dans les délais impartis. En
plus, J’ai pu découvrir le domaine de développement web. Dans le bureau de travail,
j’ai appris un nouveau vocabulaire spécifique dans ce domaine.
Pour conclure, grâce à ce stage j’ai pu développer ma culture d’entreprise, mon
sens du communication et du relationnel et d’améliorer mes compétences en déve-
loppement.

23
Bibliographie

[1] https://iovision.io/.
[2] https://finispia.com/.
[3] https://www.firstvision.com.tn/.
[4] https://isb.ens.tn/.
[5] https://www.sdpap.com/.
[6] https://moome.io/.
[7] https://www.taktilcommunication.com/glossaire/projets-et-sites-
internet/site-web.html.
[8] https://www.evolutiveweb.com/actualites/articles/6-avantages-d-
avoir-un-site-internet-pour-votre-entreprise-11.html.
[9] https://blog.webnet.fr/presentation-de-postman-outil-multifonction-
pour-api-web/.
[10] https://wpformation.com/utiliser-wordpress/.
[11] https://www.agence404.com/avantages-inconvenients-wordpress/.
[12] https://evolve-formation.fr/pourquoi-utiliser-photoshop/.
[13] https://graphiste.com/blog/sketch-ou-photoshop.
[14] https : / / prochainephase . com / 10 - avantages - et - inconvenients -
dadobe-illustrator/.

24