2017-2018 - 1fancy.com · en c# et base de données mysql. ... une agence web offshore, implantée...
TRANSCRIPT
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
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
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 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
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