You are on page 1of 45

Conception et ralisation dune Universit application web de gestion des Achats Mohammed V-Agdal

MEMOIRE DE STAGE DE FIN D'ETUDES Prsent Dpartement de En vue de lobtention du titre : Mathmatiques et I!EN!E PROFESSIONNE E EN ADMINISTRATION DES S"STEMES In ormatiques INFORMATI#UES P$r : M$%d$ ARGATE
Facult des Sciences Rabat

Stage effectu du 15 Mai au 15 juillet :

En&$dr '$r :

Mr RE( A )ou&*$ib

Anne universit$ire +,-+.+,-/

Poste-Gestion Des Achats


Application Web en PHP5, MYSQL, JQUERY, H ML5 et JS De La Gestion !es Achats !" Poste Ma#oc $Site %asablanca&'

REMERCIEMENTS
- Je tiens remercier dans un premier temps :

Les intervenants professionnels responsables de la filire ASI Pour avoir assur la partie thorique de celle-ci !a famille Pour le soutien et la patience qu"elle m"a tmoi#ne - Je tiens remercier tout particulirement et tmoi#ner toute ma reconnaissance :
$estion %es Achats&

'

!on tuteur de sta#e !r (ouchaib )*+LA Pour m"avoir fait parta#er toute son e,prience et ses comptences Pour le temps qu"il m"a consacr tout au lon# de cette priode de sta#eSachant rpondre toutes mes interro#ations . sans oublier sa participation / la ralisation de ce rapport - Je tiens #alement remercier :

0outes les personnes qui ont concouru rendre ce passa#e en entreprise a#rable

AVANT-PROPOS

La formation licence professionnelle en Administration des s1stmes informatiques se complte par un sta#e en entreprise de deu, mois- celui-ci constitue une tape obli#atoire pour l"obtention du dipl2me J"ai eu l"opportunit de raliser un sta#e au sein de la Poste-

$estion %es Achats3 '

Passionne depuis mon plus 4eune 5#e par l"informatique- ce sta#e tait pour moi l"occasion r6ve de dcouvrir cette activit d"un point de vue professionnel J"ai donc int#r le Service Informatique de l"entreprise- pour approfondir mon humble connaissance dans le domaine informatique Au-del des connaissances techniques que 4"ai pu acqurir et des connaissances que 4"ai dveloppes- cette e,prience m"a rellement permis de comprendre la ralit du monde de l"entreprise %ans un premier temps- 4e vais dcrire l"entreprise et son activit *nsuite- 4e vais aborder la mission qui m"a t confie et le savoir-faire que 4"ai pu acqurir au cours de ce sta#e

Table des matires :


Remerciement : ... 3 A ant-!r"!"s :. .
#

$estion %es Achats7 '

Tables des matires : $ %l"ssaire : . & Tables des 'i()res : . * Intr"d)cti"n : ..+ Chapitre 1 : contexte gnral du stage
I

Prsentation de lorganisme daccueil :

1. Prsentation de la Poste: .....,2. Historique: .. ...,, 3. Organes de gestion de la Poste: ...,. Organigramme de Poste !aroc:. .... ,# " Chi##res cls 2$$%:.. .... ,$

II

Prsentation du pro&et :
1. 'ut du pro&et: 1(

Chapitre 2 : anal)se et conception.


II 8 *onctionnalits principales du s)st+me : .1% II & ,er-ices o##erts : .1% II 3 .nteraction a-ec lutilisateur : 2$ II 3 8 /uthenti#ication :...2$ II 3 & 0rer #ournisseur1utilisateur :..21 II 3 3 0rer les demandes :2 II 3 7 2iagramme de classe :....2"

Chapitre 3 : outils de d-eloppements.


$estion %es Achats9 '

38 3&

/rchitecture de lapplication:
388 3&8 3&& 3&3 3&7 3&9 3&:
/rchitecture !3C....24 ,)st+me de gestion de 6ase de donnes !),78 :....3$ PHP :..3$ 97uer) :.....3$ 9a-a,cript :...31 *euille de st)le C,,.32 Html32

5n-ironnement de tra-ail :

Chapitre

: ralisation de l:application.

.1 .nter#ace de connexion : 3 .& .nter#ace daccueil: ...3 .3 .nter#ace de saisie dune nou-elle demande dachat:. .3" . .nter#ace dimpression dune nou-elle demande dachat:.. .3( ." .nter#ace de demande de prix:... ..34 .( .nter#ace dimpression de demande de prix: 3% .4 .nter#ace de gestion de #ournisseurs:... ..3; .% .nter#ace de lettre de commande:.. $ .; .nter#ace dimpression de lettre de commande: 1

Conclusion et Perspecti-es '.'8.O0</PH.5 =5'O0</PH.5

$estion %es Achats: '

%l"ssaire:
!SS ;ascadin# St1le Sheets D! %ia#ramme de ;lasses D!U %ia#ramme des ;as d"<tilisation DSE %ia#ramme de Squences 0TM =1per 0e,t !ar>up Lan#ua#e 0TTP =1per 0e,t 0ransfer Protocol M1! !odle-?ue-;ontr2leur SG)D S1stme de $estion de (ase de %onnes S# Structured @uer1 Lan#ua#e UM <nified !odelin# Lan#ua#e

$estion %es AchatsA '

Table des 'i()res:


Bi#ure 8 : Cr#anisme d"accueil Bi#ure & : Cr#anir#ramme de Poste !aroc Bi#ure 3 : ;hiffres cls &DDE Bi#ure 7 : Structures du chiffre d"affaires Bi#ure 9 : *volution des effectifsFFFFFFFFF F FFFFFFFFFF8: Bi#ure : : L"utilisateur de l"application Bi#ure A : le dia#ramme de cas d"utilisation de l"application Bi#ure E : %ia#ramme de squence d"authentificationF Bi#ure G : %ia#ramme de squence de #estion F FFFFFFFFF Bi#ure 8D: %ia#ramme de squence de #estion FFFFFFFFFF && Bi#ure 88: %ia#ramme de squence de #estion Bi#ure 8&: %ia#ramme de squence de #estion de demande Bi#ure 83: %ia#ramme de classeFFFFF FF Bi#ure 87: Architecture !?;FFFFFFFFFF Bi#ure 89: Bi#ure de l"interface conne,ion Bi#ure 8:: Bi#ure Accueil Bi#ure 8A: Bi#ure de demande d"achat Bi#ure 8E: Bi#ure d"impression de demande d"achat Bi#ure 8G: Bi#ure de demande de pri, Bi#ure &D: Bi#ure d"impression de demande de pri,FFFF FFFFF 3G Bi#ure &8: Bi#ure de #estion de fournisseurs Bi#ure &&: Bi#ure de lettre de commande Bi#ure &3: Bi#ure d"impression de lettre de commande

$estion %es AchatsE '

Intr"d)cti"n:
La ralisation de l"application $estion des Achats qui est le fruit de ce pro4et est fait autour du lan#a#e P=P 9 Le livrable consiste en une application Heb respectant le bestpractice !?; et tournant Ic2t serveurJ au sein de l"environnement HampServer L"applicatif s"articule autour !1S@L comme S$(% ainsi que le lan#a#e =tml 9 et ;ss3 pour la prsentation des interfaces #raphiquesdu JavaScript et Jquer1 pour tous ce qui a relation avec la recherchelKaccs rapide ou prsentation de donnes Le prsent rapport est une tude s1nthtique et anal1tique des diffrentes phases suivies- pour l"automatisation de la #estion des achats

$estion %es AchatsG '

!*$'itre -: !onte2te 3nr$l du st$3e


I 8

Prsent$tion de lor3$nis4e d$&&ueil


Prsent$tion de A POSTE

!e premier volet dvoile le conte,te du sta#e- il se propose tout dKabord de prsenter lKor#anisme d"accueil : La PCS0*

Fi3ure : or3$nis4e d$&&ueil

*tablissement public- cr en8GGE suite lKentre en vi#ueur de loi &7-G: et la sparation des secteurs Poste et 0lcommunications Statut 4uridique : *tablissement Public dot de la personnalit morale et de lKautonomie financire- soumis la tutelle de l"*tat Principales missions : *mission de timbre-poste L affranchissements. ;ourrier national et international. ;ollecte de l"par#ne travers la ;*M I;aisse dK*par#ne MationaleJ. *mission de mandats-poste Inational L internationalJ. $estion du service des comptes courants des chques postau, I;;PJ Services Cuverts la concurrence ;ourrier Acclr International sous rserve du respect des principes suivants : ;onfidentialit des messa#es transmis- continuit et qualit de service @ualits professionnelles et techniques et #alit de traitement des cito1ens ;oncurrence lo1ale
N<ne quipe votre coute qui sait s"impliquer et travailler avec

vous pour la russite

des pro4ets N<n panel de domaines de comptence vari- une e,pertise pour chacun des emplo1s
$estion %es Achats8D '

&

0istori5ue

LKe,istence de (A)I% AL-!A$=)I( remonte lKpoque du Sultan =assan 8 qui a pris en char#e lKor#anisation dKun secteur sporadique et entretenu par des tran#ers notamment *n 8EG&- le sultan donna ses ordres au, responsables des ports pour or#aniser la poste marocaine ;ette or#anisation embr1onnaire a en#lob 83 villes marocaines qui taient relies par li#nes dfinies chacune par des cachets spcifiques *n 8G88- la compa#nie marocaine du tl#raphe est char#e dKor#aniser la poste nationale mais surtout de commencer utiliser dornavant des timbres postau, au lien des cachets La compa#nie commence son activit en 8G8& sous le nom de la direction ;hrifienne de la poste- du tl#raphe et du tlphone qui va mettra le premier timbre-poste marocain le && mai 8G8& Aprs lKinterdpendance- les services de la poste- et des tlcommunications se repositionnrent sous la tutelle du !inistre de la poste- du tl#raphe et du tlphone IPPPJ Poste !aroc est une entreprise multiservices de #rande enver#ure qui fournit des services dans les domaines du courrier- de la messa#erie et des services financiers Avec plus de EDDD collaboratrices et collaborateurs prsents travers plus de 8:9D points de contact- Poste !aroc est une entreprise de rseau proche de vous et de lKensemble des cito1ens marocains
3 Or3$nes de Gestion de POSTE MARO!

;omposition du ;onseil d"Administration ;onformment lKarticle MO& du dcret MO&-GA-E87 du &A chaoual 878E I&9 fvrier 8GGEJ portant application des dispositions de la loi MO&7-G:- le conseil dKadministration de PCS0* !A)C; est prsid par le Premier ministre ou par lKautorit #ouvernementale dl#ue par lui cet effet !*!()*S %< ;CMS*IL %KA%!IMIS0)A0ICM Premier !inistre !inistre de l"Intrieur !inistre de l"*conomie et des Binances !inistre de lKIndustrie- du commerce et des Mouvelles 0echnolo#ies !inistre de l"*quipement et des 0ransports !inistre de la ;ommunication Porte-Parole du $ouvernement $estion %es Achats88 '

!inistre %l#u auprs du Premier !inistre ;har# de l"Administration de la %fense Mationale !inistre dl#u auprs du Premier !inistre ;har# des Affaires *conomiques et $nrales =aut-;ommissaire au Plan %irecteur $nral de la ;aisse de %p2t et de $estion Prsident %irecteur $nral de la (anque ;entrale Populaire Principales Attributions Arr6ter le pro#ramme des oprations techniques et financires- le bud#et- le r#ime des amortissements- les comptes dKe,ploitation et lKaffectation des rsultats. Arr6ter la prise- lKe,tension ou la rduction de participations financires. ?alider le statut du personnel. Arr6ter les modalits de passation des marchs. Approuver les tarifs des prestations rendues Iservices de baseJ. ;hoisir les auditeurs e,ternes et fi,er leurs honoraires Priodicit des runions avant le 38 mai : arr6t des tats de s1nthse de lKe,ercice clos avant le 38 octobre : arr6t du bud#et et du pro#ramme prvisionnel des oprations de lKe,ercice suivant %irecteur $nral de PCS0* !A)C; )ecrute et nomme le personnel. Bi,e les tarifs des prestations et en informe le conseil d"administration. *,cute les dcisions du conseil dKadministration et les missions pour lesquelles il rePoit dl#ation du conseil dKadministration. Peut dl#uer- sous sa responsabilit- une partie de ses pouvoirs et attributions au personnel plac sous son autorit. %tient le pouvoir de contr2le du respect du monopole. %cide aprs accord de la tutelle de : lKouverture ou la fermeture totale dKune relation internationale de poste. La fermeture dKun tablissement postal sur le territoire national. lKmission de timbre-poste POSTE MARO! : 'l$&e du servi&e 'ubli& Service public : 0ous les utilisateurs 4ouissent du droit un service postal universel qui correspond une offre de base Iservices postau, et financiersJ- fournie de manire permanente sur tout le territoire des pri, abordables

$estion %es Achats8& '

Accs au service

Satisfaction des utilisateurs

)apidit L fiabilit

Scurit

Or3$ni3r$44e de Poste M$ro&

$estion %es Achats83 '

Fi3ure + : Or3$ni3r$44e de Poste M$ro&

!*i66res &ls +,,7

$estion %es Achats87 '

Fi3ure / : !*i66res &ls +,,7

*volution du ;hiffre d"affaires I*n milliers de dirhamsJ

&DD: ;hiffre dKaffaires 8 &87 &G7

&DDA 8 3E& 3G3

*volution &DDAQ&DD: R87S

Structure du chiffre dKaffaires Structure du chiffre dKaffaires en structure du chiffre dKaffaires en &DD: &DDA

Fi3ure 8 : du !*i66re d$66$ires

Stru&ture

*volution des *ffectifs

$estion %es Achats89 '

Fi3ure 9 : Evolution des e66e&ti6s

II

Prsent$tion du Pro%et
8

)ut du 'ro%et

Le but de ce pro4et est d"informatiser la #estion des achats de Poste !aroc I;asablancaJ Il a t dcid de dvelopper une application Teb afin de faciliter les taches au responsable de la division des achats qui ne dispose d"aucune application tout en lui permettant la #estion des fournisseurs- des nouvelles demandes d"achats- l"envoie des demandes de pri, ainsi les lettes de commandes au, fournisseurs

$estion %es Achats8: '

!*$'itre +: An$l:se et !on&e'tion

+;-

Fon&tionn$lits 'rin&i'$les du s:st<4e :

"application comprendra principalement trois modules accessibles l"aide d"un menu : Gestion des de4$ndes :

$estion %es Achats8A '

e principe de cette fonctionnalit consiste crer une nouvelle demande d"achatl"enre#istrement et l"impression de celle-ci- puis la possibilit de modification- ainsi l"envoie d"une demande pri, au, fournisseurs- et enfin l"envoie d"une lettre de commande au fournisseur choisi Gestion des 6ournisseurs : !e module permet d"a4outer- modifier- supprimer- et #rer les fournisseurs Gestion des utilis$teurs : !ette fonctionnalit permet la #estion des utilisateurs- l"a4out- la modification des comptes et la suppression;

+;+ Servi&es o66erts


e dia#ramme des cas d"utilisation suivant donne une vue #lobale des diffrents services fonctionnels offerts par le s1stme et pour lesquels il sera sollicit par l"utilisateur final- 4ouant le r2le d"acteur principal

Utilisateur :

(i)"#e * + L,"tilisate"# !e l,application

!as d"utilisations

$estion %es Achats8E '

(i)"#e -+ Le !ia)#a..e !e cas !,"tilisations !e l,application

+;/ Inter$&tion $ve& lutilis$teur


a prsente section met l"accent sur l"interaction entre l"utilisateur IacteurJ et l"application en numrant les squences de messa#es chan#s pendant la ralisation d"un cas d"utilisation donn /'0'1 a"thenti2ication orsque un utilisateur souhaite accder sa session- une pa#e dKaccueil lui sera affichedans laquelle saisit ses propres coordonnes dKauthentification Ilo#in et mot de passeJ par la suite le s1stme procde la vrification des informations introduites- si le lo#in et le mot de passe sont valides sa session lui sera alors ouverte- sinon un messa#e dKerreur est affich le sollicitant de rintroduire ses coordonnes $estion %es Achats8G '

Bi#ure E %ia#ramme de squence d"authentification /'0'/ )3#e# "tilisate"# Ap#es l,a"thenti2ication, l,a!.inist#ate"# pe"t e22ect"e# !e no.b#e"se t4che 5"i se ca#act3#ise pa# les scena#ios !,a6o"t, .o!i2ication o" s"pp#ession !,"tilisate"# o" 2o"#nisse"# #esponsable,

$estion %es Achats&D '

*igure ; 2iagramme de squence de gestion 113

$estion %es Achats&8 '

*igure 1$ 2iagramme de squence de gestion 213

$estion %es Achats&& '

*igure 11 2iagramme de squence de gestion 313

/'0'0 )3#e# les !e.an!es La #esponsable !" !i7ision pe"# )3#e# la !e.an!e pa# la c#3ation !,"ne no"7elle !e.an!e, l,en#e)ist#e.ent et l,i.p#ession, ainsi la saisie !e la !e.an!e !e p#i8 et l,en7o9e# a" 2o"#nisse"# $estion %es Achats&3 '

SequenceDiagram_1

$%M Responsa'# e di vi si on ac!at S at!ei nti fier

&DD

"rer nv## e dem ande dem ande de sai si e Sasi e i nform ati on erreur Nouveau essai e Sai sie dem ande pri x sai si e i nfo Vri fication Evoie + enregi strem ent Renvoi + m essage Vri fication Message_6

Enregi strement

*igure 12 2iagramme de squence de gestion de demande

2.3.4 Diagramme de classe

$estion %es Achats&7 '

*igure 13 2iagramme de class

$estion %es Achats&9 '

!*$'itre /: Outils de dvelo''e4ents

!hoisir une architecture et des outils fiables- conviviau, et peu coUteu, s"avre indispensable pour mieu, e,ploiter la phase de conception %ans ce chapitre- nous allons prsenter les outils utiliss ainsi que l"architecture adopte pour implmenter notre application
3 8 /rchitecture de lapplication:

3.1.1 /rchitecture !3C

$estion %es Achats&: '

Le patron 4od<le=vue=&ontr>leur tout comme les patrons modle-vue-prsentation ou Prsentationabstraction- contr2le- est un modle destin rpondre au, besoins des applications interactives en sparant les problmatiques lies au, diffrents composants au sein de leur architecture respective ;e paradi#me re#roupe les fonctions ncessaires en trois cat#ories :
8 & 3

un modle Imodle de donnesJune vue Iprsentation- interface utilisateurJ un contr2leur Ilo#ique de contr2le- #estion des vnements- s1nchronisationJ

Bi#ure 87 Architecture !?;

Architecture
LKor#anisation dKune interface #raphique est dlicate LKarchitecture !?; ne prtend pas en liminer tous les problmes- mais fournit une premire approche pour le faire Cffrant un cadre normalis pour structurer une application- elle facilite aussi le dialo#ue entre les concepteurs LKide est de bien sparer les donnes- la prsentation et les traitements Il en rsulte les trois parties numres plus haut : le modle- la vue et le contr2leur

!e Mod"le
Le modle reprsente le cVur Ial#orithmiqueJ de lKapplication : traitements des donnes- interactions avec la base de donnes- etc Il dcrit les donnes manipules par lKapplication Il re#roupe la #estion de ces donnes et est responsable de leur int#rit La base de donnes sera lKun de ses composants
$estion %es Achats&A '

Le modle comporte des mthodes standards pour mettre 4our ces donnes Iinsertion- suppressionchan#ement de valeurJ Il offre aussi des mthodes pour rcuprer ces donnes Les rsultats renvo1s par le modle ne sKoccupent pas de la prsentation Le modle ne contient aucun lien direct vers le contr2leur ou la vue Sa communication avec la vue sKeffectue au travers du patron Cbservateur Le modle peut autoriser plusieurs vues partielles des donnes Si par e,emple le pro#ramme manipule une base de donnes pour les emplois du temps- le modle peut avoir des mthodes pour avoir tous les cours dKune salle- tous les cours dKune personne ou tous les cours dKun #roupe de 0%

!a vue
;e avec quoi lKutilisateur intera#it se nomme prcisment la vue Sa premire t5che est de prsenter les rsultats renvo1s par le modle Sa seconde t5che est de recevoir toute action de lKutilisateur Ihover- clic de souris- slection dKun bouton radio- cocha#e dKune case- entre de te,te- de mouvements- de voi,- etc J ;es diffrents vnements sont envo1s au contr2leur La vue nKeffectue pas de traitement- elle se contente dKafficher les rsultats des traitements effectus par le modle et dKintera#ir avec lKutilisateur Plusieurs vues peuvent afficher des informations partielles ou non dKun m6me modle Par e,emple si une application de conversion de base a un entier comme unique donne- ce m6me entier peut 6tre affich de multiples faPons Ien te,te dans diffrentes bases- bit par bit avec des boutons cocheravec des curseursJ La vue peut aussi offrir lKutilisateur la possibilit de chan#er de vue

e &ontr>leur Le contr2leur prend en char#e la #estion des vnements de s1nchronisation pour mettre 4our la vue ou le modle et les s1nchroniser Il rePoit tous les vnements de lKutilisateur et enclenche les actions effectuer Si une action ncessite un chan#ement des donnes- le contr2leur demande la modification des donnes au modle- et ce dernier notifie la vue que les donnes ont chan# pour quKelle se mette 4our %Kaprs le patron de conception observateurQobservable- la vue est un W observateur X du modle qui est lui W observable X ;ertains vnements de lKutilisateur ne concernent pas les donnes mais la vue %ans ce cas- le contr2leur demande la vue de se modifier

$estion %es Achats&E '

Le contr2leur nKeffectue aucun traitement- ne modifie aucune donne Il anal1se la requ6te du client et se contente dKappeler le modle adquat et de renvo1er la vue correspondant la demande Par e,emple- dans le cas dKune base de donnes #rant les emplois du temps des professeurs dKune cole- une action de lKutilisateur peut 6tre lKentre IsaisieJ dKun nouveau cours Le contr2leur a4oute ce cours au modle et demande sa prise en compte par la vue <ne action de lKutilisateur peut aussi 6tre de slectionner une nouvelle personne pour visualiser tous ses cours ;eci ne modifie pas la base des cours mais ncessite simplement que la vue sKadapte et offre lKutilisateur une vision des cours de cette personne @uand un m6me ob4et contr2leur rePoit les vnements de tous les composants- il lui faut dterminer quelle est lKori#ine de chaque vnement ;e tri des vnements peut sKavrer fastidieu, et peut conduire un code peu l#ant Iun norme sTitchJ ;Kest pourquoi le contr2leur est souvent scind en plusieurs parties dont chacune rePoit les vnements dKune partie des composants

3 & 5n-ironnement de tra-ail 3&8

,)st+me de gestion de 6ase de donnes !),78

S@L Server est un s1stme de #estion de base de donnes IS$(%J transactionnel dvelopp et commercialis par !icrosoft (ien qu"il ait t initialement ;o-dvelopp par S1base et !icrosoft- Ashton-0ate a #alement t associ sa premire version- sortie en 8GEG ;ette version est sortie sur les plateformes <ni, et CSQ& %epuis- !icrosoft a port ce s1stme de base de donnes sous HindoTs et il est maintenant uniquement pris en char#e par ce s1stme

$estion %es Achats&G '

3.2.2. PHP
P=P est un lan#a#e de script #nraliste et Cpen-source spcialement conPu pour le dveloppement

dKapplication Teb Il est principalement emplo1 pour la mise en li#ne de base de donne dans un site Teb Il a trois champs dKapplication : Lan#a#e de script cot serveur. Lan#a#e de pro#rammation en li#ne de commande. Ycrire des applications clientes #raphiques P=P est le plus souvent utilis en tant que Zlan#a#e de script cot serveurZ- dans ce cas pour lKe,ploiter il vous faudra un anal1seur php Ic#i ou module serveurJ- un serveur Teb et un navi#ateur Il est aussi possible dKutiliser php pour raliser de la pro#rammation en li#ne de commande Idonc sans serveur Teb ni navi#ateurJ

3.2.3 97uer)
4@uer1 est une bibliothque 4avascript libre Ion parle #alement de frameTor> 4avascript libreJ dveloppe initialement par John )esi# et qui est au4ourdKhui maintenue et mise 4our par la communaut 4@uer1 0eam Le frameTor> 4avascript 4@uer1 va vous permettre de coder rapidement et simplement des traitements base de code 4avascript pour d1namiser et amliorer lKer#onomie de vos sites internet 4@uer1 vous permet notamment :

parcourir et manipuler le %C! IlKarbre des lments =0!LJ #rer des vnements utilisateurs Iclic souris- survole- FJ a4outer des effets et animations visuels Ifondu- disparation- J #rer les st1les ;SS et attributs des balises =0!L #rer des interactions AJA[ Icommunication as1nchrone avec le serveurJ

3.2. 9a-a,cript

Le JavaScript est un lan#a#e de script incorpor dans un document =0!L =istoriquement il sKa#it m6me du premier lan#a#e de script pour le Heb ;e lan#a#e est un lan#a#e de pro#rammation qui permet dKapporter des amliorations au lan#a#e =0!L en permettant

$estion %es Achats3D '

dKe,cuter des commandes du c2t client- cKest--dire au niveau du navi#ateur et non du serveur Teb

Ainsi le lan#a#e JavaScript est fortement dpendant du navi#ateur appelant le pa#e Heb dans laquelle le script est incorpor- mais en contrepartie- il ne ncessite pas de compilateurcontrairement au lan#a#e Java- avec lequel il a lon#temps t confondu *n effet contrairement au lan#a#e Java- le code est directement crit dans la pa#e =0!L- cKest un lan#a#e peu volu qui ne permet aucune confidentialit au niveau des codes Iceu,-ci sont effectivement visiblesJ L"int#ration des diffrentes fonctionnalits offertes par ce lan#a#e nous a permis de : Personnaliser les messa#es d"avertissement et de confirmation ;ontr2le des entres de l"utilisateur Amliorer la prsentation Apporter nos pa#es Heb une meilleure interactivit

3.2." *euilles de st)les C,,


!SS est un lan#a#e informatique qui sert dcrire la prsentation des documents =0!L et [!L Kun des ob4ectifs ma4eurs de ;SS est de permettre la st1lisation hors des documents Il est par e,emple possible de ne dcrire que la structure dKun document en =0!L- et de dcrire toute la prsentation dans une feuille de st1le ;SS spare Les st1les sont appliqus au dernier moment- dans le navi#ateur Teb des visiteurs qui consultent le document ;ette sparation fournit un certain nombre de bnficespermettant dKamliorer lKaccessibilit- de chan#er plus facilement de prsentation- et de rduire la comple,it de lKarchitecture dKun document

3.2.( Html
$estion %es Achats38 '

"=1perte,t !ar>up Lan#ua#e I=0!LJ- est un lan#a#e de balisa#e- conPu pour reprsenter les pa#es Teb- qui permet d"crire de l"h1perte,te- d"o\ son nom Il permet aussi de structurer smantiquement et de mettre en forme le contenu des pa#es et d"inclure des ressources multimdias dont des ima#es- des formulaires de saisie et des lments pro#rammables Il prsente lKavanta#e dK6tre relativement simple ma]triser et de produire des pa#es trs l#res et rapides transmettre

$estion %es Achats3& '

!*$'itre 8: R$lis$tion de l$''li&$tion

.1 .nter#ace de connexion
a premire pa#e consulte par l"utilisateur est la pa#e de conne,ion travers laquelle les ressources sont censes de fournir leurs lo#in et mot de passe pour accder l"application

$estion %es Achats33 '

(i)"#e 15+ (i)"#e !e l,:nte#2ace !e conne8ion

.2 .nter#ace daccueil <ne fois connect- l"utilisateur est accueilli par la pa#e d"accueil ;ette pa#e contient le menu principal #auche travers lequel l"utilisateur accde au, diffrents modules de l"application avec un petit descriptif de la poste au milieu- ainsi les boutons d"accs rapide

$estion %es Achats37 '

(i)"#e 1*+ (i)"#e Acc"eil

.3 .nter#ace de saisie dune nou-elle demande dachat


;"est ce niveau que l"utilisateur peut saisir les informations ncessaires pour effectuer une nouvelle demande d"achat

$estion %es Achats39 '

(i)"#e 1-+ (i)"#e De.an!e !,achat

.nter#ace dimpression dune nou-elle demande dachat

Aprs avoir cr une nouvelle demande- l"utilisateur peut imprimer cette dernire

$estion %es Achats3: '

(i)"#e 1;+ (i)"#e i.p#ession !e.an!e !,achat

." .nter#ace de demande de prix


Aprs avoir saisi les informations ncessaires pour la cration d"une nouvelle demande d"achat et l"enre#istrement de celle-ci- un messa#e s"ouvre en bas de l"interface de demande de pri,rassurant que les informations ont t bien enre#istrs- et donnant la main pour la saisie d"une demande de pri, envo1er au, fournisseurs

$estion %es Achats3A '

(i)"#e 1<+ (i)"#e !e !e.an!e !e p#i8

.( .nter#ace dimpression de demande de prix


<ne fois les informations saisies- l"utilisateur a le choi, entre enre#istrer la demande ou de l"imprimer Ici il choisit de l"imprimer

$estion %es Achats3E '

(i)"#e /=+ (i)"#e !,i.p#ession !e !e.an!e !e p#i8

.4 .nter#ace de gestion de #ournisseurs


L"interface de #estion de fournisseurs- permet l"utilisateur de modifier ou supprimer un fournisseur ainsi la recherche parmi les fournisseurs d4 a4outs

$estion %es Achats3G '

(i)"#e /1+ (i)"#e !e )estion !e 2o"#nisse"#s

.% .nter#ace de lettre de commande


La lettre de commande est tou4ours la m6me- c"est 4uste les informations lis la date et le lieu- le fournisseur- ainsi l"ob4et et le dlai qui chan#ent- le corps est tou4ours la m6me- pour cela l"utilisateur n"a que saisir ces informations au niveau de cette interface

$estion %es Achats7D '

(i)"#e //+ (i)"#e !e lett#e !e co..an!e

.; .nter#ace dimpression de lettre de commande


Aprs avoir saisie les informations lies la lettre de commandeL"utilisateur peut l"imprimer

$estion %es Achats78 '

(i)"#e /0+ (i)"#e !,i.p#ession !e lett#e !e co..an!e

$estion %es Achats7& '

!on&lusion et Pers'e&tives
Le sta#e que 4"ai effectu La Poste m"a donn la possibilit d"6tre en contact direct avec le monde de travail et dcouvrir les outils de l"administration de rseau et de maintenanceAinsi les outils de dveloppement informatique *n ralit ce sta#e m"a donn une occasion favorable de faire les premiers pas dans le domaine professionnel aprs la formation thorique car il m"a permis de transformer et de voir la diffrence entre la thorique et le pratique Il a donn une #rande opportunit- d"une part il m"a permis de tester mes comptences et de dmontrer mon savoir-faire et d"autre part il m"a donn la possibilit d"ouvrir la piste vers des nouveau, hori^ons de recherches en matire de l"informatique du fait qu"il a complt les connaissances acquis durant la priode d"tude J"espre que ce que 4"ai ralis ait votre admiration aprs ce modeste effort Pour conclure- 4e remercie tous ceu, qui m"ont aid effectuer ce modeste travail dans les meilleures conditions- 4e remercie #alement tous ceu, qui m"ont soutenu au cour de mon sta#e au sein de La Poste

/I/0IO%RAP1IE

$estion %es Achats73 '

Use ;ase %riven Cb4ect !odelin# Tith <!L Theor1 and Practice *d&DDA De Dou3 ROSE))ERG et M$tt STEP0ENS

Sams 0each _ourself <!L in &7 =ours3*d&DD7 De ?ose'* S!0MU ER

P=PQ!1S@L et JavaScript Les cahiers du Pro#rammeur de Philippe ;halat- %aniel ;harna1- Jean)en )ouet

2E/O%RAP1IE
$estion %es Achats77 '

http:QQTTT Ti>ipedia com http:QQTTT itilfrance fr http:QQTTT #estion-pro4et-informatique-vivre-au4ourdui fr http:QQTTT #oo#le comQima#e http:QQTTT dsi cnrs fr http:QQTTT techno-science net http:QQTTT blo#4ava net http:QQTTT Iri fr http:QQTTT tomcat apache or# http:QQTTT hibernate or# http:QQTTT struts apache or# http:QQTTT developpe^ com http:QQTTT sites #oo#le comQsiteQcoursinfoshmQ&-eme-semestre http:QQTTT A rotator Ti#etmedia com http:QQTTT TTT-sop inria fr http:QQTTT blo#4ava net http:QQTTT coderanch com http:QQTTT 4avafr com http:QQTTT nabble com http:QQTTT s1base com

$estion %es Achats79 '

You might also like