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

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