Ministère de l’Enseignement Supérieur et de la recherche scientifique

Direction Générale des Etudes Technologiques

Institut Supérieur des Etudes Technologiques de Sidi Bouzid

Département : Technologies de l’Informatique

Stage d’Initiation
Elaboré par :
Karim zaidi

Encadré par :
Ouhibi Ichraf

Travail proposé et réalisé au sein de :

RiraDev

Période du stage : 17/01/2022 à 14/02/2022

Année Universitaire 2021/2022

 Remerciement
En premier lieu, je tiens à remercier mon maitre de stage, Mme.
Ouhibi Ichraf, gérante de l’entreprise RiraDev. Un grand merci
pour son accueil chaleureux au sien de l’entreprise qu’il dirige, ainsi
que pour sa patience et ses précieux conseils. Il m’a beaucoup appris
sur son entreprise et défis qu’un directeur d’entreprise doit relever au
quotidien.
Je saisis également cette occasion pour adresser mes profonds
remerciements aux responsables et ont su m’apporter un soutien sans
faille, notamment en ce qui concerne les démarches administratives
relatives à un stage.
Je désire aussi remercier l’institut supérieur de études technologiques
de Sidi Bouzid qui m’a offrir cette opportunité pour avoir une expérience
professionnelle.

1
 Table des matières
Remerciement ............................................................................................................................ 1
Introduction générale ............................................................................................................... 5
Chapitre 1 : Présentation du cadre du stage .......................................................................... 6
I. Présentation de la société : ............................................................................................... 6

Chapitre 2 : les produits et les services de l’entreprise ......................................................... 7

I. Introduction ....................................................................................................................... 7

1. définition en général WordPress : ............................................................................... 7

2. Les systèmes de CMS .................................................................................................... 7

3. utilisation : ................................................................................................................... 8

4. pour faire quoi en utiliser WordPress : ...................................................................... 8

5. convaincu (les bénéfices) de wordpress : .................................................................... 9

II.WordPress Création de page : ..................................................................................... 10

III Etudes de l’existant et des tàche ....................................................................... 11

Introduction ..................................................................................................................... 11

1 : Création de page Web dans WordPress : ......................... 12

a. accéder aux pages existantes :......................…12

2 : Création une nouvelle page Web : ............ 13

2. Visual Studio Code : ............ 14

2
 3. Photoshop : ................................................................................................................... 16

Introduction ..................................................................................................................... 16

4. Illustrator : .................................................................................................................. 17
Introduction ..................................................................................................................... 17

Conclusion ............................................................................................................................... 18

3
 Liste de figures
Figure 1 : Visual Studio Code .......................................................................... 15
Figure 2 : Créactin de page web avec module WqBakery ............................ 11
Figure 3 : modification de page ........................................................................ 11
Figure 4: Photoshop ......................................................................................... 16
Figure 5 : Illustrator.......................................................................................... 17

4
 Introduction générale
Au cours du dernier siècle, on a assisté à une grande avancée
technologique dans le domaine de développement, ce qui eut un
impact profond sur tous les niveaux. Très vite devenue essentielle et
faisant partie intégrante de la vie de chacun, considérablement et de
façon continuelle, le nombre d’entreprises spécialisées. Conséquence
inévitable, la compétition y est rude et toute société aspire à être le
leader sur ce marché. Parmi ces dernières, on trouve RiraDev.
J’ai choisi d’effectuer mon stage ouvrier au sein de la société RiraDev,
pour bute de m’intégrer dans la vie professionnelle opportunités
d’emplois et de développement professionnel.

Ce rapport est fait à l’issu d’un stage d’un mois effectué au sein de la
RiraDev, du 17 janvier 2022 jusqu’au 11 février qui m’a donné
l’opportunité de me familiariser avec le mode professionnel et de
confronter les acquis théoriques à la réalité pratique.

5
 Chapitre 1 : Présentation du cadre du stage

I. Présentation de la société :
Dans ce chapitre, nous commençant par la présentation la société son
type, ses spécialités et ses composants. Par la suite, nous allons
présenter notre site web.
Dans cette année à l’institut supérieure des études technologique de
Sidi Bouzid nous sommes appelés à passer un stage d’un mois dont le fruit
est ce rapport
Notre projet portera sur la conception et la réalisation d’une site web
II. l’organisme d’accueil :
RiraDev. Créé en 2016 et basée à sousse en Tunisie.
RiraDev société tunisienne vente bureautique, informatique, et
développement informatique. Elle fournit des solutions de marketing
numériques les plus efficaces de l’industrie et utilise les bénéfices
pour les réinvestir dans la réussite des clients
. Le stage s’est effectué en précisant sa vocation du développement
web pour création du site web moderne, efficace, et dans période
exacte Son adresse *************

6
 Chapitre 2 : les produits et les services de
l’entreprise

I. Introduction
Avant de commencer le travail, nous présentons quelques notions
théoriques utilisedans mon stage. Tout d'abord, nous identifions les
mots importants, Cela m'a aidé à compléter le travail requis et les mots
techniques au cadre de stage.

1. définition en général WordPress :

WordPress est un système de gestion de contenus (CMS) permettant de
créer son propre site assez facilement.
En plus de sa simplicité d’utilisation, il présente de nombreux autres
atouts. Voici donc mon Ode à WordPress…

2. Les systèmes de CMS

Les systèmes de CMS ou gestion de contenus permettent de créer puis
gérer très facilement un blog ou un site web. WordPress est un système
gratuit et libre.
Les thèmes disponibles se comptent par centaines et nombreux sont ceux
que l’on peut également utiliser gratuitement.

Chacun pourra donc trouver son style, son univers, et choisir un thème qui
conviendra parfaitement à son activité.

Et en plus de trouver un modèle original parmi des centaines disponibles,

il est également possible de personnaliser le modèle, en changeant par
exemple les couleurs, les polices ou les plugins.

Les plugins WordPress se comptent eux aussi par centaines, avec de

nouveaux ajouts très réguliers.

Il s’agit donc d’un moyen très économique pour créer un site web, tout en
pouvant compter sur un résultat à la fois personnalisé et professionnel.

7
3. utilisation :
WordPress est extrêmement simple d’utilisation, Il peutêtre très
rapidement configuré et son ergonomie est particulièrement intuitive.

La gestion des pages, thèmes, liens, médias et plugins se fait quant à elle
de façon très fluide et simplifiée. Il n’est pas nécessaire d’avoir des notions
en langage html ou en création de sites ni d’avoir un don particulier pour
l’informatique ou le graphisme.

L’interface vous invite simplement à ajouter textes, images, menus

en seulement quelques clics.

De plus WordPress est devenu une référence mondiale pour la création de

sites, il est très facile de trouver des forums d’entraide et de support..

4. pour faire quoi en utiliser WordPress :

•
* un Blog, un Site vitrine, un e-Commerce

* un Forum, un site de Petites Annonces

*un Magazine en ligne

* une Plate-forme d’échange

* un Annuaire, un WiKi

* un Réseau social, un Intranet

* voir des exemples de sites WordPress

8
 5 : convaincu (les bénéfices ) de wordpress

●
La liberté d’action : WordPress vous permet de télécharger son

logiciel gratuitement. Vous pouvez l’utiliser et le modifier comme

vous le souhaitez.

●
Facilité d’utilisation : Des millions de personnes utilisent

WordPress afin de créer leurs premiers sites web, simplement parce

qu’il est simple à utiliser.

●
Personnalisable avec des thèmes : WordPress laisse ses utilisateurs

concevoir un site avec des milliers de thèmes gratuits.

9
 ▪ Personnalisable avec des plugins : Une des raisons principales qui
expliquent la popularité de WordPress parmi les débutants, c’est les
milliers plugins de qualité, gratuits et flexibles mis à disposition.

Facilité de gestion : WordPress possède un système de mise à jour

intégré qui permet aux thèmes et aux plugins d’être actualisés en
permanence.

▪ Sûr et sécurisé : WordPress a été conçu de sorte à mettre en avant la

sécurité.

▪ La polyvalence médias : WordPress est une plate-forme qui vous

permet d’ajouter différents médias, tels que des vidéos, des images et
des sons, sur votre site, améliorant alors l’expérience de vos
visiteurs.

▪ Ect…

10
II. WordPress Création de page
➢

Figure 2 : Créac n de page web avec module WqBakery

Je créer un page nomme <<politique de retoure>> par

Figure 3 : modifica on de page

Je fais une petite modification en Css de page nomme

<<Politique de confidentialité>>

11
 ▪ Médias
▪ Pages
▪ Commentaires
▪ Apparence
▪ Extensions
▪ Utilisateurs
▪ Outils
▪

1 : Création de page Web dans WordPress :

Pour crée de page web dans wordpress , ils sera découpé en plusieurs
étapes pour plus de simplicité comme suite :
▪ Accéder aux pages existantes
▪ Créer une page dans WordPress
▪ Titre et url
▪ Editeur de texte
1 : Texte visuel
2 : Texte HTML
3 : Ajouter des images
▪ Structure
▪ Modèles
▪ Mettre une image en une
▪ Aperçu de la page
▪ Planifier ou publier la page

La création d’une page est t important, il s’agit souvent d’informations à

communiquer sur votre site internet ou permettant une interaction avec vos
visiteurs (présentation de l’auteur, formulaire de contact, mentions légales…).

a. accéder aux pages existantes

pour accéder aux pages déjà existantes, il faut se rendre dans votre espace
administrateur de WordPress. Dans le menu de gauche, vous devez survoler
ce dernier et cliquer sur « Pages ».

12
2 : Création une nouvelle page Web :
Une page d’accueil est généralement une page conçue pour
transformer le trafic produit par une excellente campagne marketing
en ventes ou en prospects.
Pour un modèle réaliste et raisonnable, nous allons créer une page
WordPress qui incite ses clients à acheter produit en ligner
Commencez par:
1. ouvrir le tableau de bord administrateur
2. explorer l’onglet Pages
3. appuyez sur le bouton nommé Ajouter (pour créer une page
vierge)

3 :Conclusion :
Dans cette section nous avons eu sur certains mots clés que j’ai
utilisés dans le stage. Puis j’ai fait quelques tâches, nous allons
préciser nos besoins après une etude analytique et comparative de
site de ventes en ligne et que nous allons dépasser dans notre projet
.Qu'est-ce que c'est tâches ?

13
 III :Etudes de l’existant et des tàche
1. Introduction
Après avoir placé notre projet dans les (chapitre 1), une étape
indispensable serait de présenter l’environnement sur lequel se base
de WordPress. Dans ce chapitre, nous allons présenter les outils tels
que les notions des créations des site web et étudié pour améliorer,
élargir et bien maitriser nos connaissances.

2. Visual Studio Code :

Est un éditeur de code extensible développé par Microsoft pour

Windows, Linux et macOS2.
Les fonctionnalités incluent la prise en charge du débogage, la mise
en évidence de la syntaxe, la complétion intelligente du code, les

snippers, la refactorisation du code.

14
 Figure 1 : Visual Studio Code

➢Dans le sondage auprès des développeurs réalisé par Stack Overflow en 2021,
Visual Studio Code a été classé comme l'outil d'environnement de
développement le plus populaire, avec 71,06 % des 82 277 répondants déclarant
l'utiliser

15
 3. Photoshop :

Photoshop est un logiciel de retouche, de traitement et de dessin

assisté par ordinateur, lancé en 1990 sur MacOS puis en 1992 sur
Windows.

➢J'ai utilisé Photoshop pour modifier certaines des images

qui seront affichées sur le site .

Figure 5 : Photoshop

16
 4. Illustrator :

Est un logiciel de création graphique vectorielle. Il fait partie de la

gamme Adobe, peut être utilisé indépendamment ou en complément

de Photoshop, et offre des outils de dessin vectoriel puissants

➢J'ai utilisé Illustrator pour crée des logos qui seront affichées
sur le site .

Figure 6 : Illustrator

17
 Conclusion
Cette expérience de stage fut très constructive et m’a permis de
répondre aux questionnements que j’avais en ce qui concerne la
moyenne utilisée par les entreprises pour s’adapter aux changements
de leur environnement.
L’entreprise qui m’a accueilli pendant ce stage faisait face à une
période charnière, je suis très fier d’avoir pu y contribuer. L’évolution
des usages et l’adaptation de l’entrepris au changement de son
environnement m’ont permis de comprendre l’importance des enjeux
économiques dans l définition des stratégies à adopter.

18