2017-2018 FANCY - Rapport de Stage - one fancy

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
environnement de développement intégré (IDE), qui leur permet

                                                                         9

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

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
                                                                     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

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