Vous êtes sur la page 1sur 42
Dédicaces À tous les membres de nos familles: À nos professeurs: Veuillez trouver l’expression de
Dédicaces
À tous les membres de nos familles:
À nos professeurs:
Veuillez trouver l’expression de nos profonds remerciements pour tous
vous avez pu faire pour nous pour atteindre le niveau que nous avons
À nos amis:
Veuillez trouver plus particulièrement, le témoignage d’une fidélité et
Infinie.
.
Rapport de stage
1
2010/2011

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

ce

att

am

Remerciements Avant d’entamer ce présent travail, nous tenons tout d’abord { exprimer Nous adressons aussi
Remerciements
Avant d’entamer ce présent travail, nous tenons tout d’abord { exprimer
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

nos

sentiments et remerciements à tous ceux qui ont participé de manière dire indirecte { l’élaboration de ce travail.

à :

À tous nos formateurs qui n’hésitent pas { nous aider afin d’assurer une b formation.

Avant-propos En ce qui concernenotre filière: Licence Professionnelleen Système Rapport de stage 3 2010/2011
Avant-propos
En ce qui
concernenotre filière: Licence Professionnelleen Système
Rapport de stage
3
2010/2011

Tout le monde sait que le MAROC est aujourd’hui et plus qu’avant est 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éalisercet objectif(l’informatisationdes 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 p 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 .

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 proposerdes 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 Première Partie : Présentation de l'organisme d'accueil I : Présentation 8 II
Table des matières
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
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
Etude de l’existant :
II.2 :
20
Rapport de stage
4
2010/2011

Dédicaces…………………………………………………………………………………………………………… Remerciement……………………………………………………………………………………….…………… Avant-Propos……………………………………………………………………………………….……………… Introduction Générale……………………………………………………………………………………………

Réalisation de II.3 : 21 III : Outils de conception 22 III.1 : Méthode de
Réalisation de
II.3 :
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………………………………………………………………………………………………….
Bibliographie ………………………………………………………………………………………………
Table des illustrations ……………………………………………………………………………………
.40
41
42
Rapport de stage
5
2010/2011
Introduction générale  Découvrir le monde de travail.  Mettre en pratique les acquis théoriques.
Introduction générale
 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.
 Développer les capacités de communication.
En effet, l’information est devenue une capitale qui doit être bien gérée et
Dans ce but-là, la société MDATA MAROC nous a chargés de réaliser un site
Rapport de stage
6
2010/2011

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

Saisir la valeur du travail en équipe, le respect de la hiérarchie et des lois interne société.

Etc … Actuellement la vie professionnelle assiste à un progrès technique très specta ceci grâce { la mission d’un outil informatique.

maî

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.

web

Gestion Commercialqui 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: Presentation de l'organisme d'accueil Rapport de stage 7 2010/2011
Premiere partie: Presentation de
l'organisme d'accueil
Rapport de stage
7
2010/2011
I : Présentation Figure 1:Logo du Société MDATA Maroc L’équipe de MDATA est composéedes
I
: Présentation
Figure 1:Logo du Société MDATA Maroc
L’équipe
de MDATA est composéedes professionnelshautementqualifiés,capables
Rapport de stage
8
2010/2011

Il a été fondée le 04 Décembre 2004, à un slogan qui résume leur philosophie de trav 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.

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 Directeur Général Secteur d’activité : : MDATA: MAROC Mr
II :
Fiche technique
Raison sociale
Directeur Général
Secteur d’activité
:
:
MDATA: MAROC
Mr Hakim ELOUAHABI
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
Rapport de stage
9
2010/2011
III : Fonctionnalités de l’entreprise III.1 : Création des sites web: Les prestations : 
III : Fonctionnalités de l’entreprise
III.1 :
Création des sites web:
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.2) Hébergement tout en un :
III.3 :
Référencement :
Si l'on crée un site web, c'est pour qu'il soit visité !
Rapport de stage
10
2010/2011

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 imp dédiée à la commercialisation de vos produits ou à toute autre activité, MDATA MAROC anal vous, l'ensemble de vos besoins en définissant le contenu, les fonctionnalités et l'identité g nécessaires à votre projet, et nous prendrons en charge toutes les étapes de votre projet, d l'élaboration du cahier des charges jusqu'au référencement du site en passant par la réserv votre nom de domaine.

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 trava 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èr sécurisé.

Placez-vous au commande d’une gamme complète de produit. FTP anonyme, serveur 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.

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.

Ces dernièresanné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.

Si l'on crée un site web c'est pour qu'il soit visité une évidencetrop souventignorée. nécessaire
Si l'on crée un site web c'est pour qu'il soit visité
une
évidencetrop souventignorée.
nécessaire de se focaliser sur le positionnement de votre site Internet dans ces moteurs.
III.4 : Développement :
augmentant
ainsi
votre
productivité.
votre
Les applications Intranet/Extranet de MDATA vous assurent:
entreprise.
 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.
Rapport de stage
11
2010/2011

Pour votre site Internet, développer uniquement sa notoriété n'est pas suffisant la plupart d

Le trafic en provenance des moteurs ne cessant de s'accroître chaque année, il est aujourd'

MDATA vous propose de vous accompagner dans la réalisation de votre application person (intranet/extranet). Les possibilités de développement sont vastes, aussi il est parfois diffici 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 fonctionnal produit seront d'autantplus garanties.Nous vous fournissons un outil construit sur mesure

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

Deuxième Partie: Nature des taches et travaux realises Rapport de stage 12 2010/2011
Deuxième Partie: Nature des taches et
travaux realises
Rapport de stage
12
2010/2011
marchaient auparavant. I : JOURNAL DE STAGE qui peut avoir une bonne ou mauvaise influence
marchaient auparavant.
I
:
JOURNAL DE STAGE
qui peut avoir une bonne ou mauvaise influence sur le travail effectué, c’est « le temps
Figure 2:Les phases d'élaboration du projet
Phase 1
Se familiariser avec la société et connaitre ses activités et
ses personnels
 Collection d’informations
Phase 2
 Etude de l’existant
 Analyse de cas
Phase 3
Développement de l’application
Phase 4
Tester et chargement des données
Rapport de projet
Phase 5
Rapport de stage
13
2010/2011

Le fait que nous soyons une équipe (deux personnes) et que nous ayons à travailler a

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 s

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

Dans la vie active en général et dans le monde de l’informatique en particulier, la chose la

». P

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é schématiser cette gestion de temps comme suite :

I.1 : Semaine 1 : du 2 au 8 Mai I.2 : Semaine 2 :
I.1 : Semaine 1 : du 2 au 8 Mai
I.2 : Semaine 2 : du 9 au 15 Mai.
I.3 : Semaine 3 : du 16 au 22 Mai
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
Début de la programmation.
I.4 : Semaine 4 : du 23 au 29 Mai
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.
Rapport de stage
14
2010/2011

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
Entretien avec le responsable qui s’occupe de l’application. de la société via des visites pour les différents service Collecte d’information sur le travail effectuez
Collecte d’information sur le travail effectuez première idée sur l’application.la société via des visites pour les différents service Entretien avec le responsable qui s’occupe de

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

et la vérification avec l’utilisateur

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
Début du d’élaboration d’entités (conception de la base de données). Nouvelle rencontre avec les personnels du service. Codage et le commencement de la programmation et l’intégration
Codage et le commencement de la programmation et l’intégration des interfaces graprencontre avec les personnels du service. Début du d’élaboration d’entités (conception de la base de données).

Commencement de l’aspect repporting pour l’application. I.6 : Semaine 6 : du 6 au 12
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).
Rapport de stage
15
2010/2011

III : BILAN DE L’EXPERIENCE PROFESSIONNELL

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 appliq que nous avions appris dans un domaine très concret et de programmer des algorithmes t 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. pu nous apercevoir que le dialogue entre informaticien et non-informaticien n’est pas toujo facile.

repartir des tâches pour avancer le plus vite possible. Comme nous avions déjà réalisé ensemble,
repartir des tâches pour avancer le plus vite possible. Comme nous avions déjà réalisé
ensemble, nous n’avons eu aucun mal { nous entendre.
Rapport de stage
16
2010/2011

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

des

Le projet dépasse la création d'une simple application web avec les tâches classiques, i permettre une gestion complète de la société, avec l’archivage du moindre changement a sur l'article concerné, ainsi un repporting qui pourra satisfaire le besoin du responsable et supérieurs.

Troisième Partie: Analyse et Conception Rapport de stage 17 2010/2011
Troisième Partie: Analyse et Conception
Rapport de stage
17
2010/2011
I : Les Stocks I.1 : Définition de stock: processus de production, être transformé, soit
I
:
Les Stocks
I.1 :
Définition de stock:
processus de production, être transformé, soit être consommé au premier usage». Ainsi
stock dans une entreprise nécessite la mise en place d'une logistique car il joue un rôle
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
le maintien d’une activité continuelle.
o
o
o
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.
Rapport de stage
18
2010/2011

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

avo

imp

voir vital dans l'entreprise. En fonction de l'activité de l'entreprise (commerciale ou industri stock peut représenterd'une part les matièrespremièreset 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 stocksimpliquela gestiondes flux d'entrée et de sortie des marchandises puisqu'il faut comptabiliser les achats ainsi que les ventes.

favo

Fonction logistique : les stocks permettent de maintenir les articles à proximité de leu consommation. Ils limitent considérablement les délais d’attente.

Fonction économique : lorsque le fournisseur accorde des remises importantes pour d achatsen grande quantité,le stockagepeut s’avérer utile. De mêmepour un souci d’optimisation des approvisionnements, la constitution d’un stock est généralement u solution indiquée.

Fonction d'anticipation – spéculation : Le stockage permet de se mettre { l’abri des h prix des matières ou des produits achetées ou vendues. Il s’agit donc ici de stocks sai

Proposer des plans de vente qui permettent de disposer les bons stocks au bon endro

II : Contexte et objectif du projet II.1 : Cahier de charge : 1-1 :
II :
Contexte et objectif du projet
II.1 : Cahier de charge :
1-1 : Contexte du projet :
1-2 : Objectifs :
1-3 : Pourquoi informatiser un Stock :
Informatiser un Stock a pour objectif d'être accessible rapidement { tous { l’aide d’une
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.
Rapport de stage
19
2010/2011

La société qui a demandé l’application possède un nombre conséquent des produits stocké 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.

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

inte

4. Gestion des Commandes (vente /Maintenance) :  Ajouter des commandes.  Supprimer les commandes.
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 :
6. Régler les factures :
Cette fonction permet de faire des factures aux clients et de les imprimer.
.
7. Imprimer bon d’achat :
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:
II.2 : Etude de l’existant :
2-1 :Problème générale :
Rapport de stage
20
2010/2011

Cette fonction permet de générer des bons des commandes lorsqu’un client fait et valide une com

Cettefonction permet de générer des bons de reçu des articles lorsqu’un fournis fournie des articles.

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.

L’étude de l’existant est le point du passage obligé qui matérialise le premier contact des 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.

Après l’étude de l’existence au niveau de la gestion de stock au lieu de la société, nous a par plusieurs exigences :

Gestion traditionnelle et manuelle du Stock, ce qui donne comme resultat, la possibili perte de l’information et autres mal-gestion ;

 L’absence d’une base de données structurée ;  Manque d’une application adéquate pour la
 L’absence d’une base de données structurée ;
 Manque d’une application adéquate pour la gestion du Stock;
2-2 : Solutions proposés :
Réaliser
L’application doit pouvoir fournir les services suivants :
propriétés qu’une seule fois (dupliquer un élément au moment de l’insertion dans
données) ;
:
 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 :
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
Rapport de stage
21
2010/2011

Utilisation des logiciels traditionnels (Excel) pour le calcul des totaux des commandes factures.

L’absence de la partie impression des bons des livraisons, bon d’achats et des facture

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

Pouvoir ajouter plusieurs éléments ayant les mêmes caractéristiques en ne saisissant

la b

Ainsi que des fonctionnalités de base que doit fournir tout outil de gestion de Stock digne

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 :

III : Outils de conception III.1 : Méthode de conception : UML UML est l'accomplissement
III : Outils de conception
III.1 :
Méthode de conception : UML
UML est l'accomplissement de la fusion de précédents langages de modélisation objet
UML se décompose en plusieurs sous-ensembles :
o
géographique, logique, etc. En combinant toutes ces vues il est possible de
retrouver) le système complet.
o
Les diagrammes : Les diagrammes sont des éléments graphiques. Ceux-ci
de plusieurs vues.
III.2 :
Vue dynamique:
2.1
Diagrammes des cas d’utilisation :
pour décrire la nature d'un cas d'utilisation. Dans les faits, une notation graphique peut
Rapport de stage
22
2010/2011

UML (en anglais Unified Modeling Language ou « langage de modélisation unifié ») es de modélisation graphique à base de pictogrammes. Il est apparu dans le monde du génie l 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

: Bo

OMT, OOSE. Principalement issu des travaux de Grady Booch, James Rumbaugh et Ivar Jaco 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.

Les vues : Les vues sont les observables du système. Elles décrivent le systèm point de vue donné, qui peut être organisationnel, dynamique, temporel, archite

défi

déc

contenu des vues, qui sont des notions abstraites. Les diagrammes peuvent fair

Les modèlesd'élément : Les modèles d'élément sont les briques des diagrammes UML, c modèles sont utilisés dans plusieurs types de diagramme. Exemple d'élément : cas d'utilisa ou cadut'), classe, association, etc

Les diagrammes de cas d'utilisation sont des diagrammes UML utilisés pour donn vision globale du comportement fonctionnel d'un système logiciel. Un cas d'utilisation repré 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 a 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 d'utilisation, et en conséquence il est aisé de croire que cette notation graphique suffit à ell

seu

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

2.1.1 Identification des acteurs : <include> Connexion au identification systeme Imprimmer Faire les
2.1.1 Identification des acteurs :
<include>
Connexion au
identification
systeme
Imprimmer
Faire les
<include>
Ajouter
Bon
Regelements
Commande
livraison
Clients
Admin
<extends>
<extends>
Regler
Gestion
Factures
<extends>
Commandes
<extends>
Clients
Gestion des
Gestion des
Gestion des clients
Commandes
Fournisseurs
<extends>
<extends>
<extends>
Visualier
Commandes
<extends>
<extends>
Ajouter
Clients
Fournisseurs
Gestion des articles
Fournisseurs
<extends>
Ajouter
Modifier
Suprimmer
Modifier
<extends>
Clients
Clients
Clients
Fournisseurs
<extends>
<extends>
<extends> <extends>
<extends>
Ajouter
Modifier
Suprimmer
Ajouter
Articles
Articles
Fournisseurs
Imprimmer bon
Commande
d'achat
Fournisseurs
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 périodes d'activité des classes sont symbolisées par des rectangles.
Plusieurs types de messages (actions) peuvent transiter entre les acteurs et objets.
Rapport de stage
23
2010/2011

Un acteur représente un ensemble cohérent de rôles joués par des entités externes (utili 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.

Les diagrammes de séquences sont la représentation graphique des interactions e acteurs et le système selon un ordre chronologique dans la formulation Unified Modeling La

On montre ces interactions dans le cadre d'un scénario d'un Diagramme des cas d'utilisatio un souci de simplification, on représente l'acteur principal à gauche du diagramme, et les a secondaires éventuels à droite du système. Le but étant de décrire comment se déroulent l entre les acteurs ou objets.

 messageasynchrone :le messageest envoyé,l'expéditeurcontinue son activité que le message soit parvenu ou pris
 messageasynchrone :le messageest envoyé,l'expéditeurcontinue son activité que le
message soit parvenu ou pris en compte ou non. Les messages asynchrones sont
par des demi-flèches.
Identification
:Systéme
:Administrateur
Login(mot de passe)
Login(mot de passe)
Vérification
Vérification
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Authorisation
Authorisation
Figure 5: Diagramme de séquences d’identification :
Rapport de stage
24
2010/2011

message simple : le message n'a pas de spécificité particulière d'envoi et de réceptio

message avec durée de vie : l'expéditeur attend une réponse du récepteur pendant u 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 l destinataire. Les messages synchrones sont symbolisés par des flèches barrées.

sym

message dérobant : le message est mis en attente dans une liste d'attente de traitem le récepteur.

Ajout Client System Admin Demande d'ajout d'un nouveau Client Demande d'ajout d'un nouveau Client
Ajout Client
System
Admin
Demande d'ajout d'un nouveau Client
Demande d'ajout d'un nouveau Client
Affiche le Formulaire d'ajout d'un client
Affiche le Formulaire d'ajout d'un client
addClient(nom,prenom
addClient(nom,prenom
) )
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
Client ajouté avec succés
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
Demande d'ajout d'un nouveau article
Affiche le Formulaire d'ajout d'un article
Affiche le Formulaire d'ajout d'un article
addArticle(nom,type
addArticle(nom,type
) )
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
Article ajouté avec succés
Article ajouté avec succés
Figure 7:Diagramme de séquences d’ajout d’un article
Rapport de stage
25
2010/2011
Ajouter Fournisseur System Admin Demande d'ajout d'une nouveau fournisseur Demande d'ajout d'une
Ajouter Fournisseur
System
Admin
Demande d'ajout d'une nouveau fournisseur
Demande d'ajout d'une nouveau fournisseur
Affiche le Formulaire d'ajout d'un
Affiche le Formulaire d'ajout d'un
fournisseur
fournisseur
addFournisseur(nom,type
addFournisseur(nom,type
) )
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
Fournisseur ajouté avec succés
Fournisseur ajouté avec succés
Figure 8:Diagramme de séquences d’ajout d’un fournisseur
Ajouter Commande vente
System
Admin
Selectionner un client
Selectionner un client
affiche les infos de client
affiche les infos de client
demande d'ajouter une nouvelle commande
demande d'ajouter une nouvelle commande
affiche un formulaire d'ajout d'une
affiche un formulaire d'ajout d'une
nouvelle commande
nouvelle commande
loop
Remplire le formulaire
Remplire le formulaire
[Condition]
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
ligne commande ajouté avec succés
ligne commande ajouté avec succés
Valider la commande
Valider la commande
Commande est ajoutée avec succés
Commande est ajoutée avec succés
Figure 9:Diagramme de séquences d’ajout d’une commande de vente
Rapport de stage
26
2010/2011
Ajouter Commande Maintenance System Admin Demande d'ajout d'uune nouvelle commande Demande d'ajout
Ajouter Commande Maintenance
System
Admin
Demande d'ajout d'uune nouvelle commande
Demande d'ajout d'uune nouvelle commande
maintenance
maintenance
Affiche le Formulaire d'ajout d'une
Affiche le Formulaire d'ajout d'une
commande maintenance
commande maintenance
addCommandeMaintenance(date,panne
addCommandeMaintenance(date,panne
) )
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
Commande ajoutée avec succés
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
Rechercher une Commande
afficher les details de la commande
afficher les details de la commande
Cliquer sur imprimmer le bon livraison
Cliquer sur imprimmer le bon livraison
génére le bon de livraison
génére le bon de livraison
Figure 11:Diagramme de séquences imprimer bon livraison
Rapport de stage
27
2010/2011
Regler une Facture System Admin Rechercher une Commande Rechercher une Commande afficher les details de
Regler une Facture
System
Admin
Rechercher une Commande
Rechercher une Commande
afficher les details de la commande
afficher les details de la commande
cliquer sur ajouter facture
cliquer sur ajouter facture
affiche un formulaire d'ajout d'une
affiche un formulaire d'ajout d'une
facture
facture
Remplir le formulaire
Remplir le formulaire
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
Génére la facture
Génére la facture
Figure 12:Diagramme de séquences de règlement d’une facture
Modifier Clients
System
Admin
Rechercher un Client
Rechercher un Client
afficher les information de client
afficher les information de client
cliquer sur modifier
cliquer sur modifier
affiche un formulaire de modification des
affiche un formulaire de modification des
clients
clients
Remplir le formulaire
Remplir le formulaire
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
modification avec succés
modification avec succés
Figure 13:Diagramme de séquences de modification d’un client
Rapport de stage
28
2010/2011
Modifier articles System Admin Rechercher une article Rechercher une article afficher les information d'article
Modifier articles
System
Admin
Rechercher une article
Rechercher une article
afficher les information d'article
afficher les information d'article
cliquer sur modifier
cliquer sur modifier
affiche un formulaire de modification des
affiche un formulaire de modification des
articles
articles
Remplir le formulaire
Remplir le formulaire
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
modification avec succés
modification avec succés
Figure 14:Diagramme de séquences de modification d’un article
Modifier fournisseur
System
Admin
Rechercher un fournisseur
Rechercher un fournisseur
afficher les information de fournisseur
afficher les information de fournisseur
cliquer sur modifier
cliquer sur modifier
affiche un formulaire de modification des
affiche un formulaire de modification des
articles
articles
Remplir le formulaire
Remplir le formulaire
loop
[s'il y a un erreur]
Message d'erreur
Message d'erreur
Correction des infos
Correction des infos
Verification
Verification
modification avec succés
modification avec succés
Figure 15:Diagramme de séquences de modification d’un fournisseur
Rapport de stage
29
2010/2011
Rechercher Client System Admin demande de recherche d'un client demande de recherche d'un client afficher
Rechercher Client
System
Admin
demande de recherche d'un client
demande de recherche d'un client
afficher un formulaire de recherche des
afficher un formulaire de recherche des
Clients
Clients
sasir les informations
sasir les informations
opt
[si le client n'existe pas]
Message d'inexistance de client
Message d'inexistance de client
Correction des infos
Correction des infos
Verification
Verification
affiche les informations de client
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 :
Rapport de stage
30
2010/2011

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'obj é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 ense un champsé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 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 Bon Livraison - id : int -
Voici notre diagramme de classes :
Client
Commande
Bon Livraison
-
id
: int
- id
: int
-
nom
: char
- date
: char
- id
: int
1
1
<avoir>
- id_cmd : int
-
prenom
:
char
- id_client
: int
1
1
1
1
-
adreese
:
char
-
adresse_livraison
:
char
- date_Bl
:
char
0
*
-
email : char
- 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_Cmd
: int
-
id
: int
- id
: int
- type_Cmd : char
-
panne
: char
- date : char
- designation
:
char
-
commentaire
:
char
+ ajouterCmdVente ()
:
boolean
-
prix
: int
+ ajouterFacture ()
:
boolean
+ suprimmerCmdVente
:
boolean
()
+ genererFacture ()
:
void
+
ajouterCmdMaintenance ()
:
boolean
+ listerCmdVente ()
:
Vector()
+
suprimmerCmdMaintenance ()
:
boolean
+
listerCmdMaintenance ()
:
Vector()
0
*
1 1
<avoir>
<avoir>
1
1
1
*
Reglement
Ligne_commande
- id
: int
Fournisseur
- numFacture : int
- idCmd : int
- id
: int
- type_reglement
:
char
- idArticle
:
int
- nomFour
:
char
- type_cmd
: char
- qte
:
int
- adresse
:
char
- date
: char
- Tel
: char
+ ajouterLigne ()
:
boolean
- montant
: int
- email
: char
+ suprimmerLigne ()
:
void
<livrer>
- reste
: int
- RC
: char
1
1
+ ajouterReglement ()
:
boolean
- fax
: char
* 0
+ modifierReglement ()
:
void
- Gsm
: char
+ ajouterFour ()
:
boolean
type_Article
+ modifierFour ()
:
void
<avoir>
0
*
+ suprimmerFour ()
:
void
: int
1
*
1
1
- id
<appartient> - libelle :
int
<génére>
+ 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 de classe d'analyse
-
stock
:
int
- 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
Rapport de stage
31
2010/2011
Quatrième Partie: Developpement de l’application Rapport de stage 32 2010/2011
Quatrième Partie: Developpement de
l’application
Rapport de stage
32
2010/2011
I : Description des environnements de développement I.1 : Le langage PHP I.2 : MySQL
I
:
Description
des
environnements de
développement
I.1 : Le langage PHP
I.2 : MySQL
I.3 : CSS (Cascading Style Sheet)
I.4 : Adobe Dreamweaver :
I.5 : Photoshop CS3:
I.6 : PowerAMC:
Rapport de stage
33
2010/2011

C’est un langage de programmation web côté serveur, ce qui veut dire que c'est le se va interpréter le code PHP et générer du code qui pourra être interprété par votre navigateu

C’est un gestionnaire de base de données libre. Il est très utilisé dans les projets libre le milieu industriel.

Les feuilles de style en cascade permettent la constitution de pages HTML plus agréa lire, mieux présentées,séparantproprementle contenudu document(l’information)de sa décoration.

Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de sit de type WYSIWYG.

C’est l'un des premiers éditeurs HTML de type tel affichage, tel résultat, mais égalem 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.

C’est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité Adobe. Il est principalement utilisé pour le traitement de photographies numériques, mais également { la création d’images.

PowerAMC est un logiciel de modélisation.Il permet de modéliserles 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 : des instances de classes, mais qui sont chacun équipés de constructeurs
I.7 : JavaScript :
des instances de classes, mais qui sont chacun équipés de constructeurs permettant de
propriétés, et notammentune propriété de prototypagequi permet d'en générer des
objets héritiers personnalisés.
I.8 : Ajax :
II :
Les écrans Systèmes
II.1 : Gestion clientèle:
C’est la page principale contient un calendrier, une table photo et une Dashboard
contient les liens vers les autres pages.
Figure 18:Page Client
Figure 19:Formulaire modifier client
Rapport de stage
34
2010/2011

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 p

gén

Ajax (acronymede AsynchronousJavascriptand 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 combinaisonde technologiestelles que Javascript, CSS, XML,le DOM et le XMLHttpRequest dans le but de réaliser des applications Web qui offrent une maniabilité confort d'utilisation supérieur à ce qui se faisait jusqu'alors - les Rich Internet Application (a

qui

Figure 20:Liste des transactions avec les actions Figure 21:liste des ventes pour client FST avec
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
Rapport de stage
35
2010/2011
II.3 : Page maintenance : Figure 24:Formulaire maintenance II.4 : Gestion de stock : Figure
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
Rapport de stage
36
2010/2011
II.5 : Gestion vente Figure 27: Formulaire Ajouter vente Figure 28:utilisation bibliothèque JQuery pour contrôler
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
Rapport de stage
37
2010/2011
II.6 : Les états de sortie (Factures) Facture sous forme de fichier PDF à imprimer
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
Rapport de stage
38
2010/2011
II.7 : Utilitaires:  Calendrier et Evénement : Une horloge avec calendrier au quelle il
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.
Rapport de stage
39
2010/2011
Conclusion Ce projet a été l’occasion pour nous d’appliquer nos acquis théoriques, et outil efficace
Conclusion
Ce projet a été l’occasion pour nous d’appliquer nos acquis théoriques, et
outil efficace dans le domaine de développement et de création des sites
bien pour améliorer nos compétences autour de la gestion de projet.
A
ou loin à la réussite de notre projet.
Rapport de stage
40
2010/2011

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

we

nous avons pu faire notre premier pas vers la recherche personnelle qui nous

terme de ce projet, nous tenons à remercier toute personne ayant particip

Bibliographie Bibliographie Raphaël Goetter, CSS 2 Pratique du design web, Francis Draillard,premiers pas en CSS
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
2003
http://www.commentsamarche.org
http://www.supinfo.com
http://php.net/
Rapport de stage
41
2010/2011

Site hébergeant les projets Open Source utilisé, plus 62 000 proje

Table des Illustrations : Figure 1:Logo du Société MDATA Maroc 8 Figure 2:Les phases d'élaboration
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
Figure 7:Diagramme de séquences d’ajout d’un article
Figure 8:Diagramme de séquences d’ajout d’un fournisseur
Figure 9:Diagramme de séquences d’ajout d’une commande de vente
Figure 10:Diagramme de séquences d’ajout d’une commande de maintenance
Figure 11:Diagramme de séquences imprimer bon livraison
Figure 12:Diagramme de séquences de règlement d’une facture
Figure 13:Diagramme de séquences de modification d’un client
Figure 14:Diagramme de séquences de modification d’un article
Figure 15:Diagramme de séquences de modification d’un fournisseur
Figure 16:Diagramme de séquences de recherche d’un client
25
25
26
26
27
27
28
28
29
29
30
Figure 17:Diagramme de classe d'analyse
31
Figure 18:Page
Client
34
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
Figure 23:Page fournisseur
Figure 24:Formulaire maintenance
Figure 25:Page gestion de stock
Figure 26:Table article avec graphe
Figure 27: Formulaire Ajouter vente
Figure 28:utilisation bibliothèque JQuery pour contrôler les champs formulaire
Figure 29:Ajouter ligne facture
Figure 30: état de sortie facture vente
Figure 31:état de sortie facture maintenance
Figure 32:Calendrier Dynamique
Figure 33:Galerie photo
Figure 34:Les statistiques des ventes
34
35
35
35
35
36
36
36
37
37
37
38
38
39
39
39
Rapport de stage
42
2010/2011