Dédicaces: À Tous Les Membres de Nos Familles

Dédicaces
À tous les membres de nos familles:
Veuillez trouver ici l’expression de nos profonds sentiments de respect d

Reconnaissance.
À nos professeurs:
Veuillez trouver l’expression de nos profonds remerciements pour tous ce

vous avez pu faire pour nous pour atteindre le niveau que nous avons att
À nos amis:
Veuillez trouver plus particulièrement, le témoignage d’une fidélité et am

Infinie.
Rapport de stage 1 2010/2011

Remerciements
Avant d’entamer ce présent travail, nous tenons tout d’abord { exprimer nos
sentiments et remerciements à tous ceux qui ont participé de manière dire
indirecte { l’élaboration de ce travail.
Nous adressons aussi nos cordiaux et nos sincères remerciements à :
À tous nos formateurs qui n’hésitent pas { nous aider afin d’assurer une b
formation.
À tous les membres de la direction.
À tous les étudiants de la licence Professionnelle S.I.L.

Avant-propos
Tout le monde sait que le MAROC est aujourd’hui et plus qu’avant est a
une forte concurrence, considérée comme l’une des facteurs de la mondialisa
est sans doute un vrai défi pour les sociétés marocaines.
De ce fait le MAROC se dirige vers l’informatisation de tous ces secteu
économiquessociales,juridiques dansl’objectif d’atténuerles effets de cette
concurrence en donnant un aspect solide à nos organismes.
Pour réaliser cet objectif(l’informatisation
des organismesdu Maroc) la
formation professionnelle au sein des établissements devient indispensable e
est devenu comme le premier pas de la réalisation de cet objectif.
En général la période de stage constitue pour chaque stagiaire, une ét
importante durant toute sa durée de formation, dont la mesure où elle lui pe
découvrir le monde du travail, et de pouvoir pratiquer effectivementses
connaissances,en effectuant une intégration complète de ses apprentissage
antérieurs et en lui offrant la possibilité d’être capable { affronter des situat
pratiques reliées { son domaine d’étude .
En ce qui concerne notre filière: Licence Professionnelleen Système
d’Information et Logiciel, le stage constitue pour le stagiaire une véritable o
pour valoriser ses compétences en matière d’analyse des besoins des utilisa
de pouvoir proposer des solutionsadéquatesqui emmènentà la satisfaction
souhaitée par la société (automatiser des tâches répétitives et manuelles, m
du temps,…), en respectant le cahier de charge.

Table des matières
Dédicaces……………………………………………………………………………………………………………
Remerciement……………………………………………………………………………………….………………
Avant-Propos……………………………………………………………………………………….…………………
Introduction Générale………………………………………………………………………………………………
Première Partie : Présentation de l'organisme d'accueil
I: Présentation ....................................................................................................................................... 8
II : Fiche technique ................................................................................................................................. 9
III : Fonctionnalités de l’entreprise ........................................................................................................ 10
III.1 : Création des sites web: ............................................................................................................ 10
III.2 : Hébergement :.......................................................................................................................... 10
III.3 : Référencement : ....................................................................................................................... 10
III.4 : Développement : ...................................................................................................................... 11
Deuxième Partie : Nature des tâches et travaux réalisés
I: JOURNAL DE STAGE .................................................................................................................. 13

I.1 : Semaine 1 : du 2 au 8 Mai ........................................................................................................... 14
I.2 : Semaine 2 : du 9 au 15 Mai. ........................................................................................................ 14
I.3 : Semaine 3 : du 16 au 22 Mai ....................................................................................................... 14
I.4 : Semaine 4 : du 23 au 29 Mai ....................................................................................................... 14
I.5 : Semaine 5 : du 30 Mai au 5 Juin ................................................................................................. 14
I.6 : Semaine 6 : du 6 au 12 Juin ......................................................................................................... 15
I.7 : Semaine 7 : du 13 au 19 juin ...................................................................................................... 15
I.8 : Semaine 8 : du 20 au 26 Juin ....................................................................................................... 15
II : Travaux effectués ............................................................................................................................ 15
III : BILAN DE L’EXPERIENCE PROFESSIONNELLE ................................................................... 15
Troisième Partie : Analyse et conception
I: Les Stocks ....................................................................................................................................... 18

I.1 : Définition de stock: ..................................................................................................................... 18
I.2 : Les rôles principaux des stocks : ................................................................................................. 18
I.3 : les avantages de gestion stocks: .................................................................................................. 18
II : Contexte et objectif du projet......................................................................................................... 19
II.1 : Cahier de charge : .................................................................................................................... 19
II.2 : Etude de l’existant : ................................................................................................................. 20

II.3 : Réalisation de l’application. .................................................................................................... 21
III : Outils de conception........................................................................................................................ 22
III.1 : Méthode de conception : UML ................................................................................................ 22
III.2 : Vue dynamique: ....................................................................................................................... 22
III.3 : Vue Statique : .......................................................................................................................... 30
Quatrième Partie : Développement de l'application
I: Description des environnements de développement ....................................................................... 33

I.1 : Le langage PHP ........................................................................................................................... 33
I.2 : MySQL ........................................................................................................................................ 33
I.3 : CSS (Cascading Style Sheet)....................................................................................................... 33
I.4 : Adobe Dreamweaver : ................................................................................................................. 33
I.5 : Photoshop CS3: ........................................................................................................................... 33
I.6 : PowerAMC:................................................................................................................................. 33
I.7 : JavaScript : .................................................................................................................................. 34
I.8 : Ajax : ........................................................................................................................................... 34
II : Les écrans Systèmes........................................................................................................................ 34
II.1 : Gestion clientèle: ..................................................................................................................... 34
II.2 : Page Fournisseur...................................................................................................................... 35
II.3 : Page maintenance : .................................................................................................................. 36
II.4 : Gestion de stock :..................................................................................................................... 36
II.5 : Gestion vente ........................................................................................................................... 37
II.6 : Les états de sortie (Factures) ................................................................................................... 38
II.7 : Utilitaires: ................................................................................................................................ 39
Conclusion…………………………………………………………………………………………………..40
Bibliographie……………………………………………………………………………………………….. 41
Table des illustrations …………………………………………………………………………………….... 42

Introduction générale
Dans le cadre de la formation professionnelle qu’offre la formation préparation d’une l
professionnelle Système d’Information et Logiciel, on a effectué un stage de d’un mois à la D
de l’entreprise de MDATA MAROC de Tétouan, société marocaine spécialisée dans le dévelop
d’applications Informatiques Internet / Intranet.
Les principaux objectifs de ce stage se résument comme suit :
 Découvrir le monde de travail.
 Mettre en pratique les acquis théoriques.
 Développer le savoir-faire et le savoir-être.
 Développer les connaissances professionnelles.
 Renforcer la capacité d’analyse et d’organisation.
 Saisir la valeur du travail en équipe, le respect de la hiérarchie et des lois internes
société.
 Développer les capacités de communication.
 Etc …
Actuellement la vie professionnelle assiste à un progrès technique très spectac
ceci grâce { la mission d’un outil informatique.
En effet, l’information est devenue une capitale qui doit être bien gérée et maît
cet égard les entreprises et les administrations nationales, et dans l’objectif de les rendre p
accessibleet plus lucratif,elle été obligé d’intégrerla nouvelletechnologieau sein de ces
organisations.
Dans ce but-là, la société MDATA MAROC nous a chargés de réaliser un site web
Gestion Commercial qui gère les mouvements du stock et aussi la maintenance en assurant la
rapidité des Informations et la sécurité des données.
A cet effet, on a utilisés le php comme langage de développement
en relation avec une base de données MYSQL qui se rapprochent le plus possible des outils
de Gestion de Stock qu’on trouve dans le commerce, tout en répondant au mieux au cahier
charges défini par Monsieur Hakim ELOUAHABI mon encadrant au lieu de stage.

Premiere partie: Pre
sentation de
l'organisme d'accueil

I : Présentation
Figure 1:Logo du Société MDATA Maroc
Il a été fondée le 04 Décembre 2004, à un slogan qui résume leur philosophie de trava
une sociétémarocaine spécialisée dans le développement d’applications Internet / Intranet,
création de sites Internet, le référencement, la conception d'interfaces, la réalisation d'anim
flash, le développement d'applications personnalisées et la maintenance informatique.
L’équipe de MDATA est composéedes professionnelshautementqualifiés,capables
d’exécuter des projets complexes dans les meilleurs délais et aux tarifs très compétitifs. En
d’outils { la pointe de la technologie ils analysent les besoins des clients et créent pour-ils d
applications sur mesure agiles intégrées à ses environnements afin de leurs donner la plus
satisfaction.

II : Fiche technique
Raison sociale MDATA

: MAROC
Directeur Général : Mr Hakim ELOUAHABI
Secteur d’activité : Développement informatique
Forme juridique : S.A.R.L
Année de création : 2004

Adresse : AV.des F.A.R Residence
ALHANAA N°21
Téléphone : 05 39 97 45 88
Fax : 05 39 99 15 81
Patente : 51499211
C.N.S.S : 6961371
R.C : 4869
E-mail : info@sakrsoft.net
Site Web : http://www.mdata-maroc.com

III : Fonctionnalités de l’entreprise
III.1 : Création des sites web:

L'ergonomie, la charte graphique, la rapidité d’accès aux informations ainsi que la
personnalisation du contenu d'un site Internet, sont les éléments qui le rendent vivant et dy
Que votre projet Internet soit un simple site vitrine ou qu'il soit d'une envergure plus impo
dédiée à la commercialisation de vos produits ou à toute autre activité, MDATA MAROC analy
vous, l'ensemble de vos besoins en définissant le contenu, les fonctionnalités et l'identité gr
nécessaires à votre projet, et nous prendrons en charge toutes les étapes de votre projet, de
l'élaboration du cahier des charges jusqu'au référencement du site en passant par la réserva
votre nom de domaine.
Les prestations :
 Réservation de noms de domaine.

 Création de la charte graphique.
 Création de pages statiques et dynamiques.
 Modélisation de bases de données complexes.
 Développement Flash – XML.
III.2 : Hébergement :
2.1) Un service d'hébergement sécurisé 24 heures sur 24, 7 jours sur 7
Dans l'idée de fournir un service d'hébergement d'exception, MDATA a choisi de travai

partenariat avec une société forte en compétences dans l'hébergement de sites Internet. To
conçu pour offrir à nos clients une technologie de pointe au sein d'un environnement entière
sécurisé.
2.2) Hébergement tout en un :
Placez-vous au commande d’une gamme complète de produit. FTP anonyme, serveurs

IMAP et SMTP pour le courrier, analysedes statistiquesde votre site par domaine/sous-
domaine/compte FTP, extensions FrontPage, tâches planifiées (cron), protection de dossiers
de passe, pages d’erreurs personnalisables.
III.3 : Référencement :
Le référencement est la pierre angulaire du marketing Internet. En moyenne, 70% du
généré sur un site Internet provient des outils de recherche.
Si l'on crée un site web, c'est pour qu'il soit visité !
Ces dernières années,le comportement des internautes sur Internet a profondément changé.
La recherche de l'information dans le vaste monde du web s'avère fastidieux et les moteurs
recherche deviennent donc un passage obligé pour tout visiteur.

Pour votre site Internet, développer uniquement sa notoriété n'est pas suffisant la plupart du
Si l'on crée un site web c'est pour qu'il soit visité...une évidencetrop souvent ignorée.
Le trafic en provenance des moteurs ne cessant de s'accroître chaque année, il est aujourd'h
nécessaire de se focaliser sur le positionnement de votre site Internet dans ces moteurs.
III.4 :Développement :
MDATA vous propose de vous accompagner dans la réalisation de votre application personn
(intranet/extranet). Les possibilités de développement sont vastes, aussi il est parfois difficil
fixer les limites du projet et c'est à ce moment que MDATA vous accompagne dans cette dé
définissant votre cahier des charges. Vos besoins et attentes étant recadrés, les fonctionnali
produit seront d'autantplus garanties.Nous vous fournissons un outil construit sur mesure
augmentant ainsi votre productivité.
Intranet / Extranet : Aujourd'hui l'information et la communication sont les points stratégi

votre entreprise.
Les applications Intranet/Extranet de MDATA vous assurent:
 Qualité.
 Rapidité dans la relation avec vos clients, fournisseurs et collaborateurs.
 Dynamisme de votre réseau d'information.
 Accès rapide aux informations.
 Transparence dans l'organisation du travail.
 Visibilité de l'état d'avancement d'un projet.
 Optimisation de la gestion.

Deuxième Partie:Nature des taches et
travaux re
alises

Le fait que nous soyons une équipe (deux personnes) et que nous ayons à travailler av
responsable de société, nous a poussé à nous organiser de manière plus structurée, on ess
d’avoir le max bagage possible. Chacun de nous deux a eu la responsabilité d’une partie sp
Le fait de sauvegarder régulièrement le répertoire de travail nous a permis de pouvo
recommencer sur des bases saines chaque fois que nos changements avaient affecté des p
marchaient auparavant.
I: JOURNAL DE STAGE
Dans la vie active en général et dans le monde de l’informatique en particulier, la chose la p
qui peut avoir une bonne ou mauvaise influence sur le travail effectué, c’est « le temps ». Po
nous avons jugé utile d’organiser notre temps et d’essayer de prévoir la durée approximativ
chacune des tâches qui nous ont été confiées. Pour être plus organisée nous avons essayé d
schématiser cette gestion de temps comme suite :
Figure 2:Les phases d'élaboration du projet
Phase 1 Se familiariser avec la société et connaitre ses activités et

ses personnels
Phase 2  Collection d’informations
 Etude de l’existant
 Analyse de cas
Phase 3 Développement de l’application
Phase 4 Tester et chargement des données
Phase 5 Rapport de projet

I.1 : Semaine 1 : du 2 au 8 Mai
Découverte de l’environnement de la société via des visites pour les différents service
Entretien avec le responsable qui s’occupe de l’application.
Collecte d’information sur le travail effectuez
 première idée sur l’application.
I.2 : Semaine 2 : du 9 au 15 Mai.

Nouvelle rencontre avec le responsable de projet pour plus d’informations sur les problè
quotidiennement rencontrées et clarifié le projet
Réflexion sur le sujet au niveau programmation (classes, fonctions, …).
Lancement des recherches sur Réunions quotidiens pour présenter les résultats de chac
nous.
La décision finale de s’orienter vers la programmation du système en utilisant un langag
programmation web PHP le SGBD (Système de Gestion des Bases de Données) MySQL
Installation tous les logiciels dont nous aurions besoin pour notre projet.
Auto-formation dans langage AJAX, JQuery.

Conception général du système.
Redéfinition des tâches.

Détailler la conception du système.
Dessin des interfaces pour l’application sur papier et la vérification avec l’utilisateur
Début de la programmation.

Nouvelle rencontre avec les personnels du service.
Début du d’élaboration d’entités (conception de la base de données).
Codage et le commencement de la programmation et l’intégration des interfaces grap
I.5 : Semaine 5 : du 30 Mai au 5 Juin

Finalisation de la base de données relative à l’application.
Finalisation du module gestion d’information.
Finalisation du module de saisi.
Insertion de ces interfaces dans l’application.

Commencement de l’aspect repporting pour l’application.
I.6 : Semaine 6 : du 6 au 12 Juin
Travaille sur le repporting.
I.7 : Semaine 7 : du 13 au 19 juin
Finalisation de l’aspect reporting.

Finalisation du charte graphique vente, et la confirmation avec le résponsable.
La gestion des factures.
I.8 : Semaine 8 : du 20 au 26 Juin
Elaboration de rapport de stage.
II : Travaux effectués
Implémentation de la base du système de gestion commerciale
Modélisation et création de la base de données de l’application.
Création de l’application et les interactions nécessaires.
Travaux du service (maintenances & ventes).
III : BILAN DE L’EXPERIENCE PROFESSIONNELLE

Nous avons été attirés par ce stage du fait qu’il proposait la programmation d’une appl
complète et la mise en œuvre de nos acquis à la Faculté de Sciences Tétouan. (Utilisation d
PHP). En effet, le fait de développer notre application en PHP nous a donné l’occasion de re
cours de programmation et de nous exercer. Nos compétences en analyse aussi ont été uti
des discussions autour du cahier des charges avec les personnels de chaque service (UML)
De plus des compétences en programmations, d’autres acquis de l’FST. Comme la gesti
projet et celle des entreprises. Cela nous a permis de démontrer que nous pouvions appliqu
que nous avions appris dans un domaine très concret et de programmer des algorithmes tr
complexes malgré les difficultés.
Sur le plan des relations professionnelles, nous avons tous les deux beaucoup appris au
des responsables Le fait de dialoguer avec le client est en fait une partie importante du tra
informaticien, qui n’est pas enseignée, mais que nous avons pu exercer lors de ce stage. N
pu nous apercevoir que le dialogue entre informaticien et non-informaticien n’est pas toujo
facile.

En ce qui concerne le cahier des charges de l’application, les personnels de la société v
on fournit tous les documents nécessaires afin de comprendre l'acheminement et la dynam
informations au sein de l’organisme d’accueil, ce qui nous a facilité la tâche de comprendre
possible leur travail.
Le fait d’être un binôme nous a beaucoup aidés. Dans tous les cas, le fait d’être deux s
projet permet de profiter de l’expérience et des qualités de chacun pour franchir les difficu
repartir des tâches pour avancer le plus vite possible. Comme nous avions déjà réalisé des
ensemble, nous n’avons eu aucun mal { nous entendre.
Le projet dépasse la création d'une simple application web avec les tâches classiques, il
permettre une gestion complète de la société, avec l’archivage du moindre changement ap
sur l'article concerné, ainsi un repporting qui pourra satisfaire le besoin du responsable et d
supérieurs.

Troisième Partie:Analyse et Conception

I: Les Stocks
I.1 : Définition de stock:
Le stock, est considéré comme « l'ensemble des biens intervenant dans le cycle de pr
et d'exploitation d'une entreprise. Il est destiné à être soit vendu en l'état, soit au terme d'u
processus de production, être transformé, soit être consommé au premier usage». Ainsi avo
stock dans une entreprise nécessite la mise en place d'une logistique car il joue un rôle imp
voir vital dans l'entreprise. En fonction de l'activité de l'entreprise (commerciale ou industrie
stock peut représenterd'une part les matièrespremières et les fournitures consommables
généralement connues sous le nom d'approvisionnements et d'autre part, les produits (prod
ou semi-finis) destinés à la commercialisation ou à la consommation. Rappelons donc que la
des stocks impliquela gestiondes flux d'entrée et de sortie des marchandises puisqu'il faut
comptabiliser les achats ainsi que les ventes.
I.2 : Les rôles principaux des stocks :

Les stocks ont plusieurs fonctions :
o Fonction de régulation : Les stocks permettent le lissage des irrégularités

d'approvisionnements et/ou de la production, réduisent les risques de ruptures et favo
le maintien d’une activité continuelle.
o Fonction logistique : les stocks permettent de maintenir les articles à proximité de leu
consommation. Ils limitent considérablement les délais d’attente.
o Fonction économique : lorsque le fournisseur accorde des remises importantes pour d

achats en grande quantité,le stockagepeut s’avérer utile. De même pour un souci
d’optimisation des approvisionnements, la constitution d’un stock est généralement u
solution indiquée.
o Fonction d'anticipation – spéculation : Le stockage permet de se mettre { l’abri des ha

prix des matières ou des produits achetées ou vendues. Il s’agit donc ici de stocks sais
I.3 : les avantages de gestion stocks:
 Contribuer à la réduction du coût du stock en utilisant une démarche outillée.

 Maîtriser la gestion sur seuil et les méthodes dérivées d'approvisionnement.
 Exploiter le calcul de besoin net.
 Identifier les mécanismes d'élaboration des prévisions.
 Calculer un stock de sécurité à partir de l'analyse de l'historique.
 Proposer des plans de vente qui permettent de disposer les bons stocks au bon endroi

II : Contexte et objectif du projet
II.1 :Cahier de charge :
1-1 : Contexte du projet :

La société qui a demandé l’application possède un nombre conséquent des produits stockés
stock.
Cette société dans le cadre de l’étude qu’elle a mené, a considéré qu’il y avait un besoin de
mise au point une application de gestion de Stock et Maintenance pour assurer l’augmentat
rendement de la gestion interne de la société et offrir un service de qualité à sa clientèle.
1-2 : Objectifs :
Réaliser une base de données ainsi qu’une interface graphique associée, qui rend transpar
l’utilisateur la gestion de la base. Cette interface devra être la plus simple et intuitive possib
façon à ne nécessiter aucun apprentissage particulier.
Aussi la maintenance et la mise { jour de cette interface devront être faciles dès lors qu’on
les fichiers sources.
1-3 : Pourquoi informatiser un Stock :

Informatiser un Stock a pour objectif d'être accessible rapidement { tous { l’aide d’une inter
conviviale et intuitive, cette interface permet de faciliter et d’assurer :
1. Gestion des articles :
 Ajouter des articles.

 Modifier les articles.
 Supprimer les articles.
 Rechercher un article.
2. Gestion des Clients :
 Ajouter des Clients.

 Modifier les clients.
 Supprimer les clients.
 Rechercher un client.
 Visualiser les commandes des clients.
 Ajouter les commandes aux clients.
3. Gestion des Fournisseurs :
 Ajouter des fournisseurs.

 Modifier les fournisseurs.
 Supprimer les fournisseurs.
 Rechercher un fournisseur.
 Visualiser les commandes des fournisseurs.

4. Gestion des Commandes (vente /Maintenance) :
 Ajouter des commandes.

 Supprimer les commandes.
 Rechercher une commande.
 Visualiser les commandes par Client ou par fournisseur.
5. Imprimer bon livraison :
 Cette fonction permet de générer des bons des commandes lorsqu’un client fait et valide une com
6. Régler les factures :
 Cette fonction permet de faire des factures aux clients et de les imprimer.
.
7. Imprimer bon d’achat :
 Cettefonction permet de générer des bons de reçu des articles lorsqu’un fournis
fournie des articles.
8. Fonction "bons de commandes" :
 Permet d'établit les bons de commandes aux fournisseurs.
9. Gestion des utilisateurs :
 Ce module permet d’ajouter des utilisateurs (login / mot de passe).
10.Alerte stock:
 Cette fonction permet d'afficher une alerte sur la page d’accueil de site web si a
un article est en dessous du seuil du stock alerte.
II.2 :Etude de l’existant :

L’étude de l’existant est le point du passage obligé qui matérialise le premier contact des c
avec un domaine ignoré. Ce point est essentiel pour que le concepteur parvienne, à une vu
besoins, c’est { dire qu’il connaisse { la fois les objectifs poursuivis et le terrain sur lequel il
s’appliquent.
2-1 :Problème générale :
Après l’étude de l’existence au niveau de la gestion de stock au lieu de la société, nous av
par plusieurs exigences :
 Gestion traditionnelle et manuelle du Stock, ce qui donne comme resultat, la possibilit
perte de l’information et autres mal-gestion ;

 Utilisation des logiciels traditionnels (Excel) pour le calcul des totaux des commandes
factures.
 L’absence d’une base de données structurée ;
 Manque d’une application adéquate pour la gestion du Stock;
 L’absence de la partie impression des bons des livraisons, bon d’achats et des facture
2-2 : Solutions proposés :

Réaliser un site web sous forme d’une application conçue pour assurer de façon concrète
l'ensemble des tâches des gestions précédemment déclarés en relation avec une base de d
MYSQL, La gestion de cette base doit se faire par l’intermédiaire d’une interface graphique s
intuitive.
L’application doit pouvoir fournir les services suivants :

 Pouvoir ajouter plusieurs éléments ayant les mêmes caractéristiques en ne saisissant
propriétés qu’une seule fois (dupliquer un élément au moment de l’insertion dans la b
données) ;
Ainsi que des fonctionnalités de base que doit fournir tout outil de gestion de Stock digne d
:
 Pouvoir suivre les données en temps réel.
 Assurer l’unicité des identifiants.
 Pouvoir interroger, directement, la base de données par des requêtes SQL.
 Eviter la redondance des éléments stockés.
 Gérer la diversité des données et des ses caractéristiques.
2-3 : Méthode de travail :
Dans cette application, nous avons suivi une démarche qui préconise d’organiser les taches
effectuer afin d’atteindre l’objectif visé, et ceci dans un temps limité, elle se base sur trois é
essentielles sont :
1. Collecte des informations nécessaires.
2. Bilan de l’existant.
II.3 :Réalisation de l’application.

Ces étapes sont illustrées dans le schéma ci-dessous :
Figure 3:Etapes de réalisation

III : Outils de conception
III.1 : Méthode de conception : UML

UML (en anglais Unified Modeling Language ou « langage de modélisation unifié ») est
de modélisation graphique à base de pictogrammes. Il est apparu dans le monde du génie lo
dans le cadre de la « conception orientée objet ». Couramment utilisé dans les projets logici
être appliqué à toutes sortes de systèmes ne se limitant pas au domaine informatique
UML est l'accomplissement de la fusion de précédents langages de modélisation objet : Bo

OMT, OOSE. Principalement issu des travaux de Grady Booch, James Rumbaugh et Ivar Jacob
UML est à présent un standard défini par l'Object Management Group (OMG). L'OMG diffuse
novembre 2007 la version UML 2.1.2, et travaille à présent sur la version 2.2.
 UML se décompose en plusieurs sous-ensembles :
o Les vues : Les vues sont les observables du système. Elles décrivent le système
point de vue donné, qui peut être organisationnel, dynamique, temporel, archite
géographique, logique, etc. En combinant toutes ces vues il est possible de défi
retrouver) le système complet.
o Les diagrammes : Les diagrammes sont des éléments graphiques. Ceux-ci déc
contenu des vues, qui sont des notions abstraites. Les diagrammes peuvent fair
de plusieurs vues.
Les modèlesd'élément : Les modèles d'élément sont les briques des diagrammes UML, ce
modèles sont utilisés dans plusieurs types de diagramme. Exemple d'élément : cas d'utilisat
ou cadut'), classe, association, etc
III.2 : Vue dynamique:
2.1 Diagrammes des cas d’utilisation :

Les diagrammes de cas d'utilisation sont des diagrammes UML utilisés pour donne
vision globale du comportement fonctionnel d'un système logiciel. Un cas d'utilisation représ
une unité discrète d'interaction entre un utilisateur (humain ou machine) et un système. Il e
unité significative de travail. Dans un diagramme de cas d'utilisation, les utilisateurs sont ap
acteurs (actors), ils interagissent avec les cas d'utilisation (use cases).
UML définit une notation graphique pour représenter les cas d'utilisation, cette notation es
diagramme de cas d'utilisation. UML ne définit pas de standard pour la forme écrite de ces c
d'utilisation, et en conséquence il est aisé de croire que cette notation graphique suffit à elle
pour décrire la nature d'un cas d'utilisation. Dans les faits, une notation graphique peut seul
donner une vue générale simplifiée d'un cas ou d'un ensemble de cas d'utilisation. Les diag
de cas d'utilisation sont souvent confondus avec les cas d'utilisation. Bien que ces deux c
soient reliés, les cas d'utilisation sont bien plus détaillés que les diagrammes de cas d'utilisa

2.1.1 Identification des acteurs :
Un acteur représente un ensemble cohérent de rôles joués par des entités externes (utilis
dispositifs matériels ou autres systèmes) qui interagissent directement avec l’application. D
les principaux acteurs de l’application sont :
Administrateur : son rôle est de faire les mises { jour de l’application, la connaissance des
utilisateursde l’application,l’ajout,la modification et la suppression des utilisateurs, ainsi les
différents taches de gestion de site web précédemment déclarés.
<include>
Connexion au identification
systeme
Imprimmer Faire les

<include>
Ajouter Bon Regelements
Commande livraison
Clients
Admin
Gestion <extends> <extends> Regler
<extends> Factures
Commandes <extends>
Clients
Gestion des Gestion des

Gestion des clients Fournisseurs Commandes
<extends>
<extends>
<extends> <extends> Visualier Commandes
<extends> Ajouter
Clients Fournisseurs
Gestion des articles Fournisseurs
<extends>
Ajouter Modifier Suprimmer Modifier
Clients Clients <extends>
Clients Fournisseurs <extends> <extends>
<extends> <extends> <extends>
Ajouter Modifier Suprimmer
Articles Ajouter
Articles Fournisseurs Commande Imprimmer bon
Fournisseurs d'achat
Lister Articles
<extends>
Gestion des Maintenances
Ajouter Maintenance
<extends>
Regler Maintenance
Superviseur
Ajouter
Administrateurs
Figure 4: diagramme de cas d’utilisation :
2.2 Diagrammes de séquences :

Les diagrammes de séquences sont la représentation graphique des interactions en
acteurs et le système selon un ordre chronologique dans la formulation Unified Modeling Lan
On montre ces interactions dans le cadre d'un scénario d'un Diagramme des cas d'utilisation
un souci de simplification, on représente l'acteur principal à gauche du diagramme, et les ac
secondaires éventuels à droite du système. Le but étant de décrire comment se déroulent le
entre les acteurs ou objets.
Les périodes d'activité des classes sont symbolisées par des rectangles.
Plusieurs types de messages (actions) peuvent transiter entre les acteurs et objets.

 message simple : le message n'a pas de spécificité particulière d'envoi et de réception
 message avec durée de vie : l'expéditeur attend une réponse du récepteur pendant un
temps et reprend ses activités si aucune réponse n'a lieu dans un délai prévu
 message synchrone : l'expéditeur est bloqué jusqu'au signal de prise en compte par le
destinataire. Les messages synchrones sont symbolisés par des flèches barrées.
 messageasynchrone :le messageest envoyé,l'expéditeurcontinue son activité que le
message soit parvenu ou pris en compte ou non. Les messages asynchrones sont sym
par des demi-flèches.
 message dérobant : le message est mis en attente dans une liste d'attente de traitem
le récepteur.
Identification
:Systéme
:Administrateur
Login(mot de passe)
Vérification
Message d'erreur
Correction des infos
Authorisation
Figure 5: Diagramme de séquences d’identification :

Ajout Client
System
Admin
Demande d'ajout d'un nouveau Client
Affiche le Formulaire d'ajout d'un client
addClient(nom,prenom..)
loop [s'il y a un erreur] Message d'erreur
Correction des infos Verification
Client ajouté avec succés
Figure 6:Diagramme de séquences d’Ajout des Clients
Ajouter Article
System
Admin
Demande d'ajout d'un nouveau article
Affiche le Formulaire d'ajout d'un article
addArticle(nom,type..)
Article ajouté avec succés
Figure 7:Diagramme de séquences d’ajout d’un article

Ajouter Fournisseur
System
Admin
Demande d'ajout d'une nouveau fournisseur
Affiche le Formulaire d'ajout d'un

fournisseur
addFournisseur(nom,type..)
Fournisseur ajouté avec succés
Figure 8:Diagramme de séquences d’ajout d’un fournisseur
Ajouter Commande vente
System
Admin
Selectionner un client
affiche les infos de client
demande d'ajouter une nouvelle commande

affiche un formulaire d'ajout d'une
nouvelle commande
loop [Condition] Remplire le formulaire
ligne commande ajouté avec succés
Valider la commande
Commande est ajoutée avec succés
Figure 9:Diagramme de séquences d’ajout d’une commande de vente

Ajouter Commande Maintenance
System
Admin
Demande d'ajout d'uune nouvelle commande

maintenance
Affiche le Formulaire d'ajout d'une

commande maintenance
addCommandeMaintenance(date,panne..)
Commande ajoutée avec succés
Figure 10:Diagramme de séquences d’ajout d’une commande de maintenance
Imprimmer bon Livraison
System
Admin
Rechercher une Commande
afficher les details de la commande
Cliquer sur imprimmer le bon livraison
génére le bon de livraison
Figure 11:Diagramme de séquences imprimer bon livraison

Regler une Facture
System
Admin
Rechercher une Commande
afficher les details de la commande
cliquer sur ajouter facture

affiche un formulaire d'ajout d'une
facture
Remplir le formulaire
Génére la facture
Figure 12:Diagramme de séquences de règlement d’une facture
Modifier Clients
System
Admin
Rechercher un Client
afficher les information de client
cliquer sur modifier

affiche un formulaire de modification des
clients
modification avec succés
Figure 13:Diagramme de séquences de modification d’un client

Modifier articles
System
Admin
Rechercher une article
afficher les information d'article

articles
Figure 14:Diagramme de séquences de modification d’un article
Modifier fournisseur
System
Admin
Rechercher un fournisseur
afficher les information de fournisseur

articles
Figure 15:Diagramme de séquences de modification d’un fournisseur

Rechercher Client
System
Admin
demande de recherche d'un client
afficher un formulaire de recherche des
Clients
sasir les informations
opt [si le client n'existe pas]

Message d'inexistance de client
Correction des infos

Verification
affiche les informations de client
Figure 16:Diagramme de séquences de recherche d’un client
III.3 : Vue Statique :
3-1 : Diagramme de classe :

Le diagramme de classes est un schéma utilisé en génie logiciel pour présenter les
les interfaces d'un système ainsi que les différentes relations entre celles-ci. Ce diagramme
de la partie statique d'UML car il fait abstraction des aspects temporels et dynamiques.
Une classe décrit les responsabilités, le comportement et le type d'un ensemble d'obje
éléments de cet ensemble sont les instances de la classe.
Une classe est un ensemble de fonctions et de données (attributs) qui sont liées ensem
un champ sémantique.Les classessont utiliséesdans la programmation orientée objet. Elles
permettent de modéliser un programme et ainsi de découper une tâche complexe en plusie
travaux simples.
Les classes peuvent être liées entre elles grâce au mécanisme d'héritage qui permet d
en évidence des relations de parenté. D'autres relations sont possibles entre des classes, ch
ces relations est représentée par un arc spécifique dans le diagramme de classes.

Voici notre diagramme de classes :
Client Commande
- id : int Bon Livraison
- id : int
- nom : char - date : char - id : int
1..1 <avoir>
- prenom: char - id_client : int - id_cmd
: int
1..1 - adresse_livraison
: char 1..1 - date_Bl
: char
- adreese
: char
- email : char 0..* - commentaire: char + imprimerBL
: void
()
- tel : char - type_cmd : char ...
- type : char + ajouterCmd: boolean
()
1..1
+ addClinet () : boolean + modifierCmd
: boolean
()
+ rechercherClient
: Vector()
() + deleteCmd: boolean
()
+ modifierClient: Vector()
() + listerCmd ()
: Vector()
+ listerClients ()
: Vector() ... <avoir>
...
0..1
Facture
- id : int
- num_Facture
: int
Maintenance - date_facture
: char
Commande_Vente
- id : int - id_Cmd : int
- id : int - panne : char - type_Cmd: char
- date: char - commentaire
: char - designation
: char
+ ajouterCmdVente
: boolean
() - prix : int + ajouterFacture
: boolean
()
+ suprimmerCmdVente
: boolean() + ajouterCmdMaintenance
: boolean
() + genererFacture
: void()
+ listerCmdVente: ()Vector() : boolean() ...
+ suprimmerCmdMaintenance
...
+ listerCmdMaintenance
: Vector()
() 0..*
1..1
<avoir>
<avoir> 1..1
1..*
Reglement
Fournisseur Ligne_commande - id : int
- idCmd: int - numFacture: int
- id : int
- idArticle
: int - type_reglement
: char
- nomFour
: char
- qte : int - type_cmd : char
- adresse
: char
- date : char
- Tel : char + ajouterLigne: ()boolean
- montant : int
- email : char + suprimmerLigne
: void()
<livrer> - reste : int
- RC : char 1..1 ...
- fax : char + ajouterReglement
: boolean
()
0..* + modifierReglement
: void()
- Gsm : char
...
+ ajouterFour: ()boolean
+ modifierFour
: void
() <avoir> type_Article 0..*
+ suprimmerFour
: void() 1..* 1..1 - id : int
... <génére> <appartient>- libelle: int
+ ajouterType: ()boolean <avoir>
Article 1..1 + modifierType
: void
()
- id : int + suprimmerType
: void()
Bon Achat - libelle_article
: char 1..* ...
- prix : int 1..1
- id : int
Figure 17:Diagramme
- stock : int de classe d'analyse
- date: char
- id_Fournisseur
: int
+ genererBnAchat
: void() type_Reglelement
... + ajouterArticle: ()
boolean
- id : int
+ modifierArticle
: void
()
- libelle: char
+ suprimmerArticle
: void()
... + ajouterType: ()boolean
+ modifierType
: void
()
+ suprimmerType
: void()
...

Quatrième Partie:Developpement de
l’application

I : Description des environnements de
développement
I.1 : Le langage PHP

C’est un langage de programmation web côté serveur, ce qui veut dire que c'est le ser
va interpréter le code PHP et générer du code qui pourra être interprété par votre navigateu
I.2 : MySQL
C’est un gestionnaire de base de données libre. Il est très utilisé dans les projets libres
le milieu industriel.
I.3 : CSS (Cascading Style Sheet)

Les feuilles de style en cascade permettent la constitution de pages HTML plus agréab
lire, mieux présentées,séparantproprementle contenu du document(l’information)de sa
décoration.
I.4 : Adobe Dreamweaver :

Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site
de type WYSIWYG.
C’est l'un des premiers éditeurs HTML de type tel affichage, tel résultat, mais égaleme
des premiers à intégrer un gestionnaire de site (CyberStudio GoLive étant le premier).
Ces innovations le propulsèrent rapidement comme l'un des principaux éditeurs de sit
aussi bien utilisable par le néophyte que par le professionnel.
I.5 : Photoshop CS3:

C’est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité p
Adobe. Il est principalement utilisé pour le traitement de photographies numériques, mais s
également { la création d’images.
I.6 : PowerAMC:
PowerAMC est un logiciel de modélisation.Il permet de modéliser les traitements
informatiques et leurs bases de données associées. Créé par SDP sous le nom AMC*Designo
, Racheté par Powersoft, ce logiciel est produit par Sybase depuis le rachat par cet édi
1995. Hors de France, la version internationale est commercialisée par Sybase sous la marq
PowerDesigner.

I.7 : JavaScript :
JavaScript est un langage de programmation de scripts principalement utilisé dans les
web interactives mais aussi côté serveur. C'est un langage orienté objet à prototype, c'est-à
les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pa
des instances de classes, mais qui sont chacun équipés de constructeurs permettant de gén
propriétés, et notammentune propriété de prototypagequi permet d'en générer des
objets héritiers personnalisés.
I.8 : Ajax :
Ajax (acronymede Asynchronous Javascriptand XML) est une manière de construire

des applications Web et des sites web dynamiques basés sur diverses technologies Web ajo
aux navigateurs dans les années 1990.
Ajax est la combinaison de technologiestelles que Javascript, CSS, XML, le DOM et

le XMLHttpRequest dans le but de réaliser des applications Web qui offrent une maniabilité e
confort d'utilisation supérieur à ce qui se faisait jusqu'alors - les Rich Internet Application (ab
II : Les écrans Systèmes

II.1 :Gestion clientèle:
C’est la page principale contient un calendrier, une table photo et une Dashboard qui
contient les liens vers les autres pages.
Figure 18:Page Client
Figure 19:Formulaire modifier client

Figure 20:Liste des transactions avec les actions
Figure 21:liste des ventes pour client FST avec les actions
Figure 22:Liste des maintenances du client FST
II.2 :Page Fournisseur
Figure 23:Page fournisseur

II.3 :Page maintenance :
Figure 24:Formulaire maintenance
II.4 :Gestion de stock :
Figure 25:Page gestion de stock
Figure 26:Table article avec graphe

II.5 :Gestion vente
Figure 27: Formulaire Ajouter vente
Figure 28:utilisation bibliothèque JQuery pour contrôler les champs formulaire
Figure 29:Ajouter ligne facture

II.6 :Les états de sortie (Factures)
Facture sous forme de fichier PDF à imprimer avec la classe FPDF
Figure 30: état de sortie facture vente.
Figure 31:état de sortie facture maintenance

II.7 :Utilitaires:
 Calendrier et Evénement :
Une horloge avec calendrier au quelle il est attaché les évènements du jour choisie.
Figure 32:Calendrier Dynamique
 Galerie photo:
Figure 33:Galerie photo
 Quick info :
Les statistiques des ventes effectuées.
Figure 34:Les statistiques des ventes effectuées.

Conclusion
Ce projet a été l’occasion pour nous d’appliquer nos acquis théoriques, et d’a
des nouvelles techniques qui nous seront certainement utiles dans nos carriè
professionnelles.
Nous avons manipulé la programmation en PHP. Ce qui nous a permis de déco

outil efficace dans le domaine de développement et de création des sites web
nous avons pu faire notre premier pas vers la recherche personnelle qui nous
bien pour améliorer nos compétences autour de la gestion de projet.
A terme de ce projet, nous tenons à remercier toute personne ayant particip

ou loin à la réussite de notre projet.

Bibliographie
Bibliographie
Raphaël Goetter, CSS 2 Pratique du design web,

Francis Draillard,
premiers pas en CSS et xhtml
Éric Daspet & Cyril Pierre de Geyer, PHP 5 avancé
Thierry Templier & Arnaud Gougeon, JavaScript pour le Web 2.0
Jean-Marie Defrance, PHP/MySQL avec Dreamweaver 8
P. Roques, les Cahiers du Programmeur UML2 Eyrolles
URLographie
http://www.developpez.com
o Site des développeurs francophones
http://www.sourceforge.org
o Site hébergeant les projets Open Source utilisé, plus 62 000 proje
2003
http://www.commentsamarche.org
http://www.supinfo.com
http://php.net/

Table des Illustrations :
Figure 1:Logo du Société MDATA Maroc ...................................................................................................... 8
Figure 2:Les phases d'élaboration du projet .................................................................................................. 13
Figure 3:Etapes de réalisation .................................................................................................................... 21
Figure 4: diagramme de cas d’utilisation :
................................................................................................. 23
Figure 5: Diagramme de séquences d’identification :
............................................................................... 24
Figure 6:Diagramme de séquences d’Ajout des............................................................................
Clients 25
Figure 7:Diagramme de séquences d’ajout d’un article
............................................................................ 25
Figure 8:Diagramme de séquences d’ajout d’un fournisseur ................................................................... 26
Figure 9:Diagramme de séquences d’ajout d’une commande de vente
.................................................. 26
Figure 10:Diagramme de séquences d’ajout d’une commande de maintenance .................................... 27
Figure 11:Diagramme de séquences imprimer bon livraison .................................................................. 27
Figure 12:Diagramme de séquences de règlement d’une facture
............................................................ 28
Figure 13:Diagramme de séquences de modification d’un client
............................................................ 28
Figure 14:Diagramme de séquences de modification d’un article
........................................................... 29
Figure 15:Diagramme de séquences de modification d’un fournisseur .................................................. 29
Figure 16:Diagramme de séquences de recherche d’un client
................................................................. 30
Figure 17:Diagramme de classe d'analyse ..................................................................................................... 31
Figure 18:Page Client ................................................................................................................................... 34
Figure 19:Formulaire modifier client ............................................................................................................ 34
Figure 20:Liste des transactions avec les actions .......................................................................................... 35
Figure 21:liste des ventes pour client FST avec les actions .......................................................................... 35
Figure 22:Liste des maintenances du client FST ........................................................................................... 35
Figure 23:Page fournisseur ............................................................................................................................ 35
Figure 24:Formulaire maintenance ................................................................................................................ 36
Figure 25:Page gestion de stock .................................................................................................................... 36
Figure 26:Table article avec graphe .............................................................................................................. 36
Figure 27: Formulaire Ajouter vente ............................................................................................................. 37
Figure 28:utilisation bibliothèque JQuery pour contrôler les champs formulaire ......................................... 37
Figure 29:Ajouter ligne facture ..................................................................................................................... 37
Figure 30: état de sortie facture vente............................................................................................................ 38
Figure 31:état de sortie facture maintenance ................................................................................................. 38
Figure 32:Calendrier Dynamique .................................................................................................................. 39
Figure 33:Galerie photo ................................................................................................................................. 39
Figure 34:Les statistiques des ventes effectuées. .......................................................................................... 39

Dédicaces: À Tous Les Membres de Nos Familles

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

Dédicaces: À Tous Les Membres de Nos Familles

Transféré par

Droits d'auteur :

Formats disponibles

Dédicaces

À tous les membres de nos familles:

Veuillez trouver ici l’expression de nos profonds sentiments de respect d

Veuillez trouver l’expression de nos profonds remerciements pour tous ce

Veuillez trouver plus particulièrement, le témoignage d’une fidélité et am

Rapport de stage 1 2010/2011

Nous adressons aussi nos cordiaux et nos sincères remerciements à :

À tous les membres de la direction.

À tous les étudiants de la licence Professionnelle S.I.L.

Rapport de stage 2 2010/2011

Rapport de stage 3 2010/2011

Première Partie : Présentation de l'organisme d'accueil

Deuxième Partie : Nature des tâches et travaux réalisés

I: JOURNAL DE STAGE .................................................................................................................. 13

Troisième Partie : Analyse et conception

I: Les Stocks ....................................................................................................................................... 18

Rapport de stage 4 2010/2011

Quatrième Partie : Développement de l'application

I: Description des environnements de développement ....................................................................... 33

Rapport de stage 5 2010/2011

Rapport de stage 6 2010/2011

Rapport de stage 7 2010/2011

Figure 1:Logo du Société MDATA Maroc

Rapport de stage 8 2010/2011

Raison sociale MDATA

Année de création : 2004

Rapport de stage 9 2010/2011

III.1 : Création des sites web:

 Réservation de noms de domaine.

Dans l'idée de fournir un service d'hébergement d'exception, MDATA a choisi de travai

2.2) Hébergement tout en un :

Placez-vous au commande d’une gamme complète de produit. FTP anonyme, serveurs

Si l'on crée un site web, c'est pour qu'il soit visité !

Rapport de stage 10 2010/2011

Intranet / Extranet : Aujourd'hui l'information et la communication sont les points stratégi

Rapport de stage 11 2010/2011

Rapport de stage 12 2010/2011

Figure 2:Les phases d'élaboration du projet

Phase 1 Se familiariser avec la société et connaitre ses activités et

Phase 3 Développement de l’application

Phase 4 Tester et chargement des données

Phase 5 Rapport de projet

Rapport de stage 13 2010/2011

I.2 : Semaine 2 : du 9 au 15 Mai.

I.3 : Semaine 3 : du 16 au 22 Mai

Redéfinition des tâches.

I.4 : Semaine 4 : du 23 au 29 Mai

I.5 : Semaine 5 : du 30 Mai au 5 Juin

Rapport de stage 14 2010/2011

I.6 : Semaine 6 : du 6 au 12 Juin

Travaille sur le repporting.

I.7 : Semaine 7 : du 13 au 19 juin

Finalisation de l’aspect reporting.

I.8 : Semaine 8 : du 20 au 26 Juin

Elaboration de rapport de stage.

III : BILAN DE L’EXPERIENCE PROFESSIONNELLE

Rapport de stage 15 2010/2011

Rapport de stage 16 2010/2011

Rapport de stage 17 2010/2011

I.2 : Les rôles principaux des stocks :

o Fonction de régulation : Les stocks permettent le lissage des irrégularités

o Fonction économique : lorsque le fournisseur accorde des remises importantes pour d

o Fonction d'anticipation – spéculation : Le stockage permet de se mettre { l’abri des ha