Rapport de Stage

2017-2018 Développement Informatique

ONE

FANCY

Réalisé par : Zineb Sardy

Encadrée par : Lamnabhi youness

Développement web avec WordPress, Html,

programmation et design d’une application

en C# et base de données MySQL.

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.

Remerciement

1

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

Sommaire

2

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.

Introduction

3

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.

Présentation de l’entreprise

4

ONE FANCY Innovation :

ONE FANCY Print

L’agence ONE

FANCY spécialiste

dans la

conception

graphique de

haute qualité,

l’impression de

tous les outils de

publicité tel que

l’impression des

cartes visites,

papier entête,

agenda...

ONE FANCY Labs

ONE FANCY

propos un espace

d’innovation aux

jeunes, un espace

ou tout le monde

peut partager ces

idées innovante,

nous choisissons

les meilleurs

profiles afin de les

intégrer dans son

équipe.

ONE FANCY Blog

Un espace

partager chaque

jour l’actualité du

web technologie,

des outils qui aide

les jeunes

développeurs

dans leur chemin

éducatif. Ex: des

projets de fin

d’étude des

anciens stagiaires.

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

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

Travaux Réaliser

6

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.

Moyens mis à disposition

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

10

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.

Présentation du Projet

11

10

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 f n de programme. onctio

12

10

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

10

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

10

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

10

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

10

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.

Conclusion

18