Brinda Raport

CONCEPTION ET DEVELOPPEMENT D’UN SITE WEB
: CAS DE G2 GRAPHIKA
SOMMAIRE
SOMMAIRE...........................................................................................................................................i
DEDICACE............................................................................................................................................ii
REMERCIEMENTS.............................................................................................................................iii
AVANT PROPOS.................................................................................................................................iv
ABREVIATIONS ET SIGLES..............................................................................................................v
LISTE DES FIGURES..........................................................................................................................vi
LISTE DES TABLEAUX....................................................................................................................vii
RESUME.............................................................................................................................................viii
ABSTRACT..........................................................................................................................................ix
INTRODUCTION GENERALE............................................................................................................1
CHAPITRE I : PRESENTATION GENERALE DE G2 GRAPHIKA ET DEROULEMENT DU
STAGE...................................................................................................................................................2
SECTION I : PRSENTATION DE L’ENTREPRISE............................................................................3
SECTION II : DEROULEMENT DU STAGE......................................................................................7
CHAPITRE II : APPROCHE THEORIQUE.......................................................................................11
SECTION I: PRESENTATION DE LA METHODE DE CONCEPTION MESRISE............................................12
SECTION II : MODELISATION DU..................................................................................................22
FUTUR SITE WEB.............................................................................................................................22
CHAPITRE III : APPROCHE PRATIQUE.........................................................................................31
SECTION I : PRESENTATION DES OUTILS MATERIELS ET LOGICIELS UTILISES..............................32
CONCLUSION GENERALE......................................................................................................................36
BIOGRAPHIE.......................................................................................................................................xi
WEBOGRAPHIE.................................................................................................................................xii
ANNEXES...........................................................................................................................................xiii
TABLES DE MATIERES...................................................................................................................xiv
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page i
CONCEPTION ET DEVELOPPEMENT D’UN SITE WEB : CAS DE G2 GRAPHIKA
DEDICACE
A
TOUTE MA FAMILLE
.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page ii
REMERCIEMENTS
Avant tout, nous tenons à remercier toutes personnes ayant contribué au succès de
notre stage, à toutes personnes qui nous ont aidé à la réalisation de notre projet et de ce
rapport au long de ces deux années d’étude de près ou de loin. Ce travail ne pouvant être le
fruit uniquement d’efforts personnels, nous souhaitons donc remercier tous ceux qui ont
participé, de près ou de loin à la réalisation de cette dernière. Ces personnes étant nombreuses,
nous pensons spécialement :
 Tout le corps enseignant d’ISTAG pour la qualité des cours dispensés ;

 Mon encadreur académique M. BEKECK ROLAND, pour son effort à l’avancement
de notre rapport de stage et ainsi que de ses connaissances et conseils transmis ;
 Mon encadreur professionnel M. FOTEU NGUEMBOU GABRIEL pour
l’orientation durant mon stage, la rédaction de mon rapport et les multiples conseils ;
 A tout le personnel de l’entreprise G2graphika pour leur accueil et leur collaboration
au bon déroulement de notre stage académique ;
 Enfin, à tous ceux qui, de près ou de loin m’ont porté dans leur cœur durant cette
formation qu’ils trouvent ici notre reconnaissance.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page iii
AVANT PROPOS
Le cycle de brevet de technicien supérieur (BTS) a été créé par arrêté

Ministériel No 90/E/05/MINEDUC du 24 Décembre 1971. Il s’est assigné pour
principale mission, la formation des étudiants titulaires d’un baccalauréat.
Ce cycle comprend actuellement une multitude de spécialités parmi lesquelles la

spécialité Gestion des Système d’information. Aujourd’hui, il est placé sous la tutelle du
Ministre de l’Enseignement Supérieur. La formation est étalée sur une période de deux ans
dont les caractéristiques sont les suivantes :
 Une première année au cours de laquelle il faut valider plus de 75% des unités de valeurs
existantes ;
 Une deuxième année, sanctionnée par un examen national se structurant après les
dernières réformes comme suit : une phase de validation des unités de valeurs internes,
une autre phase pour les épreuves pratiques et une dernière pour les épreuves écrites.
C’est dans la première phase que l’occasion est donné à l’étudiant d’effectuer un
stage en entreprise pendant une période de deux mois minimum dans le but de s’imprégner
des réalités professionnelles et de compléter l’enseignement jusque-là reçu à l’école.
A la fin du stage, l’étudiant doit rédiger et présenter un rapport de stage
C’est ainsi que nous avons eu à effectuer notre stage au sein de la structure G2 à Yaoundé
Odza montée hôtel happy au terme duquel nous présentons ce rapport.
Nous ne prétendons pas avoir fait un parcours sans-fautes dans cette réalisation,
comme toute œuvre humaine, elle pourrait contenir des petites erreurs d’interprétation ou
d’analyse, nous nous excusons déjà auprès de nos lecteurs et utilisateurs.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page iv
ABREVIATIONS ET SIGLES
BTS : Brevet de Techniciens Supérieur ;
CSS: Cascading Style Sheets;
GL : Génie Logiciel ;
ISTAG : Institut Supérieur de Technologie Appliquée et de Gestion
MCD : Model conceptuel de donnée ;
MRD : Model relationnel de donnée ;
MLD : Modèle Logique de Données ;
MPD : Modèle Physique de Données ;
MCT : Modèle Conceptuel de Données ;
MCT : Modèle Organisationnel de Données ;
MERISE : Méthode d’Etude et de Réalisation Informatique pour les Systèmes d’Entreprise ;
PHP : HyperText Préprocesseur ;
HTML : HyperText Markup Language ;
MySQL: My Structured Query Language.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page v
LISTE DES FIGURES
Figure 1 Situation géographique de l’entreprise.....................................................................................4

Figure 2 : organigramme de l’entreprise G2 Graphika...........................................................................5
Figure 3: Formalisme du MCT...............................................................................................................16
Figure 4: Promotion des produits.........................................................................................................17
Figure 5: Formalisme Modèle Organisationnel de Traitement.............................................................18
Figure 6 :Diagramme de flux de données.............................................................................................25
Figure 7 : MCD POUR CLIENT................................................................................................................27
Figure 8 : MCD POUR FOURNISSEUR....................................................................................................28
Figure 9 : MCP......................................................................................................................................29
Figure 10 : MLD....................................................................................................................................30
Figure 11: Lap top utilisé......................................................................................................................32
Figure 12: Microsoft Word 2016..........................................................................................................33
Figure 13:Visual Studio.........................................................................................................................33
Figure 14: PowerAMC...........................................................................................................................33
Figure 15:l’interface de G2graphika.....................................................................................................34
Figure 16: outil d'impression................................................................................................................34
Figure 17 : flayers.................................................................................................................................35
Figure 18 : Information.........................................................................................................................35
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page vi
LISTE DES TABLEAUX
Tableau 1 : fiche signalétique de G2 GRAPHIKA.....................................................................................6

Tableau 2: de dictionnaire de données................................................................................................23
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page vii
RESUME
Durant l'année académique 2022-2023, G2 GRAPHIKA, en tant qu'entreprise de

prestation de service s'est donnée pour mission d'étendre sa visibilité sur le marché afin de
pourvoir conquérir la clientèle l'objectif étant de concevoir et de développer un site web, tâche
qui nous a été confié à notre arrivée au sein de cette structure. Ce site web a pour but de
faciliter de manière simple et optimale la gestion des publicités au sein d'une agence
d'infographie permettant ainsi à l'entreprise d'avoir un meilleur pourcentage sur les activités
des publicités et ainsi prendre les bonnes décisions visant le bon fonctionnement de l'agence.
Dans la réalisation de ce projet, nous nous sommes penchés sur trois modules (domaines) à
savoir:
• Le e-commerce des machines (imprimante, ordinateur,…….)
• La gestion des paramètres.
• La gestion de sécurité.
Tout ceci visible par le biais d'une interface de site web couronnée par une gestion des
droits d'accès sur le support d'un système d'authentification des utilisateurs .A cet effet ce site
web est développé avec PHP et reposant sur une base de données MySQL 5.5.pour la
modélisation conceptuelle, nous avons fait usage de la méthode MERISE dont les différents
modèles ont été produits avec PowerAMC 15.1. Notre stage académique sur
la « CONCEPTION ET DEVELOPPEMENT D'UN SITE WEB DE PRESENTATION
DES SERVICES CAS DE : G2 GRAPHIKA » s'est ainsi déroulé dans des meilleurs
conditions, et nous a permis de réaliser une solution relevant qui permettra de donner de la
visibilité à G2 graphika. Permis de réaliser une solution relevant qui permettra de donner de la
visibilité à G2 graphika.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page viii
ABSTRACT
During the academic year 2022-2023, G2 GRAPHIKA, as a company of service

provision is given for mission to extend its visibility on the market in order to conquer the
customer the objective being to conceive and to develop a Web site, task which was entrusted
to us at our arrival within this structure. This website aims to facilitate in a simple and optimal
way the management of advertisements within an agency of inforgraphics allowing the
company to have a better percentage on the activities of the advertisements and thus to take
the good decisions aiming at the good functioning of the agency.In the realization of this
project, we leaned on three modules (domains) to know:
- The e-commerce of machines (printers, computers, .......)
- The management of the parameters.
- The management of security.
All this visible through a website interface crowned by a management of access rights on the
support of a user authentication system. To this end this website is developed with PHP and
based on a MySQL 5.5 database.For the conceptual modeling, we made use of the MERISE
method whose different models were produced with PowerAMC 15.1. Our academic
internship on the « CONCEPTION AND DEVELOPMENT OF A WEBSITE OF
PRESENTATION OF SERVICES CASE OF: G2 GRAPHIKA » has been conducted in
the best conditions, and has allowed us to achieve a relevant solution that will give visibility
to G2 graphika. The project was carried out under the best conditions and allowed us to
create a relevant solution that will give visibility to G2 Graphika.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page ix
INTRODUCTION GENERALE
Le monde actuel est celui de l’économie numérique, c’est-à-dire un monde dans lequel les
Technologies de l’Information et la Communication (TIC) sont en constante évolution et au centre
de toutes les préoccupations. Cette évolution passe nécessairement par l’automatisation de
processus métiers ; à l’instar de la visibilité de l’entreprise G2sur le web. Cette digitalisation des
processus métiers renvoie ainsi à la dématérialisation des physiques. En effet, de nombreuse
entreprise de prestation de services au Cameroun procède jusqu’ici a une prestation numériquement
Fort de ce constat, nous avons pensé à apporter une solution à ce problème à travers la
« CONCEPTION ET DEVELOPPEMENT D’UN SITE WEB DE PRESENTATION DES
SERVICES : CAS DE G2 GRAPHIKADE». Pour ce faire, le présent rapport s’articule autour de
trois parties comportant chacune deux chapitres. Dans la première partie, relative au cadre général
du stage, nous présentons la structure d’accueil et le déroulement du stage. Dans la seconde partie,
nous menons une étude critique de l’existant à travers une présentation de l’existant suivie de sa
critique. Dans la troisième partie consacrée à l’analyse, conception et l’implémentation, nous
procédons tout d’abord à une analyse fonctionnelle assortie du dossier de conception, suivie de
l’implémentation et la réalisation de l’application. Nous terminons par une conclusion, en dressant
un bilan de notre stage à travers les résultats obtenus, les difficultés rencontrées et les perspectives
entrevu.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page 1
CHAPITRE I : PRESENTATION GENERALE

DE G2 GRAPHIKA ET DEROULEMENT DU
STAGE
Dans ce chapitre, nous procédons à une présentation de l’entreprise où nous avons effectué notre
stage académique. Il s’agira de rappeler son historique, de présenter ses missions, son organigramme et son
architecture. Nous terminerons par une présentation du service d’accueil et le déroulement du stage.
SECTION I : PRSENTATION DE

L’ENTREPRISE
I- HISTORIQUE
Crée par un sérigraphe informaticien, bureau d’études spécialisé dans les prestations des
services infographiques et sérigraphies, prône la révolution informatique du 21ième siècle. C’est
ainsi qu’armée d’une expérience indéniable de ses clients et consultants, elle met à la disposition de
ses clients des prestations sérigraphies très variées beaucoup plus spécialisées dans les domaines de
la formation professionnelle, infographie, de la communication des services : impression
numérique( carte de visite la clé USB, véhicules, drapeau, cachets, stylos, tasses),sérigraphie pour le
flocage des t-shirts, comme matériel on a :(le plastisol, le taxol),en suite l’infographie il nous
permet de faire les montages( exemples monter un logo, une affiche) et enfin la broderie.
II- ENVIRONNEMENT ET ADRESSE COMPLETE DE G2

GRAPHIKA
Le siège social de l’entreprise est situé à Yaoundé sis au monté hôtel happy, plus
précisément à 100 mètres du carrefour Mbog abang en allant vers le penalty, ou encore en face
Dovv Happy. G2GRAPHIKA, est un véritable réseau d’experts tous certifiés dans leur domaine de
la sérigraphie ;
Téléphone portable : (237) 665 39 39 14 /674 44 80 39 /697 95 59 54
Email :g2grphika@gmail .com
PLAN DE LOCALISATION DE G2
Figure 1
Situation géographique de l’entreprise
III- LES INFRASTRUCTURES
L’entreprise G2 Graphika possède un cadre et des équipements qui sont à la pointe de la

technologie informatique (infographie) ; ils concernent :
Une salle de formation climatisée équipée d’un vidéo projecteur et d’une dizaine d’ordinateurs
hauts de gamme.
Une salle de montage et d’impression des banderoles.
VI. PERSONNELS
L’entreprise G2 Graphika compte en son sein environs 4 personnels qualifiés en des
spécialités suivantes :
Infographie.
Sérigraphie.
Secrétariat
comptable
Développement des sites web.
Maintenance informatique.
Mise en place des réseaux d’entreprise.
L’audit des systèmes d’information.
Formation et certification (à
Distance comme en présentielle).
Ce qu’il faut noter c’est que G2 Graphika travaille avec un réseau d’expert tous certifié dans
leur domaine d’intervention. Ces experts pour la plupart interviennent comme formateur pour les
différentes formations qu’offre le centre, aussi bien à distance comme en formation initiale.
ORGANIGRAMME DE L’ENTREPRISE G2 GRAPHIKA
DIRECTEUR GENERALE
SECRETAIRE
DIRECTEUR GENERAL ADJOINT
DIRECTION DES RESSOURCES DIRECTION DES AFFAIRES DIRECTION TECHNIQUE

HUMAINES FINANCIERES
Figure 2 : organigramme de l’entreprise G2 Graphika
IV- LA VISION ET LES VALEURS
A. La vision
Proposer par l’innovation une solution aux problèmes sans réponse ; proposer, accompagner,
conseiller et assister les entreprises dans leur processus d’informatisations.
B. Les valeurs
Le respect : respect de l’autre, respect des délais, respect de la parole donnée.
La recherche de la perfection : c’est le challenge des promoteurs de G2 Graphika Les produits mis
à la disposition de la clientèle doivent répondre exactement aux besoins, s’adapter à l’évolution
technologique, et résister à la concurrence, tant nationale qu’internationale.
L’exemplarité en matières éthique et relationnelle.
Le travail bien fait et le service bien rendu.
V- FICHE SIGNALETIQUE
Les informations sur G2 GRAPHIKA peuvent se résumer dans le tableau
suivant :
Tableau 1 : fiche signalétique de G2 GRAPHIKA
INDICATEUR VALEUR
Nom de l’entreprise G2
Promoteur M.FOTEU NGUEMBOU GABRIEL
Siège social Odza montée hôtel happy
Téléphone 665393914/674448039/697955954
E-mail g2graphika@gmail.com
Produits et services Impression numérique, sérigraphie, broderie, infographie
Signature La solution pour votre communication
Slogan Tous vos supports de communication ici !
Nature des Bénéfices : Bénéfices Commercial
Régime Spécial : Entreprise Privée
Devise: RAPIDITE-EFFICACITE
Logo
SECTION II : DEROULEMENT DU STAGE
I- ACCEUIL ET ORIENTATION
Notre stage a effectivement débuté le 1 juillet deux mil vingt-deux, nous avons été accueillis par
le directeur général de G2 GRAPHIKA, M. FOTEU NGUEMBOU GABRIEL qui, après un bref
échange de civilités, nous a fait une lecture du règlement intérieur, puis nous a confié à la
responsable du service de secrétariat. Après un bref échange collectif, un poste de travail nous a été
attribué. Par la suite, il nous a aussi donné les objectifs de son institution et nous a présenté le cadre
de stage puis nous expliqua le contexte du stage avec les difficultés que nous stagiaire feront face
tout en associant des conseils pour mieux nous orienter pendant notre stage.
II- ENVIRONNEMENT MATERIEL ET LOGICIEL G2 GRAPHIKA

A. Environnement logiciel
La partie logicielle de l’entreprise est constituée de plusieurs environnements lui permettant de
créer des applications, de faire des certifications en ligne. Nous présentons les différentes
applications retrouvées au sein de G2 GRAPHIKA comme suit :
 Les systèmes d’exploitation, dont les différentes versions utilisées sont Windows7 et

Windows10 ;
 Photoshop
 Illustrator
 Coredior
 Visual Studio, qui est un environnement de développement intégré permettant la conception
des applications Windows grâce au Framework .NET ;
 WORD 2016, qui est le logiciel phare de la suite Bureautique Microsoft Office, c'est l'un des
logiciels les plus utilisés dans le monde pour rédiger des lettres, CV, rapports et tous types
de documents texte.
B. Environnement matériel
 Des laptops et des desktops de marque HP ou DELL, en ce qui concerne les laptops nous
remarquons qu’ils sont pour la plupart des ordinateurs personnels que les travailleurs et
stagiaires utilise et qui en sont leur propriété. Tandis que pour le desktop on les retrouvait
déjà installé dans la salle du stage ne caractériser pas 4 Go de RAM, 250 Go de mémoire de
disque dur, processeur core i3 de 2.5 Ghz.
 Cutting Plotte
 Machine e impression de marque RICOH 2800 ET 2500 et bien d’autres
 Découpeuse manuel de carte de visite
 Des Switch de marque D-LINK, ces outils permettent aux agents de recevoir la connexion
sur leurs ordinateurs ceci grâce aux branchements faits à l’aide des câbles.
III. TRAVAUX EFFECTUES

Lors de notre stage nous avons effectués plusieurs tâches. Ainsi, dans cette partie nous
présenterons les tâches et les difficultés rencontrés lors de la réalisation. Durant notre stage nous
avons effectué plusieurs tâches, ces travaux pouvaient être d’ordre matériel ou logiciel. Nous
pouvons citer entre autre :
 Rédaction du manuel d’utilisation de l’application Fs Banking développée par les

informaticiens travailleurs au sein de G2 GRAPHIKA, rédaction du rapport des burgs, et
d’un résumé sur les fonctionnalités du système ;
 Enregistrement du plan de compte dans l’application Fs Banking ;
 Analyse (Règles de gestion, liste des entités, DD, MCD, MLD) des petits systèmes tels que
(la gestion des élections dans un pays, Fonctionnement de la caisse d’un supermarché,
situation matrimoniale au Cameroun, fonctionnement d’une équipe de football).
IV- OBJECTIFS ET TACHE EFFECTUEE A G2 GRAPHIKA
A. OBJECTIF
En effet, G2 est une entreprise qui offre de multiples services tels que l’impression
numérique, la sérigraphie, la broderie, l’infographie et des formations professionnelles dans
plusieurs domaines de l’informatique. Nous les détaillerons dans les lignes qui suivent :
B. TACHES EFFECTUEES
Durant notre séjour à G2 nous avions eu à exercer des taches au sein de la structure parmi
lesquelles :
 Le secrétariat (la saisie des documents)

 L’impression numérique ;
 Les scanner ;
V- ETUDE DE L’EXISTANT
G2graphika dans la plupart possèdent plusieurs services parmi lesquels : le service de la
sérigraphie, l’infographie, les impressions numériques, la broderie sur lequel nous nous sommes
appesantis .dans ce service nous avons des personnes (gestionnaires) chargées de l’enregistrement
et du retrait des produits et services, de la perception des frais y afférents.
A- CRITIQUE DE L’EXISTANT
Après une étude menée au sein de cette structure , il en ressort que la plupart des clients
désirant être formés des différents services et produits de l’entreprise d’une réelle orientation le
personnel de la maison remettaient a ce dernier des flyers pour les informés ,je leurs aient
demandé pourquoi est qu’ils remettent plutôt des flyers au client n’ont t’ils pas un compte site
web ils m’ont répondus que non dans leur structure ils n’ont que une adresse E-mail et le flyer
pour mettre à la disposition des clients .Alors je me suis dit ceci :
 Il est impossible pour les clients désirant être formé de faire des réservations pour les
produits à distance ;
 L’absence d’un site web pour orienter les clients lors du renseignement sur place ;
 L’absence des différentes mesures mise en place pour l’attirance de la clientèle.
B- SOLUTIONS PROPOSEES
Aux vues de tous ces problèmes, j’ai opter faire un développement et réalisation d’un site
web pour cette structure (G2graphika):
 Le site créer pourra renseigner directement toutes personnes qui le consultera sur
l’information qu’il recherche, sur les modalités, le nombre de module de cette information,
le prix (…) ;
 Le site créer facilitera la consultation de la liste des produits et services en cours ;
 Le site créer permettra au client de faire une commande en ligne sans toutefois à chercher à
se déplacer ;
 A partir de ce site, on pourra élaborer un groupe avec des clients et faire posté nos différents
articles ;
 Le site créer renseignera les clients sur toutes les informations dont elles en n’auront besoins
pour passer une commande ;
 Le site web va permettre à la structure de plus abonné avec les clients
 Le site web permettra à la structure de ne plus constitué des flyer
CHAPITRE II : APPROCHE THEORIQUE
Résumé : Dans ce chapitre, nous présenterons la méthode MERISE, méthode qui nous a permis de
mieux appréhender et modéliser notre système.
SECTION I: PRESENTATION DE LA METHODE

DE CONCEPTION MESRISE
I- LA METHODE DE CONCEPTION MERISE
MERISE est une méthode de conception, de développement et réalisation de projet

informatique. 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 de traitements à effectuer en plusieurs
modèles conceptuels organisationnels et physiques. La séparation des données et des traitements
assure une longévité au modèle. En effet, l’agencement des données n’a pas à être souvent remanié,
tandis que les traitements le sont plus fréquemment. Ils convient tout d’abord de spécifier les
acteurs concernés par notre système et les besoins de l’entreprise cette étape est primordiale pour la
détermination des différentes fonctionnalités attendues du futur système Les acteurs du système se
divisent en deux catégories comme suit :
L’avènement dans les entreprises des applications informatisées a pour objectif de maximiser leur
efficacité. La nécessité de mettre en place les systèmes d’information qui définissent et organisent
les tâches de chaque intervenant dans l’univers de l’entreprise, a conduit au développement de
plusieurs méthodes d’analyse et de conceptions des systèmes d’information (méthodes ACSI par
exemple). Les méthodes d’analyse les plus connues sont : SADT, Yourdon (faisant partie des
méthodes cartésiennes), MERISE (appartenant à la famille des méthodes systémiques) et ODD,
HOOD, UML (comme méthode objets).
Pour matérialiser notre contribution, ce rapport fait état de la méthode qui nous a paru très
pratique : la méthode MERISE. Notre choix a été déterminé par rapport au fonctionnement
pertinent de cette méthode et son adaptation au système d’entreprise auquel nous avons eu affaire.
Le but de cette méthode est d’automatiser un système d’information donnée. Elle prend en compte à
la fois les aspects statiques (données) et dynamiques (traitements) du système concerné. MERISE
en tant que méthode par système est efficace, simple et parfaitement adaptée au domaine de la
gestion.
MERISE comprend :
Un cycle de vie : qui comprend un schéma directeur, une étude préalable, une étude détaillée, une
étude technique, une réalisation, une mise en œuvre, une maintenance ;
Un cycle d’abstraction : constitué de trois (3) niveaux d’abstraction (conceptuel, opérationnel ou

physique, organisationnel ou logique) et deux (2) axes de modélisation (données et traitement) ;
Un cycle de décision : à ce stade ce n’est que le cycle d’abstraction auxquels nous nous intéressons.
Ce cycle est lui-même décomposé en 3 niveaux :
Le niveau conceptuel : ici on ne s’attarde pas sur l’aspect technique, il s’agit de savoir : de quoi
parle-t-on ? On cherche donc à décrire le modèle de l’entreprise.
Le niveau logique : à ce niveau, on reprend le contenu du Modèle Conceptuel de Données (MCD)

pour organiser les données grâce auxquelles on connaitra par exemple les différentes tables dans la
base de données.
Le niveau physique : on obtient ici concrètement de quelle façon sera mise en place le système ;
La modélisation de notre solution se fera donc selon ses trois différents niveaux et sera orientée de
la façon suscitée
 Administrateurs ;
 Utilisateurs.
II- LES DIAGRAMMES DE MERISE

A. Le Dictionnaire de Données
1. Symbolisme du Dictionnaire de Données
Le dictionnaire des données en abrégé DD, est un tableau qui recense et décrit l’ensemble
des propriétés ou données élémentaires significatives et utiles de l’entreprise ou de l’organisation
étudiée. Il donne un aperçu des différents éléments qui seront contenus dans la base de données. Le
dictionnaire de données se présente comme suit :
2. Formalisme du Dictionnaire de Données
Type Nature
Nom A– SI – ST - Longueur Format Commentaire
Symbolique Signification AN – M
N-D
B. Le Diagramme de flux
1. Symbolisme du diagramme de flux
Le diagramme de flux est un graphe qui représente l’ensemble des flux échangés par les acteurs
d’un système donné. Ces échanges d’information ou de données.
 Notion de Flux : En analyse informatique, les échanges divers entre l’entreprise et son
environnement est appelé flux. Les flux entrants et sortants échangés par l’entreprise et son
environnement sont appelés flux externes tandis que ceux échangés entre les composants internes à
l’entreprise sont des flux internes ;
 Notion d’Acteur : Un acteur peut désigner tout composant de l’environnement de l’entreprise ou

interne à l’entreprise, recevant un flux d’un composant ou émettant un flux à destination d’un autre
composant ;
2. Formalisme du diagramme de flux
 Acteur :
 Flux d’information :
 Rectangle :
 Cas Pratique :
Acteur1 Flux d’Informations

Acteur 2
C. Le Modèle conceptuel de traitements
1. Symbolisme du Modèle Conceptuel de Traitement
Le Model Conceptuel de Traitement (MCT) est un schéma qui décrit les traitements effectués
dans le système, découlant des échanges entre le domaine étudié et le domaine extérieur. Il exprime
donc ce que fait le système sans tenir compte de qui le fait, quand et comment. Les termes utilisés
dans le MCT sont ceux de :
Évènement : Un évènement est un fait nouveau pour le système d’information ; c’est quelque chose
qui se passe à un moment donné dans le système d’information.
Suivant leurs modalités d’apparition, on distingue deux types d’évènements : les évènements
externes et les évènements internes. Un évènement externe est un évènement provenant de
l’extérieur du système d’information ou du domaine étudié. Il est émis par un acteur extérieur. Un
évènement interne est un évènement généré par un traitement propre au domaine étudié.
Synchronisation : Une synchronisation est une expression conditionnelle sur les différents
évènements en entrée d’une opération.
Opération : Une opération est un ensemble de traitements sur les données. Ces données sont
associées aux évènements en entrée de l’opération ou sont mémorisées dans le système
d’information ;
Règles D’Emission : C’est la condition traduisant les règles de gestion, à laquelle est soumise
l’émission des résultats d’une opération. La condition d’émission du résultat pourra être
précisée dans le rectangle de l’opération. On trouvera les messages tels que : « ok », « Non »,
« sinon », etc.
Résultats : C’est le produit de l’exécution d’une opération. Le résultat, fait réel de même nature que
l’évènement, pourra être le déclencheur d’une autre opération.
2. Formalisme du Modèle Conceptuel de Traitement
 PROMOTION DES SERVICES
Figure 3: Formalisme du MCT
 PROMOTION DES PRODUITS
Figure 4: Promotion des produits
D. Modèle Organisationnel de Traitement
1. Symbolisme du Modèle Organisationnel de Traitement

Une procédure fonctionnelle est l’ensemble d’action non interrompu effectue par le
système d’information en réponse à un évènement ou d’un ensemble d’évènement partageant les
notions organisationnelles (même acteur, même lieu d’exécution, même périodicité. Elle indique le
degré d’automatisation.
Un poste de travail est une unité d’action élémentaire caractérisé par un responsable, un
lieu géographique et un ensemble de ressource (matériels, humains, logiciels).
La période indique les conditions temporelles d’activité d’une procédure fonctionnelle.
Le Modèle Organisationnel de Traitement de Traitement se présente comme suit :
2. Formalisme Modèle Organisationnel de Traitement
Figure 5: Formalisme Modèle Organisationnel de Traitement
E. Modèle conceptuel de données
1. Symbolisme du modèle conceptuel de données
Le Modèle Conceptuel de Données (MCD) est une représentation abstraite des données qui
seront utilisées dans le système. Ainsi pour mieux le comprendre il s’agira de définir avant tout
quelques notions élémentaires telles que : Entité, relation, propriété, cardinalité.
2. Règles de gestions
a. Symbolisme d’une règle de Gestion
Une règle de gestion est un libellé qui décrit le fonctionnement global de l’entreprise ou du
domaine dédié. Elle peut s’établir pour chaque activité du système et porte sur les données. Elle
consiste ainsi à établir les contraintes qui doivent être respecté par le domaine d’étude.
b. Formalisme d’une règle de Gestion
RGN°1 : Enoncé de règle de gestion N°1
RGN°2 : Enoncé de règle de gestion N°2
3. Formalisme du Modèle Conceptuel de Données
Une entité est la représentation abstraite d’un objet du monde réel par différentes caractéristiques
élémentaires. Elle se présente comme un rectangle divisé en deux parties, celle de haut contenant le nom de
l’entité et celle de bas contenant les propriétés de l’entité.
Une propriété est une caractéristique élémentaire d’un objet décrite dans une entité.
Un identifiant est une propriété permettant de décrire de manière unique un objet ou une entité.
L’identifiant est généralement la première propriété d’une entité et est toujours souligne par convention.
Une association est une liaison logique entre entité. Elle se représente dans une ellipse.
Considérons une entité « bordereau » à trois propriétés. Pour éviter les erreurs lors de la génération
du MPD (problème d’homonymie), il est nécessaire de créer un identifiant
« Id bordereau » à l’entité bordereau et de préciser devant toutes ses propriétés qu’ils proviennent de la table
bordereau :
Pour représenter une association on utilise le formalisme suivant
F. Modèle physique des données
1. Symbolisme du modèle physique de données
Le Modèle Physique de Données (MPD) est une étape de conception de base de données
qui permet de définir la mise en œuvre des structures physiques et des requêtes portant sur les
données. En d’autres termes, le MPD permet de représenter les objets tels qu’ils seront gérés par un
SGBD. Le MPD est presqu’une formalité comparé au MCD, car il est généralement généré
automatiquement à partir de ce dernier (à partir de MCD). Le MPD précède le MLD.
E. Modèle logique des données
1. Symbolisme du modèle logique de données
La description conceptuelle a permis de représenter le plus fidèlement possible les réalités

de l’univers à informatiser. Mais cette représentation ne peut pas être directement manipulée et
acceptée par un système informatique. Il est donc nécessaire de passer du niveau conceptuel à un
niveau plus proche des capacités des systèmes d’information : c’est le MLD, il permet de décrire
les enregistrements logiques, d’entrevoir la structuration physique des données grâce aux
estimations que l’on peut faire sur les volumes d’enregistrement à mémoriser.
2. Formalisme du modèle logique de données
Un attribut désigne le plus petit élément d’information manipulable par le concepteur.
Le degré d’une relation est le nombre d’attribut de cette relation.
La cardinalité d’une relation est le nombre de tuples de cette relation.
Une relation, aussi appelée table, est un ensemble d’attribut qui permet de distinguer chaque
tuple de la relation par rapport à tous les autres tuples.
Un tuple d’une relation est une ligne dans une relation.
Une clé primaire d’une relation est un attribut ou groupe d’attributs qui permet d’identifier
de manière unique tout tuple de la relation.
3. Règles de passage du MCD au MLD
Toutes les entités du MCD se transforment en table dans le MLD ;
Pour une association père-père ou maillée, il y a formation d’une nouvelle table dont le nom est
celui l’association et la clé primaire est la concaténation des deux identifiants des entités quelle
associe ; Pour une association père-fils ou hiérarchique, il y a migration de l’identifiant de l’entité
père dans l’entité fils.
SECTION II : MODELISATION DU

FUTUR SITE WEB
La modélisation de la solution constituera en une suite de schémas qui nous permettra de

comprendre le système existant de suivi des colis
I. Le dictionnaire de données
Tableau 2: de dictionnaire de données
codification designation Type Taille observation
Id_cde Identifiant de la commande alphnum 25 obligatoire

Nom cde Nom de la commande alph 20 obligatoire
Prix cde Prix de la commnde num 8 obligatoire
Qte cde Quantité commande num 30 obligatoire
Id_produit Identifiant du produit Alph num 50 obligatoire
Nom pro Nom du produit alph 60 obligatoire
prix prix num 20 obligatoire
Id_prom Identifiant de la promotion alphnum 30 obligatoire
periode periode num 20 obligatoire
Identifiant de la ligne de
Id_lig cde alpnum 100 obligatoire
commande
Nombre de la ligne de
Nbre lig cde num 05 obligatoire
commande
Id_pho Identifiant de la photo alphnum 30 obligatoire
Qté pho Quantité des photos num 30 obligatoire
Qlté pho Qualité des photos alph 20 obligatoire
Id_liv Identifiant de la livraison alphnum 40 obligatoire
Qté liv Quantité de la livraison num 50 obligatoire
Prix liv Prix de la livraison num 15 obligatoire
Identifiant de la ligne de
Id_ligliv alphnum 10 obligatoire
livraison
Qté liv Quantité de la livraison num 70 obligatoire
Id_ligfac Identifiant de la ligne de facture alphnum 30 obligatoire
Nom ligfac Nom de la ligne de facture alph 20 obligatoire
Nbre ligfac Nombre de la ligne de facture num 30 obligatoire
Id_fac Identifiant de la facture alphnum 25 obligatoire
Nom fac Nom de la facture alph 40 obligatoire
Adresse fac Adresse de la facture num 50 obligatoire
Id_gest Identifiant du gestionnaire alphnum 20 obligatoire
Nom gest Nom du gestionnaire alph 20 obligatoire

adresse adresse num 10 obligatoire
Id_cli Identifiant du client alphnum 20 obligatoire
Nom cli Nom du client alph 20 obligatoire
prenom prenom alph 10 obligatoire
Id_f’sseur Identifiant du fournisseur alphnum 30 obligatoire
Nom f’sseur Nom du fournisseur alph 30 obligatoire
Adresse f’sseur Adresse du fournisseur num 10 obligatoire
Prénom fesseur Prénom du fournisseur alph 20 obligatoire
Id_serv Identifiant des services alphnum 20 obligatoire

Qlté serv Qualité des servises num 20 obligatoire
Nbre serv Nombre de service num 25 obligatoire
II. Diagramme de flux de données
L'analyse des flux permet d'appréhender simplement le fonctionnement global de l'entreprise

à travers ses échanges d'informations entre des unités actives. Le diagramme des flux est une
représentation graphique ("cartographie") des flux échangés entre ces unités actives (acteur,
domaine d'activité, processus).
Figure 6 : Diagramme de flux de données
A. Formalisme de la solution des règles de gestion
Pour solutionner notre projet, nous avons pu établir les règles de gestion suivantes :
RGN°1 : une commande peut contenir un et un seul produit ;
RGN°2 : un produit peut contenir une ou plusieurs commande ;
RGN°3 : un produit peut avoir une et une seul promotion ;
RGN°4 : une promotion peut avoir un ou plusieurs produit ;
RGN°5 : une commande peut avoir une ou plusieurs lignes de commande ;
RGN°6 : une ligne de commande peut avoir une et une seul commande ;
RGN°7 : une photo peut contenir un et un seul produit ;
RGN°8 : un produit peut contenir une ou plusieurs photo ;
RGN°9 : une ligne de commande comporte une ou plusieurs ligne de livraison ;
RGN°10 : une ligne de livraison comporte une et une seul ligne de commande ;
RGN°11 : une livraison peut avoir une ou plusieurs ligne de livraison ;
RGN°12 : une ligne de livraison peut avoir une et une seul livraison ;
RGN°13 : une ligne de livraison compte une ou plusieurs ligne de facture ;
RGN°14 : une ligne de facture compte une et une seul ligne de livraison ;
RGN°15 : une ligne de facture peut avoir une et une seul facture ;
RGN°16 : une facture peut avoir une ou plusieurs ligne de facture ;
RGN°17 : une facture a un et un seul gestionnaire ;
RGN°18 : un gestionnaire gère une ou plusieurs factures ;
B. FORMALISME DE LA SOLUTION DU MODELE CONCEPTUEL DES DONNEES
 MCD POUR CLIENT
client
id_cli
nom cli
prenom
1,n adresse
Identifiant_1
commande
id_cde <pi>
nom cde 0,n
gestionnaire
prix cde utilisateur
qte cde acquerir
promotion id_gest <pi>
Identifiant_1 nom gest
... 1,n id_promo <pi>
adresse
1,n periode
1,n produit Attribut_10 Identifiant_1 <pi>
id_pro <pi> 1,1 avoir Identifiant_1
comporter nom pro ...
prix 1,n
1,n
Identifiant_1 <pi>
...
1,n
percevoir gerer
contenir 1,n
1,1
facture
photo id_fac
nom fac 1,1 ligne_facture
id_photo
1,1 qte photo adresse fac procurer id_ligfac <pi>
qlte photo Identifiant_1 nom ligfac
1,n
... nbre ligfac
ligne_commande Identifiant_1
... Identifiant_1 <pi>
id_ligcde <pi> comporter ...
nbre ligcde 1,n
adresse ligcde 1,1
renfermer
Identifiant_1 <pi>
...
obtenir
0,n
1,1 1,n
livraison
ligne_livraison
id_liv
id_ligliv <pi>
qte liv 1,n
qte liv
prix liv
adresse liv
adresse liv
Identifiant_1 <pi>
Identifiant_1 ...
...
Figure 7 : MCD POUR CLIENT
 MCD POUR FOURNISSEUR
fournisseur
services
id_f'sseur
1,n acquerir id_service <pi> client
nom f'sseur
qlte serv 1,n vendre id_cli <pi>
adresse f'sseur 1,1
prenom f'sseur nbre serv 1,1 nom cli
Identifiant_1 prenom cli
Identifiant_1 <pi>
... ... Identifiant_1
...
1,1
avoir
1,n
gestionnaire utilisateur
id_gest <pi> <Indéfini>
nom gest <Indéfini>
adresse <Indéfini>
Identifiant_1 <pi>
...
Figure 8 : MCD POUR FOURNISSEUR
III. MODELE PHYSIQUE DE DONNEES
Formalisme du MPD de la solution.

BORDEREAU
Position position_bordereau
id_bordereau varchar(50) <pk>
idPosition int <pk> idPosition int <pk,fk1> lib_bordereau varchar(50)
libPosition varchar(50) id_bordereau varchar(50) <pk,fk2> position varchar(50)
satus varchar(50)
...
DESTINATAIRE
id_dest int <pk>
nom_dest varchar(50)
prenom_dest varchar(50)
tel_dest varchar(50)
...
EXPEDITEUR COLIS
CHAUFFEUR
id_exp int <pk> ref_colis varchar(25) <pk>
id_bordereau varchar(50) <fk2> colis_destinateur_agence id_chauffeur varchar(50) <pk>
CNI_exp varchar(50)
nom_exp varchar(50) id_exp int <fk1> id_dest int <pk,fk1> nom_chauffeur varchar(50)
prenom_exp varchar(50) lib_colis varchar(250) ref_colis varchar(25) <pk,fk2> prenom_chauffeur varchar(50)
poids decimal(10,2) id_agence varchar(50) <pk,fk3> tel_chauffeur varchar(50)
tel_exp varchar(50)
... ville_arrivee varchar(50) retire varchar(10) ...
ville_depart varchar(50) date_retrait datetime objet
... date_depot datetime vehicule_chauffeur_voyage
... id_objet varchar(20) <pk>
id_chauffeur varchar(50) <pk,fk1>
VEHICULE libelle_objet char(40)
immatriculation varchar(50) <pk,fk2>
REGLEMENT id_voyage
immatriculation varchar(50) <pk> int <pk,fk3>
type_vehicule varchar(50) ...
id_reglement int <pk>
num_fact varchar(50) <fk>
date_reglement datetime
montant_reglemnt decimal(10,2)
reste_a_payer decimal(10,2)
motif varchar(50) DETAIL_COLIS
FACT URE
type varchar(50) id_detail int <pk>
num_fact varchar(50) <pk>
... num_fact varchar(50) <fk2>
id_agence varchar(50) <fk> VOYAGE
ref_colis varchar(25) <fk1> privilege
date_facture datetime
libelle_detail varchar(50) Bordereau_voyage id_voyage int <pk> id_privilege varchar(20) <pk>
total decimal(10,2)
frais_detail decimal(10,2) immatriculation varchar(50) <fk1> id_objet varchar(20) <fk2>
remise int ref_colis varchar(25) <pk,fk1>
valeur decimal(10,2) id_agence varchar(50) <fk2> id_groupe varchar(10) <fk1>
net_a_payer decimal(10,2) id_voyage int <pk,fk2>
... date_depart datetime visibilite char(20)
... id_bordereau varchar(50) <pk,fk3>
AGENCE date_arrivee datetime ...
...
id_agence varchar(50) <pk> ...
nom_agence varchar(50)
ville_agence varchar(50)
tel_agence varchar(50)
... groupe
id_groupe varchar(10) <pk>
libelle_groupe varchar(30)
mouchard
id_mouchard varchar(30) <pk>
utilisateur id_utilisateur varchar(10) <fk>
libelle_mouchard varchar(80)
id_utilisateur varchar(10) <pk> date_operation datetime
agence_utilisateur
id_agence varchar(50) <fk1> ...
id_agence varchar(50) <pk,fk1>id_groupe varchar(10) <fk2>
id_utilisateur varchar(10) <pk,fk2>nom_utilisateur varchar(40)
prenom_utilisateur varchar(50)
login varchar(50)
mot_passe varchar(20)
statut varchar(50)
...
Sortie
idSortie int <pk>
id_utilisateur varchar(10) <fk>
montantSortie int
motifSortie varchar(50)
dateSortie date
typeSortie varchar(50)
...
Figure 9 : MCP
IV. Modèle logique de données (MLD)
Ce modèle nous donne une description de l’entreprise telle qu’elle est vécue par les
personnels de la structure en planifiant les évènements. La figure ci-dessous illustre le modèle
logique de données relatif à la gestion des évènements et comptes utilisateurs.
Formalisme du MLD
BORDEREAU
bordereau_colisid_bordereau
lib_bordereau
position
satus DESTINATAIRE
...
id_dest
nom_dest
prenom_dest
tel_dest
...
EXPEDIT EUR COLIS colis_destinateur_agence
id_exp ref_colis
id_exp CHAUFFEUR
CNI_exp expediteur_colis colis_destinateur_agence
nom_exp id_bordereau id_chauffeur
id_dest
prenom_exp lib_colis colis_destinateur_agence
colis_destinateur_agence nom_chauffeur
id_agence
tel_exp poids prenom_chauffeur
retire
... ville_arrivee tel_chauffeur
date_retrait
ville_depart ...
... date_depot
... vehicule_chauffeur_voyage
objet
VEHICULE id_objet
vehicule_chauffeur_voyage
REGLEMENT immatriculation libelle_objet
id_chauffeur
colis_detail_colis vehicule_chauffeur_voyage
type_vehicule
id_reglement immatriculation
num_fact
date_reglement reglement_facture
montant_reglemnt Bordereau_voyage objet_privilege
reste_a_payer
motif DETAIL_COLIS VOYAGE
FACTURE
type
... id_detail id_voyage
num_fact Bordereau_voyage
ref_colis immatriculation
vehicule_chauffeur_voyage
id_agence facture_detail_colis agence_voyage
num_fact id_voyage id_agence privilege
date_facture Bordereau_voyage
libelle_detail date_depart id_privilege
total
frais_detail date_arrivee id_groupe
remise
valeur ... id_objet
net_a_payer
... visibilite
... AGENCE ...
id_agence utilisateur_agence
facture_agence nom_agence
ville_agence
tel_agence
... groupe
groupe_utilisateur id_groupe
libelle_groupe privilege_groupe
agence_utilisateur
mouchard
id_mouchard
utilisateur id_utilisateur
libelle_mouchard
id_utilisateur date_operation
agence_utilisateur
id_agence utilisateur_mouchard ...
id_agence id_groupe
id_utilisateur nom_utilisateur
prenom_utilisateur
login
mot_passe
agence_utilisateur
...
Figure 10 : MLD
CHAPITRE III : APPROCHE PRATIQUE
La modélisation de la solution constituera en une suite de schémas qui nous permettra de

comprendre le système existant de préparation des présentations des services
SECTION I : PRESENTATION DES OUTILS

MATERIELS ET LOGICIELS UTILISES
A. Présentation des outils
Le matériel que nous avons utilisé tout au long de la mise en œuvre de notre solution est un Laptot
dont les caractéristiques sont les suivants :
 RAM : 4Go ;
 Disque Dur : 500Go ;
 Processeur: Core i5 de 1.50Ghz.
Figure 11: Lap top utilisé
B. OUTILS LOGICIELS
1. Microsoft Word 2016 qui est le logiciel phare de la suite Bureautique Microsoft Office, c'est l'un des
logiciels les plus utilisés dans le monde pour rédiger des lettres, CV, rapports et tous types de
documents texte.
Figure 12: Microsoft Word 2016
2. Visual Studio 2015 version 14.0.25431.01 : Environnement de développement intégré au langage .NET.
Figure 13:Visual Studio
7. POWERAMC: Atelier de Génie-Logiciel
Figure 14: PowerAMC
 MANUEL D’UTLISATION DU SITE WEB G2 GRAPHIQUE
 INTERFACE DU SITE WEB G2 GRAPHIKA
Figure 15:l’interface de G2graphika
C’est le formulaire qui donne accès à toutes les autres interfaces du système et permet aussi la
proposition des formations
 OUTILLETE D’IMPRESSION
C’est le formulaire qui donne la possibilité aux étudiants de pourvoir s’inscrire
Figure 16: outil d'impression
 FLAYERS
Figure 17 : flayers
INFORMATION DE G2 GRAPHIKA
Figure 18 : Information
CONCLUSION GENERALE
Au terme de notre stage académique qui a consisté à mettre en place un site web pour la
promotion et la vente des produits et service : cas de G2 GRAPHIKA des ventes de produits ; qui
répond au problème de la présentation des services des articles dans cette entreprise, laquelle
nécessite un suivi rigoureux et beaucoup d’organisation tenant compte du nombre des clients. Nous
avons ainsi procédé à la présentation des affiches publicitaires au Cameroun avec pour objectif
l’information des clients ; l’orientation et la formation de ceux-ci. En effet, la présentation des
affiches publicitaires dans cette entreprise a été informatisée grâce à notre solution logicielle dont
les principales fonctionnalités se résument à la présentation des services aux clients, ainsi que
l’orientation et la formation de ceux-ci. Notre démarche a consisté à un recueil des besoins auprès
des personnels métiers, puis à une analyse fonctionnelle de la solution logicielle, laquelle a
débouché à une modélisation conceptuelle qui a par la suite facilité l’implémentation et la
réalisation du site web. Pour y arriver, nous avons utilisé la méthode MERISE pour la modélisation
conceptuelle, mise en œuvre avec PowerAMC 15.1. La programmation des interfaces graphiques a
été faite avec le langage PHP (C#) sous Visual Studio 2015. Le logiciel repose une base de données
implantée sous le SGBD MySQL 5.5 à travers l’outil Wamp Server 3.1.9. Au regard de
l’expérimentation dont elle fait l’objet aux services de préparation des produits ; la solution
logicielle vient ainsi faciliter la préparation administrative des produits. A travers ce travail, nous
avons été édifiés sur les fonctionnalités des solutions relevant de la Gestion des produits En termes
de difficultés, l’appropriation du processus de gestion des produits n’est pas aisée ; qui fait de la
complexité non seulement de la synchronisation des informations au niveau des différents locaux de
l’entreprise , mais aussi de la possibilité d’avoir un parfait rendu au niveau de la gestion de la
caisse. En perspectives, nous envisageons la possibilité d’envoyer automatiquement des SMS aux
destinataires et au expéditeurs pour un informer lorsque le produit est arrivé à destination.
BIOGRAPHIE
 Apprendre à programmer, Christophe Dabancourt (Eyrolles,2008).

 Apprendre à coder en PHP et MYSQL, Pierre Giraud.
 Développement d’application web dynamique et interactives, Olivier Heurtel.
 BENJAMIN HUBERT Analyse comparative de logiciels multiplateforme université
catholique de Louvain publie en aout 2013.
 Thomas LEBRUN Mutualisation du code avec Xamarin et Xamarin.forms Microsoft
Virtual Academy publie en 2015.
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xi
WEBOGRAPHIE
Documentation officielle visual code

 Lien :
 https://www.visualcode.com
 Objectif : avoir la maitrise du logiciel
Documentation officielle HTML, CSS, PHP
 Lien :
 https://html,css,php
 Objectif : avoir la maîtrise des langauges
 Date et durée : consultation intermittente, non fixe
Article sur le cycle de développement du site et la gestion des produits
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xii
ANNEXES
 UNE CONVENTION DE STAGE
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xiii
TABLES DE MATIERES
Table des matières

Sommaire..........................................................................................................................................................i
DEDICACE......................................................................................................................................................ii
REMERCIEMENTS........................................................................................................................................iii
AVANT PROPOS...........................................................................................................................................iv
ABREVIATIONS ET SIGLES.........................................................................................................................v
LISTE DES FIGURES....................................................................................................................................vi
LISTE DES TABLEAUX...............................................................................................................................vii
RESUME.......................................................................................................................................................viii
ABSTRACT....................................................................................................................................................ix
INTRODUCTION GENERALE......................................................................................................................1
CHAPITRE I : PRESENTATION GENERALE DE G2 GRAPHIKA ET DEROULEMENT DU STAGE....2
SECTION I : PRSENTATION DE L’ENTREPRISE......................................................................................3
I- HISTORIQUE..........................................................................................................................................3
II- ENVIRONNEMENT ET ADRESSE COMPLETE DE G2 GRAPHIKA..............................................................3
PLAN DE LOCALISATION DE G2.....................................................................................................................4
III- LES INFRASTRUCTURES.....................................................................................................................4
VI. PERSONNELS.....................................................................................................................................4
ORGANIGRAMME DE L’ENTREPRISE G2 GRAPHIKA......................................................................................5
IV- LA VISION ET LES VALEURS...............................................................................................................5
V- FICHE SIGNALETIQUE............................................................................................................................6
SECTION II : DEROULEMENT DU STAGE................................................................................................7
I- ACCEUIL ET ORIENTATION....................................................................................................................7
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xiv
II- ENVIRONNEMENT MATERIEL ET LOGICIEL G2 GRAPHIKA.................................................................7

A. Environnement logiciel.....................................................................................................................7
B. Environnement matériel...................................................................................................................8
III. TRAVAUX EFFECTUES...............................................................................................................................8
IV- OBJECTIFS ET TACHE EFFECTUEE A G2 GRAPHIKA...........................................................................9
A. OBJECTIF...........................................................................................................................................9
B. TACHES EFFECTUEES.........................................................................................................................9
V- ETUDE DE L’EXISTANT...........................................................................................................................9
A- CRITIQUE DE L’EXISTANT..................................................................................................................9
B- SOLUTIONS PROPOSEES..................................................................................................................10
CHAPITRE II : APPROCHE THEORIQUE..................................................................................................11
SECTION I: PRESENTATION DE LA METHODE DE CONCEPTION MESRISE......................................................12
I- LA METHODE DE CONCEPTION MERISE..............................................................................................12
II- LES DIAGRAMMES DE MERISE........................................................................................................13
C. Le Modèle conceptuel de traitements................................................................................................15
1. Symbolisme du Modèle Conceptuel de Traitement........................................................................15
2. Formalisme du Modèle Conceptuel de Traitement............................................................................16
1. Symbolisme du Modèle Organisationnel de Traitement....................................................................18
2. Formalisme Modèle Organisationnel de Traitement..........................................................................18
E. Modèle conceptuel de données.....................................................................................................19
1. Symbolisme du modèle conceptuel de données............................................................................19
2. Règles de gestions..........................................................................................................................19
a. Symbolisme d’une règle de Gestion...............................................................................................19
b. Formalisme d’une règle de Gestion................................................................................................19
3. Formalisme du Modèle Conceptuel de Données................................................................................19
F. Modèle physique des données.......................................................................................................20
1. Symbolisme du modèle physique de données................................................................................20
E. Modèle logique des données..........................................................................................................20
1. Symbolisme du modèle logique de données..................................................................................21
2. Formalisme du modèle logique de données...................................................................................21
3. Règles de passage du MCD au MLD................................................................................................21
SECTION II : MODELISATION DU............................................................................................................22
FUTUR SITE WEB........................................................................................................................................22
I. Le dictionnaire de données.................................................................................................................23
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xv
Tableau 2: de dictionnaire de données...................................................................................................23

II. Diagramme de flux de données..........................................................................................................24
A. Formalisme de la solution des règles de gestion....................................................................................25
B. FORMALISME DE LA SOLUTION DU MODELE CONCEPTUEL DES DONNEES........................................27
III. MODELE PHYSIQUE DE DONNEES...............................................................................................29
IV. Modèle logique de données (MLD).............................................................................................30
CHAPITRE III : APPROCHE PRATIQUE...................................................................................................31
SECTION I : PRESENTATION DES OUTILS MATERIELS ET LOGICIELS UTILISES........................................32
A. Présentation des outils...................................................................................................................32
B. OUTILS LOGICIELS...........................................................................................................................32
CONCLUSION GENERALE................................................................................................................................36
BIOGRAPHIE.................................................................................................................................................xi
WEBOGRAPHIE...........................................................................................................................................xii
ANNEXES.....................................................................................................................................................xiii
TABLES DE MATIERES.............................................................................................................................xiv
Rédigé par DJOUADZE BRINDHA étudiante en BTS GSI à ISTAG AWAE 2022-2023 Page xvi

Brinda Raport

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Brinda Raport

Transféré par

Droits d'auteur :

Formats disponibles

CONCEPTION ET DEVELOPPEMENT D’UN SITE WEB

 Tout le corps enseignant d’ISTAG pour la qualité des cours dispensés ;

Le cycle de brevet de technicien supérieur (BTS) a été créé par arrêté

Ce cycle comprend actuellement une multitude de spécialités parmi lesquelles la

A la fin du stage, l’étudiant doit rédiger et présenter un rapport de stage

BTS : Brevet de Techniciens Supérieur ;

CSS: Cascading Style Sheets;

ISTAG : Institut Supérieur de Technologie Appliquée et de Gestion

MCD : Model conceptuel de donnée ;

MRD : Model relationnel de donnée ;

MLD : Modèle Logique de Données ;

MPD : Modèle Physique de Données ;

MCT : Modèle Conceptuel de Données ;

MCT : Modèle Organisationnel de Données ;

MERISE : Méthode d’Etude et de Réalisation Informatique pour les Systèmes d’Entreprise ;

PHP : HyperText Préprocesseur ;

HTML : HyperText Markup Language ;

MySQL: My Structured Query Language.

LISTE DES FIGURES

Figure 1 Situation géographique de l’entreprise.....................................................................................4

LISTE DES TABLEAUX

Tableau 1 : fiche signalétique de G2 GRAPHIKA.....................................................................................6

Durant l'année académique 2022-2023, G2 GRAPHIKA, en tant qu'entreprise de

• Le e-commerce des machines (imprimante, ordinateur,…….)

• La gestion des paramètres.

During the academic year 2022-2023, G2 GRAPHIKA, as a company of service

- The e-commerce of machines (printers, computers, .......)

- The management of the parameters.

- The management of security.

CHAPITRE I : PRESENTATION GENERALE

SECTION I : PRSENTATION DE

II- ENVIRONNEMENT ET ADRESSE COMPLETE DE G2

Téléphone portable : (237) 665 39 39 14 /674 44 80 39 /697 95 59 54

III- LES INFRASTRUCTURES

L’entreprise G2 Graphika possède un cadre et des équipements qui sont à la pointe de la

Une salle de montage et d’impression des banderoles.

Développement des sites web.

Mise en place des réseaux d’entreprise.

L’audit des systèmes d’information.

Distance comme en présentielle).

ORGANIGRAMME DE L’ENTREPRISE G2 GRAPHIKA

DIRECTEUR GENERAL ADJOINT

DIRECTION DES RESSOURCES DIRECTION DES AFFAIRES DIRECTION TECHNIQUE

Figure 2 : organigramme de l’entreprise G2 Graphika

IV- LA VISION ET LES VALEURS

L’exemplarité en matières éthique et relationnelle.

Le travail bien fait et le service bien rendu.

SECTION II : DEROULEMENT DU STAGE

II- ENVIRONNEMENT MATERIEL ET LOGICIEL G2 GRAPHIKA

 Les systèmes d’exploitation, dont les différentes versions utilisées sont Windows7 et

III. TRAVAUX EFFECTUES

 Rédaction du manuel d’utilisation de l’application Fs Banking développée par les

IV- OBJECTIFS ET TACHE EFFECTUEE A G2 GRAPHIKA

 Le secrétariat (la saisie des documents)

CHAPITRE II : APPROCHE THEORIQUE

SECTION I: PRESENTATION DE LA METHODE

I- LA METHODE DE CONCEPTION MERISE

MERISE est une méthode de conception, de développement et réalisation de projet

Un cycle d’abstraction : constitué de trois (3) niveaux d’abstraction (conceptuel, opérationnel ou

Le niveau logique : à ce niveau, on reprend le contenu du Modèle Conceptuel de Données (MCD)

II- LES DIAGRAMMES DE MERISE

1. Symbolisme du Dictionnaire de Données

2. Formalisme du Dictionnaire de Données