RAPPORT DE STAGE POUR

LE PASSAGE EN TROISIÈME ANNÉE EN

LICENCE PROFESSIONNELLE
Parcours : Informatique Général

REFONTE DU SITE WEB DE L‘ ENTREPRISE MDG-IT

Présenté par :

ANDRIAMAHATOKY Maël Joss

GASIMIARO Herimana Mandimby

Encadreur Pédagogique : Monsieur Fontaine RAFAMANTANANTSOA, Professeur

Encadreur professionnel : Monsieur RALIBERA Sitraka Roger

Année universitaire : 2021-2022

Curriculum Vitae :

I
II
 SOMMAIRE
CV .............................................................................................................................................. II
REMERCIEMENTS: ................................................................................................................ IIV
LISTE DES FIGURES : .............................................................................................................. V
LISTE DES TABLEAUX: .......................................................................................................... VI
LISTE DES ABRÉVIATIONS : ................................................................................................ VII
Partie I : PRESENTATION GENERALE................................................................................ 2
Chapitre 1 : Présentation de l’École Nationale d’Informatique .............................................. 3
Chapitre 2 : Présentation de MDG-IT.................................................................................... 14
Chapitre 3 : Description du projet.......................................................................................... 20
Partie II : ANALYSE ET CONCEPTION ................................................................................. 22
Chapitre 4 : Analyse préalable ............................................................................................... 23
Chapitre 5 : Analyse conceptuelle .......................................................................................... 27
Chapitre 6 : Mise en place de l’environnement de développement ....................................... 34
Chapitre 7 : Développement de l’application ......................................................................... 38
CONCLUSION ........................................................................................................................ VIII
WEBOGRAPHIE ....................................................................................................................... IX
GLOSSAIRE ................................................................................................................................ X
RESUME………………………………………………………………..XI
ABSTRACT……………………………………………………………..XI
TABLE DE MATIERES ………………………………………………………………………XII

III
 REMERCIEMENTS:

On tient à remercier d’ abord notre école ,l’ ENI, dirigé par Docteur HDR
MAHATODY Thomas, de nous avoir donné l’ opportunité d’effectuer ce stage conventionné.
Puis, tous les enseignants pour les savoirs qu’ ils nous ont transmis afin de
réaliser ce stage.
Ensuite, nous sommes reconnaissant envers MDG-IT, notre entreprise d’
accueil de nous avoir accepté en tant que stagiaire. Surtout à notre encadreur Professionnel
Monsieur RALIBERA Sitraka Roger de nous avoir guider et aider pendant ce projet. Mais aussi les
développeurs chez MDG-IT de nous briffer sur notre parcours et les étapes à suivre pour devenir un
bon développeur.

IV
 LISTE DES FIGURES :

Figure 1 : Organigramme de l'ENI

Figure 2 : Logo d’outils de développement web
Figure 3 : Organigramme MDG-IT
Figure 4 : diagramme des tables de base du base de Données
Figure 5 : aperçu des champs du table wp_commentmeta
Figure 6 :aperçu des champs du table wp_comments
Figure 7 : aperçu des champs du table wp_options
Figure 8 : aperçu des champs du table wp_postmeta
Figure 9 : aperçu des champs du table wp_posts
Figure 10 : aperçu des champs du table wp_termmeta
Figure 11 : aperçu des champs du table wp_terms
Figure 12 : aperçu des champs du table wp_term_relationships
Figure 13 : aperçu des champs du table wp_term_taxonomy
Figure 14 : aperçu des champs du table wp_usermeta
Figure 15 : aperçu des champs du table wp_users
Figure 16 : page de téléchargement de Visual Studio Code
Figure 17 :Représentation de l’installation de XAMPP
Figure 18 : Création de la base des données de Wordpress.
Figure 19 : Création de la base des données de Wordpress.
Figure 20 : Finalisation de la création de la base des données de Wordpress.
Figure 21 : activation des liens des scripts et codes CSS dans le fichier functions.php
Figure 22 : Création des champs dans le post-type service.
Figure 23 : Premier aperçu du site web
Figure 24 : Page de « login »
Figure 25 : aperçu de la Back office

V
 LISTE DES TABLEAUX:

Tableau 1 : L'organisation du système de formation pédagogique

Tableau 2 :Architecture des études correspondant au système LMD
Tableau 3 : Liste des formations existantes à l’ENI
Tableau 4 : : Débauchés professionnels éventuels des diplômés.
Tableau 5 : liste des expériences de l’entreprise
Tableau 6 : liste des clients de l ‘entreprise
Tableau 7 : Caractéristiques des matériels utilisés.
Tableau 8 : présentation des frameworks

VI
 LISTE DES ABRÉVIATIONS :

CSS: Cascading Style Sheet

CMS : Content Management System

Go : Gigaoctet(s).

HDD : Hard Disk Drive.

HTML : HyperText Markup Language.

IT : Information Technology
JS : JavaScript

MySQL : My Structured Query Language.

PHP : PHP HyperText Preprocessor.

RAM : Random Access Memory.

SGBD : Système de Gestion de Base de Données

WP : WordPress

VII
 INTRODUCTION GENERAL:

Dans le cadre de notre stage pour le passage en 3ème année d’étude en tant que développeur web,
on a eu l'opportunité de participer à la création d'un site web pour l'entreprise MDG-IT en utilisant l’
HTML, CSS, JavaScript, PHP et le CMS (système de gestion de contenu) WordPress. Ce stage a
été une expérience très enrichissante pour nous, car on a pu mettre en pratique nos connaissances
théoriques en développement web et en même temps découvrir de nouvelles technologies et outils.

Au cours de ce stage, on a travaillé en étroite collaboration avec l'équipe de développement de

l'entreprise et j'ai participé à toutes les étapes de la création du site, de la conception à la mise en
ligne. J'ai également eu l'occasion de participer à des réunions de projet et de présenter mon travail
à l'équipe.

Dans ce rapport, on va vous présenter les différentes étapes de la création du site et les défis
auxquels on a été confronter. On va également discuter des compétences et des connaissances qu’
on a acquises au cours de ce stage et de l'impact de ce stage sur notre parcours professionnel.

1
Partie I : PRESENTATION GENERALE

2
 Chapitre 1 : Présentation de l’École Nationale d’Informatique

1.1. Informations d’ordre général

L’Ecole Nationale d’Informatique, en abrégé ENI, est un établissement d’enseignement
supérieur rattaché académiquement et administrativement à l’Université de Fianarantsoa.
Le siège de l’Ecole se trouve à Tanambao- Antaninarenina à Fianarantsoa. L’adresse pour la
prise de contact avec l’Ecole est la suivante :
Ecole Nationale d’Informatique (ENI) Tanambao, Fianarantsoa. Le numéro de sa boîte postale
est 1487 avec le code postal 301. Son adresse électronique est la suivante : eni@univ-fianar.mg. Site
Web : www.eni.mg.
1.2. Missions et historique
L’ENI se positionne sur l’échiquier socio-éducatif malgache comme étant le plus puissant
secteur de diffusion et de vulgarisation des connaissances et des technologies informatiques. Cette
Ecole Supérieure peut être considérée aujourd’hui comme la vitrine et la pépinière des élites
informaticiennes du pays.
L’Ecole s’est constituée de façon progressive au sein du Centre Universitaire Régional (CUR)
de Fianarantsoa. De façon formelle, l’ENI était constituée et créée au sein du (CUR) par le décret N°
83- 185 du 24 Mai 1983, comme étant le seul établissement Universitaire Professionnalisé au niveau
national, destiné à former des techniciens et des Ingénieurs de haut niveau, aptes à répondre aux
besoins et exigences d’Informatisation des entreprises, des sociétés et des organes implantés à
Madagascar.
L’ENI a par conséquent pour mission de former des spécialistes informaticiens compétents et
opérationnels de différents niveaux notamment :
En fournissant à des étudiants des connaissances de base en informatique ;
En leur transmettant le savoir-faire requis, à travers la professionnalisation des formations
dispensées et en essayant une meilleure adéquation des formations par rapport aux besoins
évolutifs des sociétés et des entreprises.
En initiant les étudiants aux activités de recherche dans les différents domaines des
Technologies de l’information et de la communication (TIC).

L’implantation de cette Ecole Supérieure de technologie de pointe dans un pays en

développement et dans une Province (ou Faritany) à tissu économique et industriel faiblement
développé ne l’a pourtant pas défavorisée, ni empêchée de former des spécialistes informaticiens de

3
bon niveau, qui sont recherchés par les entreprises, les sociétés et les organismes publics et privés sur
le marché de l’emploi.
La filière de formation d’Analystes Programmeurs a été mise en place à l’Ecole en 1983, et a
été gelée par la suite en 1996, tandis que la filière de formation d’ingénieurs a été ouverte à l’Ecole
en 1986.
Dans le cadre du Programme de renforcement en l’Enseignement Supérieur (PRESUP), la
filière de formation des Techniciens Supérieurs en Maintenance des Systèmes des informatiques a été
mise en place en 1996 grâce à l’appui matériel et financier de la Mission Française de coopération
auprès de l’Ambassade de France à Madagascar.
Une formation pour l’obtention de la certification CCNA et / ou NETWORK + appelée «
CISCO Networking Académie » a été créée à l’Ecole en 2002-2003 grâce au partenariat avec CISCO
SYSTEM et l’Ecole Supérieure Polytechnique d’Antananarivo (ESPA). Cependant, cette formation
n’avait pas duré longtemps.
Une formation de troisième cycle a été ouverte à l’Ecole depuis l’année 2003 – 2004 grâce à
la coopération académique et scientifique entre l’Université de Fianarantsoa pour le compte de l’ENI
et l’Université Paul Sabatier de Toulouse (UPST).
Cette filière avait pour objectif de former certains étudiants à la recherche dans les différents
domaines de l’Informatique, et notamment pour préparer la relève des Enseignants Chercheurs qui
étaient en poste.
Pendant l’année 2007-2008, la formation en vue de l’obtention du diplôme de Licence
Professionnelle en Informatique a été mise en place à l’ENI avec les deux options suivantes de
formation :
— Génie Logiciel et base de Données.
— Administration des Systèmes et réseaux.

La mise en place à l’Ecole de ces deux options de formation devait répondre au besoin de
basculement vers le système Licence – Master – Doctorat (LMD). Mais la filière de formation des
Techniciens Supérieurs en Maintenance des Systèmes Informatiques a été gelée en 2009.
En vue de surmonter les difficultés de limitation de l’effectif des étudiants accueillis à l’Ecole,
notamment à cause du manque d’infrastructures, un système de « Formation Généraliste » a été mise
en place à partir de l’année 2010. Il s’agit en effet d’un système de formation semi-présentielle et à
distance avec l’utilisation de la visioconférence pour la formation à distance.

4
 Le système de formation généraliste a été ainsi créé à Fianarantsoa ainsi qu’à l’Université de
Toliara.
1.3. Organigramme institutionnel de l’ENI :
Cet organigramme de l’Ecole est inspiré des dispositions du décret N° 83-185 du 23 Mai 1983.
L’ENI est administrée par un conseil d’Ecole, et dirigée par un directeur nommé par un décret adopté
en conseil des Ministres.
Le Collège des enseignants regroupant tous les enseignants-chercheurs de l’Ecole est chargé
de résoudre les problèmes liés à l’organisation pédagogique des enseignements ainsi que à
l’élaboration des emplois du temps.
Le Conseil Scientifique propose les orientations pédagogiques et scientifiques de
l’établissement, en tenant compte notamment de l’évolution du marché de travail et de l’adéquation
des formations dispensées par rapport aux besoins des entreprises.
La figure 1 présente l’organigramme actuel de l’Ecole :

Figure 1:Organigramme de l'ENI

Sur cet organigramme, l’Ecole placée sous la tutelle académique et administrative de

l’Université de Fianarantsoa, et dirigée par un Directeur élu par les Enseignants – Chercheurs
permanents de l’Etablissement et nommé par un décret pris en Conseil des ministres pour un mandat
de 3 ans.

5
 Le Conseil de l’Ecole est l’organe délibérant de l’École. Le Collège des Enseignants propose
et coordonne les programmes d’activités pédagogiques. Le Conseil scientifique coordonne les
programmes de recherche à mettre en œuvre à l’Ecole. Le Secrétariat principal coordonne les activités
des services administratifs (Scolarité, Comptabilité, et Intendance).
Conformément aux textes en vigueur régissant les Établissements malgaches d’Enseignement
Supérieur, qui sont barrés sur le système LMD, les Départements de Formation pédagogique ont été
ainsi remplacés par des Mentions et des parcours. Et les chefs des Départements ont été ainsi
remplacés par des responsables des mentions et les responsables des parcours.
Un administrateur des Réseaux et Systèmes gère le système d’information de l’Ecole et celui
de l’Université.
1.4. Domaines de spécialisation :
Les activités de formation et de recherche organisées à l’ENI portent sur les domaines
suivants :
— Génie logiciel et Base de Données ;
— Administration des Systèmes et Réseaux ;
— Informatique Générale
— Modélisation informatique et mathématique des Systèmes complexes.

D’une manière plus générale, les programmes des formations sont basés sur l’informatique de
gestion et sur l’informatique des Systèmes et Réseaux. Et les modules de formation intègrent aussi
bien des éléments d’Informatique fondamentale que des éléments d’Informatique appliquée.
Le tableau 1 décrit l’organisation du système de formation pédagogique de l’Ecole
Tableau 1:L'organisation du système de formation pédagogique

Formation théorique Formation pratique

- Enseignement théorique - Etude de cas
- Travaux dirigés - Travaux de réalisation
- Travaux pratiques - Projets / Projets tutoriés
- Voyage d’études – Stages

1.5 Architecture des formations pédagogiques

Le recrutement des étudiants à l’ENI se fait uniquement par voie de concours d’envergure
nationale en première année.

6
 Les offres de formation organisées à l’Ecole ont été validées par la Commission Nationale
d’Habilitation (CNH) auprès du Ministère de l’Enseignement Supérieur et de la Recherche
Scientifique selon les dispositions de l’Arrêté N°31.174/2012-MENS en date du 05 Décembre 2012.
sein de l’ENI, il existe une seule mention (INFORMATIQUE) et trois parcours :
— Génie logiciel et Base de Données ;
— Administration des Systèmes et Réseaux ;
— Informatique Générale

L’architecture des études à trois niveaux conforment au système Licence- Master Doctorat
(LMD) permet les comparaisons et les équivalences académiques des diplômes au niveau
international.
Le diplôme de licence est obtenu en 3 années des études après Baccalauréat. Et le diplôme de
Master est obtenu en 2 ans après obtenu du diplôme de LICENCE.
Le MASTER PROFESSIONNEL est un diplôme destiné à la recherche emploi au terme des études.
Le MASTER RECHERCHE est un diplôme qui remplace l’ancien Diplôme d’Etudes
Approfondies (DEA), et qui permet de s’inscrire directement dans une Ecole Doctorale au terme des
études.
Le Doctorat est un diplôme qu’on peut obtenir en 3 ans après l’obtention du diplôme de
MASTER RECHERCHE.
Tableau 2: Architecture des études correspondant au système LMD.

BTS : Brevet de Technicien Supérieur

DTS : Diplôme de Technicien Supérieur

DUT : Diplôme Universitaire de Technicien
7
 La licence peut avoir une vocation générale ou possessionnelle. Le master peut avoir une
vocation professionnelle ou de recherche. Le tableau 3 présente la liste des formations existantes à
l’ENI.

Tableau 3 : Liste des formations existantes à l’ENI

FORMATION
LICENCE PROFESSIONNELLE MASTER
Condition Par voie de concours:
d’admission GB et SR : 100 candidats pour les parcours
IG : 150 candidats pour le parcours
Condition d’accès Bac de série C, D ou Technique Être titulaire de licence
professionnelle
Durée de formation 3 années 2 années
Diplôme à délivrer Diplôme de Licence Professionnelle en Diplôme de Master
Informatique Professionnel Diplôme
de Master Recherche

L’accès en première année de MASTER se fait automatiquement pour les étudiants de l’Ecole
qui ont obtenu le diplôme de Licence Professionnelle. Le Master Recherche permet à son titulaire de
poursuivre directement des études en doctorat et de s’inscrire directement dans une Ecole Doctorale.

Les Ecoles Doctorales jouissent d’une autonomie de gestion par rapport aux Etablissements
de formation universitaire.
Il convient de signaler que par arrêté ministériel N° 21.626/2012 – MESupRES publié le 9
Août 2012 par la Commission National d’habilitation (CNH), l’Ecole Doctorale « Modélisation –
Informatique » a été habilitée pour l’Université de Fianarantsoa.
Depuis l’année universitaire 2010-2011, l’ENI s’est mise à organiser des formations
généralistes en informatique dans les différentes régions (Fianarantsoa, Toliara) en raison de
l’insuffisance de la capacité d’accueil des infrastructures logistiques. En effet, le système de formation
généraliste semi - présentielle utilise la visioconférence pour la formation à distance.
Bien qu’il n’existe pas encore au niveau international de reconnaissance écrite et formelle des
diplômes délivrés par l’ENI, les étudiants diplômés de l’Ecole sont plutôt bien accueillis dans les
instituts universitaires étrangers (CANADA, Suisse, France…)

8
 1.6. Relations de l’ENI avec les entreprises et les organismes :
Les stages effectués chaque année par les étudiants mettent l’Ecole en rapport permanent avec
plus de 300 entreprises et organismes publics, semi-publics et privés, nationaux et internationaux.
L’Ecole dispose ainsi d’un réseau d’entreprises, de sociétés et d’organismes publics et privés
qui sont des partenaires par l’accueil en stage de ses étudiants, et éventuellement pour le recrutement
après l’obtention des diplômes par ces derniers.
Les compétences que l’Ecole cherche à développer chez ses étudiants sont l’adaptabilité, le
sens de la responsabilité, du travail en équipe, le goût de l’expérimentation et l’innovation.

En effet, la vocation de l’ENI est de former des techniciens supérieurs de niveau LICENCE
et des ingénieurs de type généraliste de niveau MASTER avec des qualités scientifiques, techniques
et humaines reconnues, capables d’évoluer professionnellement dans des secteurs d’activité variés
intégrant l’informatique.

Les stages en milieu professionnel permettent de favoriser une meilleure adéquation entre les
formations à l’Ecole et les besoins évolutifs du marché de l’emploi. Les principaux débouchés
professionnels des diplômés de l’Ecole concernent les domaines suivants :
— L’informatique de gestion d’entreprise
— Les technologies de l’information et de la communication (TIC)
— La sécurité informatique des réseaux
— L’administration des réseaux et des systèmes
— Les services bancaires et financiers, notamment le Mobile Banking
— Les télécommunications et la téléphonie mobile
— Les Big Data
— Le commerce, la vente et l’achat, le Marketing
— L’ingénierie informatique appliquée
— L’écologie et le développement durable

Parmi les sociétés, entreprises et organismes partenaires de l’Ecole, on peut citer :

ACCENTURE Mauritius, Air Madagascar, Ambre Associates, Airtel, Agence Universitaire de la
Francophonie ( AUF) , B2B, Banque Centrale, BFG-SG, BIANCO, BLUELINE, Bureau national de
gestion des Risques et des catastrophes (BNGRC), CEDII-Fianarantsoa, Data Consulting, Central
Test, Centre National Antiacridien, CNRE, CHU, CNRIT, COLAS, Direction Générale des Douanes,
DLC, DTS/Moov, FID, FTM, GNOSYS, IBONIA, INGENOSIA, INSTAT, IOGA, JIRAMA,

9
JOUVE, MADADEV, MAEP, MEF, MEN, MESupRES, MFB, MIC, MNINTER, Min des
postes/Télécommunications et du Développement Numérique, NEOV MAD, Ny Havana,
Madagascar National Parks, OMNITEC, ORANGE, OTME, PRACCESS, QMM Fort-Dauphin,
SMMC, SNEDADRS Antsirabe, Sénat, Société d’Exploitation du Port de Toamasina (SEPT),
SOFTWELL, Strategy Consulting, TELMA, VIVETEC, Société LAZAN’I BETSILEO, WWF …
L’organisation de stage en entreprise continue non seulement à renforcer la
professionnalisation des formations dispensées, mais elle continue surtout à accroître de façon
exceptionnelle les opportunités d’embauche pour les diplômés de l’Ecole.
1.7. Partenariat au niveau international
Entre 1996 et 1999, l’ENI avait bénéficié de l’assistance technique et financière de la Mission
Française de Coopération et d’action culturelle dans le cadre du Programme de Renforcement de
l’Enseignement Supérieur (PRESUP) consacré à l’Ecole, qui a notamment porté sur :
— Une dotation en logiciels, micro-ordinateurs, équipements de laboratoire de maintenance et
de matériels didactiques.
— La réactualisation des programmes de formation assortie du renouvellement du fonds de la
bibliothèque.
— L’appui à la formation des formateurs
— L’affectation à l’Ecole d’Assistants techniques français.

De 2000 à 2004, l’ENI avait fait partie des membres du bureau de la Conférence Internationale
des Ecoles de formation d’Ingénieurs et Techniciens d’Expression Française (CITEF).
Les Enseignants-Chercheurs de l’Ecole participent régulièrement aux activités organisées
dans le cadre du Colloque Africain sur la Recherche en Informatique (CARI). L’ENI avait également
signé un accord de coopération interuniversitaire avec l’Institut de Recherche en Mathématiques et
Informatique Appliquées (IREMIA) de l’Université de la Réunion, l’Université de Rennes 1, l’INSA
de Rennes, l’Institut National Polytechnique de Grenoble (INPG).
A partir du mois de Juillet 2001, l’ENI avait abrité le Centre de Réseau Opérationnel (Network
Operating Center) du point d’accès à Internet de l’Ecole ainsi que de l’Université de Fianarantsoa.
Grâce à ce projet américain qui a été financé par l’USAID Madagascar, l’ENI de l’Université de
Fianarantsoa avait été dotée d’une ligne spécialisée d’accès permanent au réseau Internet.
L’ENI avait de même noué des relations de coopération avec l’Institut de Recherche pour le
Développement (IRD). L’objet du projet de coopération avait porté sur la modélisation
environnementale du Corridor forestier de Fandriana jusqu’à Vondrozo (COFAV). Dans ce cadre, un

10
atelier scientifique international avait été organisé à l’ENI en Septembre 2008. Cet atelier scientifique
avait eu pour thème de modélisation des paysages.
Et dans le cadre du programme scientifique PARRUR, l’IRD avait financé depuis 2010 le
projet intitulé « Forêts, Parcs et Pauvreté dans le Sud de Madagascar (FPPSM) ». Des étudiants en
DEA et des Doctorants issus de l’ENI avaient participé à ce Programme.
Par ailleurs, depuis toujours la même année 2010, l’ENI de Fianarantsoa avait été sélectionnée
pour faire partie des organismes partenaires de l’Université de Savoie dans le cadre du projet
TICEVAL relatif à la certification des compétences en TIC.
Le projet TICEVAL avait été financé par le Fonds Francophone des Inforoutes pour la période
allant de 2010 à 2012, et il avait eu pour objectif de généraliser la certification des compétences en
Informatique et Internet du type C2i2e et C2imi.
Dans le cadre du projet TICEVAL, une convention de coopération avec l’Université de Savoie
avait été signée par les deux parties concernées. La mise en œuvre de la Convention de Coopération
avait permis d’envoyer des étudiants de l’ENI à Chambéry pour poursuivre des études supérieures en
Informatique.
Enfin et non des moindres, l’ENI avait signé en Septembre 2009 un protocole de collaboration
scientifique avec l’ESIROI – STIM de l’Université de la Réunion.
Comme l’ENI constitue une pépinière incubatrice de technologie de pointe, d’emplois et
d’entreprises, elle peut très bien servir d’instrument efficace pour renforcer la croissance économique
du pays, et pour lutter contre la Pauvreté.
De même que le statut de l’Ecole devrait permettre de renforcer la position concurrentielle de
la Grande Ile sur l’orbite de la modélisation grâce au développement des nouvelles technologies.
1.8. Débouchés professionnels des diplômés
Les formations proposées par l’Ecole permettent aux diplômés d’être immédiatement
opérationnels sur le marché du travail avec la connaissance d’un métier complet lié à l’informatique
aux TIC.
L’Ecole apporte à ses étudiants un savoir-faire et un savoir-être qui les accompagnent tout au
long de leur vie professionnelle. Elle a une vocation professionnalisante. Les diplômés en LICENCE
et en MASTER issus de l’ENI peuvent faire carrière dans différents secteurs.
L’Ecole bénéficie aujourd’hui de 34 années d’expériences pédagogiques et de reconnaissance
auprès des sociétés, des entreprises et des organismes. C’est une Ecole Supérieure de référence en
matière informatique.
Par conséquent, en raison de fait que l’équipe pédagogique de l’Ecole est expérimentée, les
enseignants-chercheurs et les autres formateurs de l’Ecole sont dotés d’une grande expérience dans
11
l’enseignement et dans le milieu professionnel. 13 L’Ecole est fière de collaborer de façon régulière
avec un nombre croissant d’entreprises, de sociétés et d’organismes publics et privés à travers les
stages des étudiants.
Les formations dispensées à l’Ecole sont ainsi orientées vers le besoin et les attentes des
entreprises et des sociétés. L’Ecole fournit à ses étudiants de niveau LICENCE et MASTER des
compétences professionnelles et métiers indispensables pour les intégrer sur le marché du travail.
L’Ecole s’efforce de proposer à ses étudiants une double compétence à la fois technologique
et managériale combinant l’informatique de gestion ainsi que l’administration des réseaux et
systèmes. Le tableau 4 énumère les débouchés professionnels éventuels des diplômés.
Tableau 4 : Débauchés professionnels éventuels des diplômés.

LICENCE
- Analyste
- Programmeur
- Administrateur de site web/de portail web
- Assistant Informatique et internet
- Chef de projet web ou multimédia
- Développeur Informatique ou multimédia
- Intégrateur web ou web designer
- Hot liner/Hébergeur Internet
- Agent de référencement
- Technicien/Supérieur de help desk sur
Informatique
- Responsabl4e de sécurité web
- Administrateur de réseau
- Administrateur de cybercafé
MASTER
- Administrateur de réseau et système
- Architecture de système d’information
- Développeur d’application /web
/java/Python/ IOS /Android
- Ingénieur réseau
- Webmaster /web designer
- Concepteur Réalisateur d’applications
- Directeur du système de formation
- Directeur de projet informatique
- Chef de projet informatique
- Responsable de sécurité informatique
- Consultant fonctionnel ou freelance
- Administrateur de cybercafé

1.9. Ressources humaines

Les premiers Responsables de l’Ecole Nationale d’Informatique sont :
12
 — Directeur de l’Ecole : Docteur HDR MAHATODY Thomas
— Responsable de Mention : Monsieur RABETAFIKA Louis Haja
— Responsable de Parcours « Génie Logiciel et Base de Données » : Monsieur RALAIVAO
Jean Christian
— Responsable de Parcours « Administration Systèmes et Réseaux » : Monsieur SIAKA
— Responsable de Parcours « Informatique Générale » : Monsieur GILANTE Gesazafy

Les effectifs des personnels enseignant et administratif sont :

— Nombre d’Enseignants permanents : 13 dont deux (02) Professeurs Titulaires, un (01)
Professeur, cinq (05) Maîtres des Conférences et cinq (05) Assistants d’Enseignement
Supérieur et de Recherche
— Nombre d’Enseignants vacataires : 10, Personnel Administratif : 23

13
 Chapitre 2 : Présentation de MDG-IT

(Madagascar Information Technology)

2.1. Présentation générale de MDG-IT

2.1.1. Historique

MDG-IT ou Madagascar Information Technology a été créé depuis 2011 par Monsieur
LUCIEN Raymond et Monsieur LUCIEN Damy Harison pour raison sociale S.A.R.L.
Auparavant, il s’est localisé à Ampefiloha sous le nom d’IT-MADA ou Information Technology
Madagascar ; Actuellement ce dernier se localise à Ampandrinomby sous le nom de MDG-IT
ou Madagascar Information Technology.
Présent à Madagascar depuis 2011 MDG-IT propose ses services aux particuliers et
aux professionnels. Elle est la solution en informatique des PME, PMI et même les grandes
entreprises désirant avoir un service intégral en maintenance et réseau informatique.
Comme la technologie devient plus complexe et que les entreprises sont plus exigeantes quant à l’outil
informatique, la nécessité de réduire au minimum l’indisponibilité et d’augmenter ainsi l’accessibilité
au système prend de l’importance.
Les équipes techniques possèdent les compétences nécessaires, lui permettant d’offrir au client :
qualité, soutien et service de consultation qui ont été conçus pour relever les défis d'un marché en
évolution dans le monde d'aujourd'hui.
En résumé, MDG-IT est spécialisé dans l’informatique, mais pas que, ils sont avant tout des vrais
artisans de ce domaine depuis maintenant une décennie. Avec une équipe de geeks à grand cœur,
pour vous accompagner dans ce merveilleux monde qui est l’informatique et de tout son potentiel.

14
 2.1.2. Adresse et contact

Batiment K, Ex cité BRGM -Rue Farafaty

Adresse :
Ampandrianomby Antananarivo 101
N° Téléphone : +261 32 11 611 11
adresse mail : reception@mdg-it.net
Site web : www. mdg-it.net

2.2. Services proposés par MDG-IT

2.2.1. IT Support / IT Maintenance

MDG-IT propose une gamme de services qui garantissent à vos infrastructures et systèmes
informatiques un fonctionnement harmonieux et efficace en tout temps. Nos équipes techniques
possèdent les compétences nécessaires, lui permettant d’offrir au client qualité, soutien et service de
consultation qui ont été conçus pour relever les défis d'un marché en évolution dans le monde
d'aujourd'hui. Notre équipe de maintenance assure une disponibilité quasi-totale des infrastructures
informatiques. Deux domaines de soutien peuvent être généralement adaptés à n'importe
quel environnement informatique :
-On-site Support
MDG-IT offre des services de maintenance sur site pour diagnostiquer et résoudre les
problèmes technique se présentant au jour le jour. Il est de notre entière responsabilité de trouver dans
les plus brefs délais des solutions adéquates aux problèmes rencontrés. Nos consultants sont
pleinement qualifiés et expérimentés dans les domaines suivants :
Assistance et configuration en Hardware et Software
Les travaux d'entretien préventif
Le contrôle et la mise à niveau de votre système
Dépannage en général des PC ainsi que des équipements réseaux
Surveillance, Configuration & Administration des accès sur internet
Installation et configuration réseau
Mise en place et optimisation des systèmes sans fils (réseau WIFI)

15
 Prévention contre les virus.
Audit sur la sécurité informatique
Installation et configuration d’équipement VSAT
Formation
Et beaucoup plus …
-IT Helpdesk
Comme la technologie devient plus complexe et que les entreprises sont plus exigeant quant
à l’outil informatique, la nécessité de réduire au minimum l’indisponibilité et ainsi d’augmenter
l’accessibilité au système prend de l’importance. MDG-IT joue un rôle essentiel dans la résolution
des problèmes des utilisateurs au premier contact. En voici quelque exemple :
Mise à jour de l’OS, logiciel, pilotes,…
Configuration et déploiement des équipements
Configuration d’internet et/ou des e-mails.

2.2.2. Programme de la maintenance préventive

MDG-IT créera un programme de maintenance préventive pour votre société selon les besoins
opérationnels, spécifiques et conforme aux politiques, attentes et délais posés par la société. MDG-
IT met l’accent sur ce programme pour éliminer les problèmes éventuels provenant de l’extérieur.

2.2.3. Programme de maintenance général

Les entreprises peuvent signer un contrat mensuel qui réduirait considérablement le coût des
interventions. MDG-IT propose des forfaits adaptés aux besoins, à la disponibilité des entreprises et
à la nature du problème. Il peut aussi programmer des diagnostics et des vérifications en vue
d’optimiser la performance de vos systèmes et procédures sur le plan informatique.

2.2.4. Developpement site/application

MDG-IT fait aujourd’hui partie des leaders à Madagascar du développement de logiciels et

du outsourcing. Notre entreprise a bâti sa réputation sur des relations longues durées avec nos clients
nationale qu’internationale, en fournissant une équipe techniques très talentueux. Notre département
développement (logiciel et/ou web) fournirent des services sur mesure, basé sur les besoins du client,
16
son budget ainsi que son planning. Plus de 90% de nos contrats proviennent d’une clientèle déjà
établie.
Notre équipe d'ingénieurs logiciels ont plusieurs années d'expériences dans le développement
d’application/site web. C’est notre domaine de prédilection. MDG-IT pourra répondre à toute vos
demande. Partant du principe de concevoir un site/application web existant ou bien de développer un
nouveau site/application web de plusieurs niveau, nos développeurs maîtrisent parfaitement toutes
les technologies demandés, ainsi de fournir des site/applications robuste, adaptable, evolutif et
soigneusement conçus.
Par ailleurs, nous pouvons aussi développer des applications mobiles (Apple, Android and Windows
Mobile). En effet, nous avons une grande connaissance et expériences sur chaque plateforme pour
pouvoir développer des applications innovantes, robuste mais simple d’utilisation :

Figure 2: Logo d’outils de développement web

Source: internet

2.3. Qualifications et expériences

2.3.1. Expériences

Tableau 5 : liste des expériences de l’entreprise

Gestion et maintenance de parc informatique 10 ans d’expériences

Installation système et réseau 10 ans d’expériences
Assistance utilisateurs 10 ans d’expériences
Développement logiciel et application 7 ans d’expériences
Ventes de matériel et consommable informatiques — ans d’expériences

17
 2.3.2. Références clients

Depuis maintenant une décennie, MDG-IT, plusieurs client ont eu la chance d’avoir
une aperçue des services fourni par la société. Ils ont eu confiance dans la gestion de leur parc
informatique, dans les diverses installations et assistances dans les acquisitions de leurs biens
informatique et depuis quelques années, la création de leur site web et les logiciels qui facilitent leur
quotidien. Ci-dessus un extrait entreprises qui ont travaillé et travail avec nous :
Tableau 6 : liste des clients de l ‘entreprise
ILS /PARERA MADAGASCAR
BLACKEARTH
BASE TOLIARA
LEXEL JURIDIQUE 1FISCAL
ECOCERT
EIFFAGE
ARCHITECTURE OTMAR DODEL
NET A SEC
LE NEPENTHES HOTEL
PHARMACIE HASIMBOLA
FUTURMAP

2.4. Structure fonctionnel de MDG-IT

2.4.1. Structure

L’organigramme nous permettra de mieux connaitre le niveau hiérarchique de chaque

personne et leurs fonctions dans la société.
Vu que Madagascar Information technologie est un PME (Petite et Moyenne Entreprise) Elle a une
structure assez légère.
Actionnaires : le rôle fondamental de l'actionnaire est d'inciter l'entreprise à poursuivre un objectif
de croissance rentable à long terme, assurant de facto un progrès pour ceux qui la font vivre.
La gérance : Le gérant d'une entreprise a un rôle très différent de l'associé, puisque c'est lui qui
dirige la société et prend la plupart des décisions qui la concernent. À ce titre, il représente

18
l'entreprise, tout comme il engage sa responsabilité pour chacun de ses choix et chacune de ses
actions.
Le corps administratifs : Fonction indispensable au sein d'une entreprise, à cheval entre les pôles
administratif, commercial et financier
Le corps technique : il s'occupe de la gestion et de la maintenance de la partie technique. Il est en
quelque sorte les outils de base pour l’activité de l’entreprise.

2.4.2. Organigramme

Gérant

Responsable Responsable
RAF
réseau et Mce Dev

Chargée Agents
Commercials Developpeurs
administratifs techniciens

Figure 3 : Organigramme MDG-IT

Source : MDG-IT

19
 Chapitre 3 : Description du projet

3.1. Formulation

Notre projet consiste à créer un site web de l’entreprise MDG-IT.

Nous avons collaboré avec l'équipe de développement et de design pour définir les
fonctionnalités et l'apparence du site, en utilisant les dernières technologies et en
prenant en compte les besoins de l'entreprise et de ses clients. Nous avons également
pris en compte l'expérience utilisateur et la facilité de navigation pour garantir une
expérience fluide et agréable pour les visiteurs du site. Le site sera mis en ligne et
maintenu régulièrement pour garantir une qualité et une pertinence maximales.

3.2. Objectifs et besoins d’utilisateurs

Le site web a pour objectif principal de présenter l'entreprise et ses

services aux internautes.

Les utilisateurs souhaitent avoir accès à des informations claires et

précises sur l'entreprise et ses services. Mais aussi un moyen simple de les contacter et
de privilégier ses services.

3.3. Moyens nécessaires à la réalisation du projet

3.3.1. Moyens humains

Afin de terminer ce projet, le chef de projet de l’ entreprise est

indispensable. Ainsi que nous, 2 stagiaires sur le développement web.

20
 3.3.2. Moyens matériels

Pour la réalisation du projet, nous avons employé deux (2) ordinateurs portables
et leurs caractéristiques sont les suivants :

Tableau 7 : Caractéristiques des matériels utilisés.

Marque Processeur RAM(Go) HDD Système

d’exploitation

Acer Aspire Windows10

Professionnel 64
Bits

Acer V5-431 Intel Celeron 887 8 500 Go Linux Mint 21

1.5GHz 1.5GHz mate

3.3.3. Résultats attendus

L’ entreprise attends que le site web soit :

- fluide

- léger

- sécurisé

- lisible par différents navigateur

- résponsive selon l’ appareil utiliser par l’ internautes.

21
Partie II : ANALYSE ET CONCEPTION

22
 Chapitre 4 : Analyse préalable

4.1. Analyse de l’existant

4.1.1. Organisation actuelle

L’ entreprise a pour but de refaire leur site web de A à Z.

Pourtant, on a accès à l’ ancien base de donné Wordpress du site qui est encore
exploitable.

4.1.2. Inventaire des moyens matériels et logiciels

En suivant toutes les étapes pour la réalisation d’un site web

dynamique, on a utilisé plusieurs matériels et logiciels.
Pour le serveur, on a manipulé le serveur Apache car c’est un serveur qui
fonctionne sur les systèmes d’exploitation UNIX (Linux, Mac OS X, Solaris, BSD et UNIX) ainsi
que Windows. Dons c’est pour cela qu’on l’a choisi. Et il peut interpréter nombreux langages
comme : Perl, PHP, Python et Ruby car ici notre langage utilisé est le PHP.
Le CMS Wordpress utilise MySQL. C’est un serveur de base des données
relationnelles SQL. C’est un logiciel libre. Comme le serveur Apache, il peut aussi agir sur
plusieurs systèmes d’exploitation différents. Nous pouvons dire que plus de la
moitié des sites Web fonctionnent sous Apache, qui est le plus souvent utilisé conjointement avec
PHP et MySQL.
Pour l’éditeur de texte, nous avons posé comme choix Visual Studio Code, car c’est
un éditeur de texte générique disponible sous Windows, Linux, et Mac. Il intègre la plupart des
fonctionnalités de base d'un éditeur de texte. Mais aussi, on a vu que Visual Studio Code est facile à
utiliser.
Certains images du sites ont eu besoins d’ être retoucher avant de les utiliser. Pour
cela, on a recours à GIMP, un logiciel de gestion d’image utilisable sur les systèmes linux.
Il est aussi nécessaire de tester le fonctionnement du site web sur differents
navigateurs. On a alors utiliser Chrome, Firefox,Microsoft Edge.
23
 4.2. Critique de l’existant
On nous a transmis que l’ancien site web était un peu lourd, ce qui met
en cause la fluidité lors de l’utilisation du site.

Mais aussi, il manquait l’expérience utilisateur qui permet de donner à

l’internaute la facilitée de naviguer et de comprendre le fonctionnement du site.

4.2. Conception avant-projet

4.2.1. Proposition de solution

Pour des raisons de faible connexion à internet pour certains

internautes, il est nécessaire de mettre les librairies en local plutôt que des liens qui pourraient être
lent à répondre les besoins selon la fréquence de connexion de l’internaute.
Il est aussi important de mettre en place un expérience utilisateur (UX
expérience) pour que l’internaute n’ait aucun difficulté à naviguer dans le site web.

4.2.2. Présentation de la méthode

Il est nécessaire de savoir que Wordpress génère une base donnée lors
de son première étape d’utilisation qui est l’ installation. Ainsi, on pas besoin de manipuler la base
de donnée car Wordpress le fait à notre place. Mais on peut quand même le manipuler si on le
souhaite, après avoir appris l’architecture du base de donnée déjà présent.
Alors, on pas eu à créer un autre base de donnée. On a repris celui déjà
utiliser par l’ancien site web de l’entreprise qui était aussi créer à l’aide de Wordpress.

4.2.3. Présentation des technologies Web utilisées

Pour le base de chaque site web, on a besoin de l’HTML pour bien
structurer son contenu.
Puis, il y a le CSS qui donne du style et met en forme selon le désir de
l’utilisateur notre site web.

24
 4.2.4. Présentation des langages utilisés
Pour le dynamisme du site web, on a choisis les langages Javascript et PHP.

- JavaScript est un langage de programmation qui est largement utilisé dans le

développement web. C'est un langage de script côté client qui est exécuté par le navigateur web de
l'utilisateur, plutôt que sur le serveur web. JavaScript peut être utilisé pour ajouter de l'interactivité
et des fonctionnalités complexes aux pages web, et est essentiel pour construire des sites web
modernes et dynamiques. C'est un langage assez simple, et facile à apprendre pour les débutants.

- PHP est un langage de programmation open source principalement utilisé

pour le développement de sites web. Il est interprété côté serveur, ce qui signifie qu'il est exécuté
sur le serveur web et génère du code HTML qui est ensuite envoyé au navigateur de l'utilisateur.
PHP est souvent utilisé pour créer des sites web dynamiques et interactifs, et est particulièrement
adapté pour les sites web de petite et moyenne taille. Il est facile à apprendre et à utiliser.

4.2.5. Présentation des Frameworks utilisées

Les frameworks sont des ensembles de bibliothèques et de conventions conçues pour

simplifier le développement d'applications en fournissant un cadre de travail structuré. Ils sont
souvent utilisés pour accélérer le développement en fournissant des fonctionnalités prêtes à l'emploi
et en standardisant la manière de résoudre certaines tâches courantes.
On a alors choisis comme Framework Bootstrap pour les technologies HTML et CSS
( et un peu de JavaScript) et JQuery pour le langage JavaScript.

Tableau 8 : présentation des frameworks

25
 Frameworks Avantages Inconvénients

Bootstrap  Abstraction des  Normalisation du

navigateurs qui réagiront graphisme
tous les appareils  Syntaxe lourde
 Abstraction des
écrans(responsive)
 Rapidité
 Structure déjà présentes
JQuery  simplifie l'écriture de  scripts assez volumineuse
code JavaScript  Confusion pour les
 facilite l'intéraction avec débutants
les éléments du DOM
 compatibilite avec les
différents navigateurs

4.2.6. Présentation du SGBD utilisés

Wordpress gère à notre place l’ interaction du site web avec la base de donnée.

Il utilise MySql qui est un système de gestion de bases de données relationnelles

(SGBDR) open source. Il est très populaire et utilisé dans de nombreuses applications Web pour
stocker et accéder à des données. MySQL est connu pour être facile à utiliser et rapide, ce qui en
fait une bonne option pour de nombreux projets de développement. On l ‘utilise pour stocker les
informations du site web.

26
 Chapitre 5 : Analyse conceptuelle

5.1. Introduction

Il est à noter qu’ on a pas eu à faire une conception du base de

donnée étant donné que Wordpress l’ a déjà générer lors de son installation. Mais on
a quand même analysé ce base de donnée et le présenter dans ce chapitre.

5.2. Présentation des tables de la base de données

Chaque table contient des informations sur le contenu du site. Par exemple, la table

wp_users va stocker tous les informations sur les administrateurs du site.

Il faut savoir que par défaut, après son installation, la base de données comporte 12 tables.

27
 Figure 4 : diagramme des tables de base du base de Données

Les exemples dans les figures suivants sont issus de phpMyAdmin, une
application web pour gérer votre BDD disponible sur votre cPanel (un gestionnaire
en ligne qui administre tout le serveur chez de nombreux hébergeurs).

• wp_commentmeta : cette table stocke les métadonnées des commentaires (les

métadonnées sont des donnés qui accompagnent les commentaires : auteur, e-mail de
l’auteur, heure de publication, et article sur lequel il a été rédigé) ;

figure 5 : aperçu des champs du table wp_commentmeta

28
• wp_comments : cette table stocke les commentaires ;

figure 6 : aperçu des champs du table wp_comments

• wp_links : cette table stocke des listes de liens vers des blogs, mais elle n’est plus
utilisée ;
• wp_options : cette table, l’une des plus importantes, contient toutes les options du site,
celles contenues dans le menu Réglages de l’ administration WordPress.

figure 7 : aperçu des champs du table wp_options

• wp_postmeta: cette table stocke les métadonnées des articles, pages et types de contenus
personnalisés (custom post types) ;

29
 figure 8: aperçu des champs du table wp_postmeta

• wp_posts : cette table contient toutes vos publications (articles, pages, custom post
types) ;

figure 9 : aperçu des champs du table wp_posts

• wp_termmeta : cette table permet d’enregistrer des données supplémentaires pour chaque
terme de taxonomie ;

figure 10 : aperçu des champs du table wp_termmeta

30
• wp_terms : cette table contient toutes les taxonomies de votre site (catégories, étiquettes,
taxonomies personnalisées, etc.) ;

figure 11 : aperçu des champs du table wp_terms

• wp_term_relationships : cette table contient les relations entre les types de contenus
et les taxonomies (c’est-à-dire quelles taxonomies s’appliquent à quelles publications) ;

figure 12 : aperçu des champs du table wp_term_relationships

• wp_term_taxonomy : cette table stocke la taxonomie de chaque terme, ce qui est

important parce qu’un terme peut-être présent dans plusieurs taxonomies (ex : dans une
catégorie et un custom post type) ;

figure 13 : aperçu des champs du table wp_term_taxonomy

31
• wp_usermeta : cette table stocke toutes les métadonnées relatives aux utilisateurs ;

figure 14 : aperçu des champs du table wp_usermeta

• wp_users : cette table comporte tous les utilisateurs du site, quel que soit leur rôle
(administrateur, abonné, éditeur, etc.).

figure 15 : aperçu des champs du table wp_users

32
Partie III : RÉALISATION

33
 Chapitre 6 : Mise en place de l’environnement de
développement
6.1. Installation et configuration des outils
6.1.1. Integrated Development Environment(IDE)

Un IDE se traduit en Français : environnement de développement intégré. C'est un

programme informatique qui regroupe en un seul et même endroit l'ensemble des outils et
fonctionnalités nécessaires à la création de programmes informatiques. Un IDE permet notamment
de faciliter l'édition de code source, la compilation, le débogage et le déploiement d'applications. En
général, un IDE propose également des fonctionnalités avancées telles que la suggestion de code, la
navigation dans le code et l'intégration avec des outils de gestion de version.
Pour cela, on a choisi Visual Studio Code comme IDE car il est facile à utiliser et au
niveau de nos besoins.
Le fichier d’ installation de Visual Studio Code est disponible via
https://code.visualstudio.com/download .
- Pour le système d’exploitation Windows :
Il suffit d’exécuter le fichier exécutable téléchargé et suivre les étapes de l’ installation.

- Pour les systèmes d’exploitations Linux :

Ici, nous utilisons un système d’exploitation Linux d famille Debian. Alors on choisit le
fichier .deb (si vous utiliser une autre distribution, il existe plusieurs alternative d’installation) .

Figure 16 : page de téléchargement de Visual Studio Code

34
 Après téléchargement, on ouvre un terminal dans le dossier où il se trouve et exécuter ce
commande en tant que super utilisateur :
sudo dpkg -i nom_du_packet.deb
Puis on suit les étapes de l’ installation comme le choix du dossier d’ installation.

6.1.2. Serveur local

Au moment du développement de l’application, nous avons utilisé un logiciel nommé

XAMPP qui met en place un serveur Web local, un serveur FTP et un serveur de messagerie
électronique. Il est facile à manipuler car il ne demande aucune connaissance particulière.
Il contient principalement les utilitaires suivants qui facilitent la programmation et les
vérifications : le logiciel serveur Apache, MySQL pour la gestion des bases de données.
Donc, ce logiciel a besoin d’être installé avant le commencement du développent de
l’application.
Une capture lors de l’installation est représentée dans la figure :

35
 Figure 17: Représentation de l’installation de XAMPP.
Au moment de l’installation, on doit suivre les instructions et accepter les différentes
demandes du logiciel pour réaliser une installation standard. On peut dire que les paramètres sont
tous modifiable.

6.2. Architecture du site web

La structure d'un site web WordPress est généralement composée de plusieurs éléments, tels
que :

 Base de données : c'est l'endroit où sont stockées toutes les informations du site, telles que
les articles, les pages, les commentaires et les utilisateurs.
 Thème : c'est l'aspect visuel du site, qui détermine comment il est présenté aux utilisateurs.
 Plugins : ces extensions permettent d'ajouter de nouvelles fonctionnalités au site, comme la
gestion des langues du site ou l'intégration de réseaux sociaux.
 Widgets : ces éléments peuvent être ajoutés à la barre latérale ou dans d'autres parties du site
pour afficher du contenu, comme une liste de catégories ou un formulaire de contact.
 Pages : ces pages statiques permettent d'afficher du contenu qui ne change pas souvent,
comme la page "À propos" ou la page "Politique de confidentialité".

36
 Articles : ces publications sont affichées dans un ordre chronologique inverse sur la page
d'accueil du site et peuvent être classées dans différentes catégories.
 Menu de navigation : c'est la barre de menu qui permet aux utilisateurs de naviguer sur le
site et de découvrir ses différentes sections et les personnaliser.

37
 Chapitre 7 : Développement de l’application

7.1. Création de la Base des Données

7.1.1. Télécharger wordpress

Il est nécessaire de télécharger les fichiers de base de wordpress via

https://wordpress.org/download/
Puis décompresser le fichier compresser dans le dossier « /opt/lampp/htdocs » pur les
systèmes Linux et dans « C:/xampp/htdocs » pour le systèmes Windows par défaut si n’ aviez pas
choisi des emplacements personnaliser.

7.1.2. Création de la base de données

Xampp est un logiciel libre qui possède deux (2) possibilités sur la gestion de base des
données, l’un pour la console de MySQL et l’autre par le PHP MyAdmin. Ce dernier est une
interface de gestion de base des données MySQL sur un serveur PHP disponible sur plusieurs
langues. Mais pour la création de la base des données, il faut d’abord lancer Xampp, ensuite, insérer
dans un navigateur l’URL http://localhost /phpmyadmin/, et sur cette étape qui différencie Xampp
avec les autres serveur web car il n’a plus besoin d’insertion de nom d’utilisateur et de mots de
passe.
Une page s’affiche après chargement, sur cette page qu’on choisit l’onglet “Bases des
données ”. On doit donner un nom pour la base des données à créer, prenons notre exemple ; nom
de la base des données : Orange et ensuite toutes les informations sont tous modifiable.
La figure suivante montre le déroulement de cette étape :

Figure 18: Création de la base des données de Wordpress.

38
 7.1.3. Installation de la base de données
Entrer l’ URL https://localhost/ ou bien votre adresse IP. On remplit
selon les configurations faites dans phpmyadmin. Par défaut, le nom d’utilisateur est
« root » et le mot de passe est vide. On doit obtenir :

Figure 19 : Création de la base des données de Wordpress.

Pour finaliser l’installation, vous devrez renseigner les informations suivantes :

• Le titre du site;
• Votre identifiant ;
• Votre mot de passe ;
• Votre adresse de messagerie ;
• La visibilité du site sur les moteurs de recherche, cochez cette case si vous souhaitez que les
moteurs de recherche (par exemple Google, Bing ou DuckDuckGo) n’indexent pas votre site
web ;
Toutes ces informations pourront être modifiées par la suite dans l’écran d’administration.

39
 Figure 20 : Finalisation de la création de la base des données de Wordpress.

Après avoir cliqué sur « Installer Wordpress » , un chargement sera long pour mettre en
place la base données.

7.2. Codage du site Web

Afin de pouvoir réaliser le site, on a effectué plusieurs opérations.

• D’ abord, on a créé un site web statique sans utiliser Wordpress

avec les technologies HTML, CSS et le langage JavaScript avec
sa responsive.

• Puis, on l’adapte avec le structure de Wordpress en organisant les

40
 fichiers et les liens.
Par exemple, les liens des fichiers ou sites qui contient les scripts
et les codes CSS se trouvent dans le fichier « functions.php » .

Figure 21: activation des liens des scripts et codes CSS dans le fichier functions.php

 Après l’ installation du plugins ACF(Advanced Custom Fields), on peut

ajouter des champs relatif à chaque section de notre site web.

Figure 22 : Création des champs dans le post-type service.

7.3. Présentation du site web

Le site web est accessible via mdg-it.net .

41
 Figure 23 : Premier aperçu du site web

La gestion et sécurisation du site se trouvent dans le Back Office âpres avoir valider la
page d’authentification d’ utilisateur.

Figure 24: Page de « login »

42
Figure 25 : aperçu de la Back office

43
 CONCLUSION
Ce stage s’est déroulé dans l’entreprise MDG-IT où on a besoin de
refaire le site web.
Nous avons conçu un site web dynamique pour présenter MDG-IT.
Pour réaliser ce projet, on a utilisé le CMS Wordpress, les langages PHP et JavaScript,
les technologies web HTML et CSS.
Le site web présente les différents services offert par l’ entreprise. Ainsi que des
références clients et présentation des projets réalisés. Il y a aussi une section d’ envoie
de Mail pour contacter et de communiquer avec l’ entreprise.
Ce site web est opérationnel et répond aux critères spécifier par l ‘entreprise.
Ce stage nous a permis de nous familiariser avec la vie de l’entreprise et d’
approfondir nos connaissances pratiques en matière de développement des sites web.

VIII
 WEBOGRAPHIE

[1] https://developer.wordpress.org/
[2] https://getbootstrap.com/docs/5.3/getting-started/introduction/
[3] https://www.w3schools.com/
[4] https://chat.openai.com/chat

IX
 GLOSSAIRE
Administrateurs : désigne la personne responsable des serveurs d'une organisation qui
possède plusieurs accès que l’utilisateur

Custom post type : Un custom post type (CPT) correspond à un type de contenu
personnalisé. Par défaut, WordPress permet de créer des articles ainsi que des pages.
Cela dit, en fonction du site Internet souhaité, il peut être intéressant d’y ajouter des
types de contenus supplémentaires.

Déploiement : est la mise en œuvre d'un nouveau système, un logiciel.

PHP : est un langage de programmation libre principalement utilisé pour produire

des pages web dynamique via un serveur HTTP, mais pouvant également fonctionner
comme n'importe quel langage interprété de façon locale. PHP est un langage
impératif orienté objet.

MySQL :c’est un serveur de bases de données relationnelles SQL.

Taxonomie : Dans WordPress, les taxonomies sont des groupes thématiques qui
permettent de classer le contenu sur un site.

Pour les articles, il en existe deux types par défaut dans WordPress : les catégories et les étiquettes.

X
 RESUME
Le projet qu’on a effectué durant ce stage consistait à faire une refonte du site
web de l’entreprise mdg-it.net.
Dans ce rapport de stage, on a d’abord vu les présentations de l’ENI et de l’entreprise MDG-
IT. Ensuite, on a fait une description du projet en précisant les objectifs et les résultats attendus.
Puis, on a présenté en global la base de données de Wordpress. Et après, la prestation des démarches
pour réaliser le site web. Et enfin, on a donné des aperçus du site web.
Le site web est léger, rapide, respecte au mieux l’expérience utilisateur et
responsive. Ceux qui répond au besoin de l’entreprise.

Mots clés : site wordpress, site web d’une entreprise

ABSTRACT

The project we carried out during this internship consisted of redesigning the
website of the company mdg-it.net.
In this internship report, we first saw presentations of ENI and the company
MDG-IT. Then we described the project, specifying the objectives and expected
results. Then we presented an overview of the Wordpress database. And after that, we
presented the steps to create the website. Finally, we gave an overview of the website.
The website is lightweight, fast, respects the user experience as much as
possible and is responsive, which meets the needs of the company.

Keywords: wordpress website, company website

XI
 TABLE DES MATIÈRES
CV ................................................................................................................................................. II
REMERCIEMENTS: ................................................................................................................. IV
LISTE DES FIGURES : .............................................................................................................. V
LISTE DES TABLEAUX: .......................................................................................................... VI
Tableau 1 : L'organisation du système de formation pédagogique ........................................... VI
Tableau 2 :Architecture des études correspondant au système LMD ....................................... VI
Tableau 3 : Liste des formations existantes à l’ENI .................................................................. VI
Tableau 4 : : Débauchés professionnels éventuels des diplômés. ............................................... VI
Tableau 5 : liste des expériences de l’entreprise ........................................................................ VI
Tableau 6 : liste des clients de l ‘entreprise ............................................................................... VI
Tableau 7 : Caractéristiques des matériels utilisés. ...................................................................... VI
Tableau 8 : présentation des frameworks .................................................................................. VI
LISTE DES ABRÉVIATIONS : ................................................................................................ VII
Partie I : PRESENTATION GENERALE................................................................................ 2
Chapitre 1 : Présentation de l’École Nationale d’Informatique .............................................. 3
1.1. Informations d’ordre général ..................................................................................... 3
1.2. Missions et historique ......................................................................................................... 3
1.3. Organigramme institutionnel de l’ENI : ........................................................................... 5
1.4. Domaines de spécialisation :............................................................................................... 6
1.5 Architecture des formations pédagogiques ......................................................................... 6
1.6. Relations de l’ENI avec les entreprises et les organismes : ............................................... 9
1.7. Partenariat au niveau international................................................................................. 10
1.8. Débouchés professionnels des diplômés ........................................................................... 11
1.9. Ressources humaines ........................................................................................................ 12
Chapitre 2 : Présentation de MDG-IT.................................................................................... 14
Chapitre 3 : Description du projet.......................................................................................... 20
Partie II : ANALYSE ET CONCEPTION ................................................................................. 22
Chapitre 4 : Analyse préalable ............................................................................................... 23
Chapitre 5 : Analyse conceptuelle .......................................................................................... 27
Chapitre 6 : Mise en place de l’environnement de développement ....................................... 34
Chapitre 7 : Développement de l’application ......................................................................... 38
CONCLUSION ........................................................................................................................ VIII
WEBOGRAPHIE ....................................................................................................................... IX

XII
GLOSSAIRE ................................................................................................................................ X
RESUME……………………………………………………………………………XI
ABSTRACT………………………………………………………………………XI

XIII