Rapport de Stage

2017-2018
Développement Informatique

ONE
FANCY

Développement web avec WordPress, Html,

programmation et design d’une application
en C# et base de données MySQL.

Réalisé par : Zineb Sardy

Encadrée par : Lamnabhi youness
Remerciement

J’exprime mes remerciements à toutes les personnes ayant

contribué d’une manière ou d’une autre à la réalisation de ce
travail et à la mise au point de ce document. À toutes ces
personnes qui directement ou indirectement me soutiennent et
m’encouragent à aller de l’avant, je leur suis très reconnaissant.

J’adresse tout particulièrement ma vive gratitude à monsieur

LAMNABHI Younes qui a bien voulu encadrer mon projet de fin
d’études à ONE FANCY, pour son aide précieux et son soutien
remarquable.

Mes remerciements les plus sincères sont adressés à Mr BNHARI

Khalifa, Mme EZZERRIFI AMRANI Aziza, Mme El ARBAOUI Jalila aussi
aux membres du jury, pour l’honneur qu’ils m’ont fait, en
acceptant d’examiner et de juger mon travail.

Enfin, je ne manquerai pas d’exprimer une reconnaissance à tous

les professeurs de ISTA MAAMOURA notamment ceux de
département Développement Informatique, pour la formation
prodigieuse qu’il nous a assurée.

1
Sommaire

Remerciement …………………………………………………1

Introduction ……………………………………………………3

Présentation de l’entreprise …………………………………4

Tâches réalisées …..…………………………………...……….6

Moyens mis à disposition……………………………………...7

I. Les outils de modélisation utilisés…………………………......7
II. Les outils de développement utilisés ………………………..8

Présentation du Projet………………………………………..11
 Définition ………………………………………………………...11
 Analyse du cahier de charge………………………………..11
 Les interfaces d’application……………………………….....11

Conclusion ………………………………………………….….18

2
Introduction

Le stage est une démarche ayant pour objectif la projection de

certain éclairage sur les difficultés et les obstacles que nous
pourrons rencontrer demain comme futures employés au sein d’un
organisme.

Le stage est donc, une période active destinée à se familiariser

avec le milieu professionnel. C’est une période occasionnelle,
offerte aux stagiaires afin d’améliorer et mettre en pratique notre
connaissances théoriques acquises durant cette formation.

C’est un aperçu de la vie professionnelle et de tout ce qui

l’accompagne (relations entre collègue, rapports hiérarchiques,
communication interne, compétence ambiance de travail ... ) par
conséquent , ce présent rapport est le fruit d’un stage qui été
effectué au sein de la société One Fancy.

Je tiens à préciser que la période de stage allant du 04/12/2017

jusqu’au 27/01/2018 était tellement riche et bénéfique au niveau
d’observation, consultation et expérimentation qui vont me servir
dans ma vie professionnelle et quotidienne.

 La première partie de ce rapport sera donc consacrée à une

description de One Fancy ses activités ainsi que le
fonctionnement de certaines méthodes de travail principale
de la société.
 La deuxième partie de ce rapport sera un descriptif de
différentes étapes que j’ai suivis durant toute la période de
stage.

3
Présentation de l’entreprise

ONE FANCY
Agence web experte en
Développement Informatique

ONE FANCY est une agence de communication créative à la fois

une agence web offshore, implantée à Kenitra (60km de la
capitale marocaine Rabat), Maroc.
Fondée par Lamnabhi Younes en 2003.
Et spécialisée dans la création, la maintenance et la refonte de
site Internet ainsi que la programmation des logiciels Desktop et
Mobile. N’en oublie pas les designs graphiques, les montages v
idéo, référencement et compagnes publicitaire.
et aussi l'équipe de one fancy travaille avec tout type de clients
allant de sites e-commerce vendant des bijoux de luxe ou des sites
vitrine des PME à Logiciel de gestion et développement complexe
des logiciel GMAO.

4
ONE FANCY Innovation :

ONE FANCY Print ONE FANCY Labs ONE FANCY Blog

L’agence ONE ONE FANCY Un espace
FANCY spécialiste propos un espace partager chaque
dans la d’innovation aux jour l’actualité du
conception jeunes, un espace web technologie,
graphique de ou tout le monde des outils qui aide
haute qualité, peut partager ces les jeunes
l’impression de idées innovante, développeurs
tous les outils de nous choisissons dans leur chemin
publicité tel que les meilleurs éducatif. Ex: des
l’impression des profiles afin de les projets de fin
cartes visites, intégrer dans son d’étude des
papier entête, équipe. anciens stagiaires.
agenda...

ONE FANCY l’agence Web outsourcing est assurer le

développement des projets des clients et proposer les solutions
adéquates, dans les domaines d’interventions suivantes :

 Intégration de design et Découpe de maquettes

HTML/CSS/JS (HTML5/JQUERY),
 Création site internet complet,
 Développement web spécifique : PHP/MySQL, ASP, ASP.NET,
JavaScript, AJAX,
 CMS: WordPress, Drupal, Typo3, Joomla, Spip, Prestashop,
Magento,
 Travaux graphique : Conception des flyers, brochures, design
web, E-book…
 Applications mobile,
 Développement des logiciels,
 Webmaster : maintenance corrective ou évolutive,
 Et toute autre activité en relation avec leurs domaines
d'expertise.

5
Travaux Réaliser

1ère Semaine :
 Rencontre avec encadrement.
 localhost logiciels et hébergement .
 Création du MCD et MRD du projet.

2ème Semaine :
 Réunion avec l’encadrant pour discuter le MCD et le MLD.
 Tutoriels d’apprentissage de MySQL avec C#.
 Installation de XAMP et MySQL workbench.

3ème Semaine :
 Création de la base de données avec les tables nécessaires
ainsi que leurs relations.
 Remplire la base de données de l’application.

4ème Semaine :
 Tutoriels WordPress .
 Tutoriels woocommerce et zone de livraison .
 Création d’une boutique sous WordPress.
 Tutoriels HTML5 et CSS3.

6ème semaine :
 Le codage en C# de l’application AppGCS.
 Design de l’application AppGCS .
 Tester l’application Appgcs

6
Moyens mis à disposition

I. Les outils de modélisation utilisés :

MERISE :
MERISE est une méthode de conception, de développement et
de réalisation de projets informatiques. Le but de cette méthode
est d'arriver à concevoir un système d'information. La
méthode MERISE est basée sur la séparation des données et des
traitements à effectuer en plusieurs modèles conceptuels et
physiques.

 Niveau conceptuel :
MCD : modèle conceptuel des données

Le Modèle conceptuel des données (ou MCD), schéma

représentant la structure du système d'information, du point de
vue des données, c'est-à-dire les dépendances ou relations entre
les différentes données du système d'information (par exemple : le
client, la commande, les produits, etc.)

 Niveau logique ou d’organisation :

MLD: Modèle Logique des Données

Qui reprend le contenu du MCD précédent, mais précise la

volumétrie, la structure et l'organisation des données telles qu'elles
pourront être implémentées. Par exemple, à ce stade, il est
possible de connaître la liste exhaustive des tables qui seront à
créer dans une base de données relationnelle.

7
II. Les outils de développement utilisés :

 MySQL Workbench :
MySQL Workbench est un outil visuel unifié pour architectes,
développeurs et administrateurs de base de données. MySQL
Workbench permet la modélisation des données, le
développement SQL et des outils d'administration complets pour
la configuration des serveurs, l'administration des utilisateurs et
davantage. MySQL Workbench est disponible sous Windows, Linux
et Mac OS. MySQL Workbench remplace MySQL Query Browser et
MySQL Administrator.

MySQL Workbench est un outil de conception et de modélisation

visuelle des bases de données, proposé par MySQL/Sun. Il permet
aux développeurs et aux DBA de créer de nouveaux modèles de
données physiques pour les bases de données MySQL, mais aussi
de modifier les bases de données physiques MySQL existantes
avec une rétro/pro-ingénierie et des fonctions de gestion des
changements. MySQL Workbench a été conçu pour optimiser la
productivité et la réussite de l'utilisateur dans la conceptualisation,
la communication, la création et la gestion des principales
métadonnées d'entreprise, ainsi que des bases de données et des
entrepôts de données à haute performance.

L'interface et les processus automatisés de MySQL Workbench

garantissent une réussite immédiate pour les différents publics
composant les entreprises modernes, notamment les
administrateurs de bases de données, les développeurs
d'applications, les architectes de données et les responsables
informatiques.

Le produit s'exécute sous Windows, Linux et Mac pour que les

utilisateurs puissent concevoir leurs bases de données à partir de
tous les systèmes d'exploitation majeurs. Un bref aperçu de toutes
les fonctions de MySQL Workbench permet de présenter la façon

8
dont l'outil offre les avantages décrits précédemment dans le
domaine de la gestion des données basée sur des modèles.

 XAMPP Serveur :

XAMPP est un ensemble de logiciels permettant de mettre en

place facilement un serveur Web et un serveur FTP. Il s’agit d’une
distribution de logiciels libres (X Apache MySQL Perl PHP) offrant
une bonne souplesse d’utilisation, réputée pour son installation
simple et rapide. Ainsi, il est à la portée d’un grand nombre de
personnes puisqu’il ne requiert pas de connaissances particulières
et fonctionne, de plus, sur les systèmes d’exploitation les plus
répandus.

 MySQL :
MySQL est un serveur de bases de données relationnelles Open
Source.
Un serveur de bases de données stocke les données dans des
tables séparées plutôt que de tout rassembler dans une seule
table. Cela améliore la rapidité et la souplesse de l'ensemble. Les
tables sont reliées par des relations définies, qui rendent possible la
combinaison de données entre plusieurs tables durant une
requête. Le SQL dans "MySQL" signifie "Structured Query
Language" : le langage standard pour les traitements de bases de
données.

 Microsoft Visual Studio :

Microsoft Visual Studio est une suite de logiciels de
développement pour Windows et macOS conçue par Microsoft.
La dernière version s'appelle Visual Studio 2017.

Visual Studio est un ensemble complet d'outils de développement

permettant de générer des applications web ASP.NET, des services
web XML, des applications bureautiques et des applications
mobiles. Visual Basic, Visual C++, Visual C# utilisent tous le même

9
environnement de développement intégré (IDE), qui leur permet
de partager des outils et facilite la création de solutions faisant
appel à plusieurs langages. Par ailleurs, ces langages permettent
de mieux tirer parti des fonctionnalités du framework .NET, qui
fournit un accès à des technologies clés simplifiant le
développement d'applications web ASP et de services web XML
grâce à Visual Web Developer.

Durant sa conférence Connect() 2016, Microsoft a annoncé le

portage de Visual Studio sur macOS, le système d'exploitation
d'Apple.

 C# et .Net Framework :
C# est un langage élégant et de type sécurisé orienté objet qui
permet aux développeurs de créer toute une gamme
d'applications sûres et solides exécutées sur .NET Framework. Vous
pouvez utiliser C# pour créer des applications clientes Windows,
services Web XML, composants distribués, applications client-
serveur, applications de base de données et bien plus encore.
Visual C# fournit un éditeur de code avancé, des concepteurs
d’interface utilisateur pratiques, un débogueur intégré et de
nombreux autres outils pour faciliter le développement
d’applications basées sur le langage C# et le .NET Framework.

10
Présentation du Projet

 Définition :
AppGCS est une application de Gestion des Cours de Soutien, qui
permet aux responsables pédagogiques d’effectuer une gestion
rigoureuse et efficace de ses actions de formation. A savoir :
l’inscription des apprenants, l’ajout des classes et des différentes
matières, la gestion du processus des règlements et l’impression
des reçus pour un centre scolaire.

 Analyse du cahier de charge :

Dans notre analyse on a utilisé la méthode de conception MERISE,
pour modéliser les différents aspects de l’application.

 Les interfaces d’application :

Interface simple de présentation.

11
  Interface d’authentification :
Dès l’accès à l’application une page d’authentification s’affiche.
Apres authentification l’administrateur peut accéder aux
différentes fonctionnalités de l’application.

 Interface de Menu :
Menu est un ensemble des options présentées à l'utilisateur
d’application pour aider à exécuter une fonction de programme.

12
  Interface de l’ajout élèves et Inscription :
Cette figure représente le formulaire qui permet la gestion des
apprenants en offrant les fonctionnalités suivantes :

 Recherche des apprenants par nom

 Sélection d’un apprenant

 Modification des informations

 L’ajout d’un nouveau apprenant

 L’inscription des apprenants dans les classes

Les deux Paramètres Id Classe et Id élève sont deux variables

générées automatiquement par le système.

13
Après la création et la définition des apprenants, on peut les
ajouter à l’une des formations disponibles (les matières).
L’interface suivant assure l’inscription et l’annulation d’une session
de formation à un apprenant sélectionné, en offrant les
fonctionnalités suivantes :

 Ajouter une inscription

 Modifier une inscription en cours

 Ajouter une matière ou plusieurs à l’ensemble de formation

 Supprimer une matière

Le paramètre remise sert à définir une promotion ou bien une

réduction sur les frais de la formation en cours.

14
  Interface pour gérer les matières :

En peut toujours mettre à jour la liste des matières via le formulaire

Ajouter matières comme illustré dans la figure ci-dessus. L’interface
assure les fonctionnalités suivantes :

 L’ajout d’une nouvelle matière

 La sélection d’une matière

 La modification d’une matière en cours

 La suppression et l’annulation d’une matière

La valeur de champs prix est représentée en Dirham marocain.

15
  Interface pour gérer les classes :
En peut toujours mettre à jour la liste des classes via le formulaire
Ajouter classes comme illustré dans la figure ci-dessus. L’interface
assure les fonctionnalités suivantes :

 L’ajout d’une nouvelle classe

 La sélection d’une classe

 La modification d’une classe en cours

 La suppression et l’annulation d’une classe

 Interface de règlement :
L’interface suivant permet la gestion du processus des règlements
et l’impression des reçus, en offrant les fonctionnalités suivantes :

 Ajouter un règlement

 Sélection d’un règlement

 Modifier un règlement en cours

16
  Recherche des règlements par nom d’apprenant

 Imprimer les reçus

Le nom complet sera afficher automatique quand sélectionné un

id d’apparent

Le montant sera calculer et affiche automatique

17
Conclusion

La période de stage au sein de l’entreprise ONE FANCY a été

bénéfique elle m’a permis d’approfondir les notions théoriques
que j’ai appris durant ma période de formation à l’institut
spécialisé professionnelle de Kenitra MAAMOURA, et d’enrichir
mes connaissances aussi bien au niveau pratique qu’au niveau
théorique.

J’ai appris que le domaine théorique et le domaine pratique sont

complémentaires, et que dans le monde de travail il n’est pas
suffisant d’avoir des bases théoriques, mais il faut surtout être
sociable et coopératif et avoir un esprit d’équipe pour mener à
bien toutes les tâches.

On peut conclure que le stage est une occasion très avantageuse

pour le stagiaire, malgré l’insuffisance de sa durée.

18