Vous êtes sur la page 1sur 21

Centre des Classes Prparatoires

du Diplme de Brevet de
Technicien Suprieur Lyce
Qualifiant Technique IBN
ALHAITAM
OUARZAZATE

Royaume du Maroc
Ministre de lEducation Nationale
de lEnseignement Suprieur
de la Formation des Cadres
et de la Recherche Scientifique

Rapport de stage de fin d'tude


La mise en place dun site web pour la
Ligue Tensift de Taekwondo

Soutenu par :
M. BAHTOCH Mouad

Encadre par :
M. TEBBAA Mohamed Amine

Anne Universitaire 2015-2016

Remerciements

Je naurais certes pas russi rdiger ce rapport sans laide prcise de plusieurs personnes que
je tiens exprimer toute ma gratitude.

Jadresse mes remerciements sincres et spciaux mes encadrant pour leur


disponibilit, leur esprit de serviabilit, leurs efforts quils nont cess de dployer tout au
long de la conception de ce projet.

Je les remercie galement pour les conseils fructueux quil na cess de prodiguer durant toute
la priode du stage.

Enfin, mes remerciements, vont galement toute lquipe IT Labs Pro, et toutes les
personnes qui ont contribues de prs ou de loin la ralisation de ce rapport.

Je profite de cette occasion pour adresser ma gratitude :


Mr le Directeur de BTS Ibn al Haytam Ouarzazate.
Tous les formateurs qui sont toujours prtent
massiste durant notre formation au centre.

Stage de Fin dEtudes

2015-2016

Stage de Fin dEtudes

2015-2016

Liste des abrviations


Abrviation
IT Labs Pro

Dsignation
Information Technologies Laboratoires
Professional

CRUD

Create, Read, Update, Delete

CSV

Comma Separated Values

http

HyperText Transfer Protocol

HTML

HypertextMarkupLanguage

JSON

JavaScript Object Notation

ORM

Object RelationalMapping

PDF

Portable Document Format

REST

REpresentational State Transfer

TXT

Text

URI

Uniform Ressource Identifier

URL

Unified Ressource Location

Table des figures

Stage de Fin dEtudes

2015-2016

Figure 1 :Cycle de vie Scrum[W.1.2.........................................................................................15


Figure 2 : Diagramme de Gantt................................................................................................16
Figure 3 : diagramme de cas d'utilisation de l'application........................................................20
Figure 4 : Diagramme de classes gnral.................................................................................25
Figure 5 : Diagramme de squence...........................................................................................26
Figure 6 : Diagramme de squence...........................................................................................27
Figure 7 : Premire page dauthentification..............................................................................33
Figure 8 : Erreur dauthentification..........................................................................................33
Figure 9 : Page daccueil...........................................................................................................34
Figure 10 : Profile / Pratiquants................................................................................................35
Figure 11 : Les dernires images..............................................................................................36
Figure 12 : Les vnements......................................................................................................36
Figure 13 : Pratique...................................................................................................................37
Figure 14 : contacter.................................................................................................................37
Figure 15 : Poomse...................................................................................................................38
Figure 16 : Techniques de jambes.............................................................................................38

Stage de Fin dEtudes

2015-2016

Liste des tableaux


Tableau 1-2: Acteurs It Labs Pro...............................................................................................14
Tableau 2-3: Acteurs en interaction avec le systme................................................................20
Tableau 2-4: Fiche descriptive du cas d'utilisation sauthentifier .......................................21
Tableau 2-5: Fiche descriptive du cas d'utilisation Rechercher et trier fiches ....................22
Tableau 2-6: Fiche descriptive du cas d'utilisation Editer pratiquants ................................22

Stage de Fin dEtudes

2015-2016

Stage de Fin dEtudes

2015-2016

Table des matires

Table des matires


Table des figures..................................................................................................................5
Liste des tableaux..............................................................................................................6
Introduction...........................................................................................................................9
Chapitre 1...........................................................................................................................10
1

Contexte gnral du projet................................................................................................11


1.1

Organisme daccueil...................................................................................................11

1.1.1

IT Labs Pro..........................................................................................................11

1.1.2

Organigramme.....................................................................................................11

1.1.3

Fiche technique...................................................................................................12

1.2

Prsentation du projet Taekwondo.ma......................................................................13

1.2.1

Le projet Taekwondo.ma.....................................................................................13

1.2.2

Problmatique et objectifs du projet...................................................................13

1.3

Conduite du projet......................................................................................................14

1.3.1

Organisation du projet.........................................................................................14

1.3.2

Organisation des runions...................................................................................14

1.3.3

Processus de dveloppement...............................................................................14

1.3.4

Planification du projet.........................................................................................16

Conclusion................................................................................................................................17
Chapitre 2...........................................................................................................................18
2

Spcification et analyse des besoins.................................................................................19


2.1

Spcification des besoins...........................................................................................19

2.1.1
2.2

Etude de lexistant...............................................................................................19

Analyse des besoins...................................................................................................19

2.2.1

Identification des acteurs....................................................................................20

2.2.2

Diagrammes des cas dutilisation.......................................................................20

Conclusion................................................................................................................................22
Chapitre 3...........................................................................................................................23
3

Etude technique et conceptuelle........................................................................................24


3.1

Architecture La base de donnes................................................................................24

3.2

Conception du projet..................................................................................................24

3.2.1

Diagramme de classes.........................................................................................24

Conclusion................................................................................................................................28
Stage de Fin dEtudes

2015-2016

Table des matires

Chapitre 4...........................................................................................................................29
4

Mise en uvre du projet...................................................................................................30


4.1

Technologies utilises.................................................................................................30

4.1.1

Outils danalyse et de conception.......................................................................30

4.1.2

Outils de programmation....................................................................................30

4.1.3

Outils de tests......................................................................................................32

4.2

Application Takwando.ma ....................................................................................33

Conclusion................................................................................................................................39
Conclusion gnrale.........................................................................................................40
Bibliographie....................................................................................................................41

Stage de Fin dEtudes

10

2015-2016

Introduction gnrale

Stage de Fin dEtudes

11

2015-2016

Introduction gnrale

Introduction

Ce stage a t conu dans le cadre de notre formation au centre du BTS filire DSI au lyce Ibn
Alhaytam. Mon stage sest droul au sein de lentreprise IT Labs Pro.
Un stage de fin dtudes permet aux informaticiens davoir un contact avec la vie
professionnelle, Il permet, en outre de comprendre lorganisation et la hirarchie professionnelle et
davoir une ide gnrale sur la vie et lentreprise. Il vise galement le dveloppement de certaines
capacits chez le stagiaire comme la communication, le travail en groupe et le sens des relations
humaines.
Reste signaler, que le stagiaire doit profiter de cette occasion en essayant de sinterroger et de
sapprocher des autre membre de lentreprise pour mieux apprhender aussi l'impact de certaines
donnes organisationnelles.
L'objectif de ce stage est donc de matriser les notions reues durant la formation dans un cadre
d'initiation l'activit dans la vie professionnelle.

Stage de Fin dEtudes

12

2015-2016

Chapitre 1
Contexte
gnral du projet

Ce chapitre situera le contexte gnral de notre projet de stage. Nous allons dans un
premier temps prsenter lorganisme daccueil, puis

nous allons dcrire le cadre du

projet, les objectifs atteindre ainsi que la conduite du projet.

Contexte gnral du projet


Jai effectu mon stage de fin dtude au sein de lentreprise IT Labs Pro spcialise

dans la ralisation des sites web. Je prsent prsent en dtails cette entreprise et le projet
raliser.

Stage de Fin dEtudes

13

2015-2016

1.1 Organisme daccueil


1.1.1 IT Labs Pro
IT Labs Pro (Information Technologies Laboratoires Professional) est une SSII (Socit de
Services en Ingnierie Informatique) constitue d'un groupe de jeunes ingnieurs et techniciens
passionns.
Cette socit a pour activit principale le dveloppement pour les besoins spcifiques des
clients, des logiciels sur mesure qui s'adaptent leurs besoins. Elle met la disposition des clients des
solutions web et mobiles conviviales et facilement utilisables tout en leurs assurant une assistance
soutenue et en leur proposant un matriel performant et adapt leurs besoins.
Ainsi, la socit propose de crer des sites web attrayants, grande valeur ajoute, optimiss et
intuitifs, tout en les hbergeant et assurant leur maintenance.

1.1.2 Organigramme

1.1.3

Nom de la Socit

Stage de Fin dEtudes

Fiche
technique

It Labs Pro

14

2015-2016

Adresse

N1 2me tage, 363 Lot Al


Massar Belmejad, Marrakech,
Maroc

Date de cration

Dcembre 2012

Forme juridique

S.A .R.L

Nombre employ

10 personnes

Tlphone

+212 5243-55005

E- mail

contact@itlabspro.com

Secteur dactivit

Informatique - Web

Site Web

www.itlabspro.com

1.2 Prsentation du projet Taekwondo.ma


1.2.1 Le projet Taekwondo.ma
Pour assurer la communication de lquipe de la Ligue Tensift de Taekwondo pendant
lvnement organis le 05 Juin 2016 la salle couverte Idris Benchekroun Marrakech, pour passage
des examens de ceintures noires, lassociation a mis le dsir de crer un site Web dans le but
dinformer son public des diffrentes actualits, et de leur permettre de sinscrire cet vnement. Un
Stage de Fin dEtudes

15

2015-2016

site Web attractif, dynamique et interactif, autant pour son administration que pour son utilisation, est
alors ncessaire au bon fonctionnement et la communication interne et externe dune telle structure.
Afin deffectuer ce projet, un cahier des charges nous a t fourni. Celui-ci est assez explicite,
non seulement il nous donne les donnes ncessaires au site mais il indique galement la manire dont
ils doivent tre disposes. Lassociation veut un site Internet basique compos, premirement, dune
page daccueil prsentant lassociation et les images des derniers vnements. Puis dune seconde
page, adhsion / authentification, qui permettra aux visiteurs daccder leur espace personnel, ou de
sinscrire sils sont de nouveaux membres. La troisime page concerne la pratique de taekwondo, on y
prsente les diffrentes informations sur cette discipline. Enfin, nous terminons par une simple page
contact avec les informations relatives lassociation.
Ensuite, nous retrouvons dans le cahier des charges une petite charte graphique concernant les
couleurs employer et la mise en forme de la police de caractres.

1.2.2 Problmatique et objectifs du projet


Le projet taekwondo.ma regroupe une applications, savoir :

Taekwondo.ma

Cette application permet lentraneur de grer son profile:


Gestion des fiches
o Affectation dune ou plusieurs fiches
o Ajout dun nouveau pratiquant
o Edition dune fiche pratiquant
o Suppression dun pratiquant
o Import/Export la liste des pratiquants

1.3 Conduite du projet


1.3.1 Organisation du projet
Lorganisation du projet est rsume dans les tableaux suivants (Tableau 1-2) :

Cot It Labs Pro :

Acteur
Mr Mohamed Amine TEBBAA
Mr. WALID OUCHTITI
Mr. SIFDIN HDID

Rle
Fondateur du projet Le Taekwondo
Manager
Encadrant It Labs Pro (Chef de

projet)
Tableau 1-1: Acteurs It Labs Pro

Stage de Fin dEtudes

16

2015-2016

1.3.2 Organisation des runions


Une runion est organise chaque vendredi matin, durant laquelle le compte rendu
synthtisant le travail effectu pendant la semaine est abord et une planification des tches
raliser pendant la semaine suivante est tablie. A la fin de chaque phase, un livrable est
transmis au comit de pilotage. Les runions visent essentiellement :

Valider le travail fait lors de la semaine courante.

Procder lvaluation de ltat pour chacune des ressources ainsi que le niveau de
ralisation des objectifs prdfinis.

Identifier les problmes rencontrs et apporter ventuellement des solutions.

Assurer la coordination des diffrentes structures et le suivi oprationnel du projet.

1.3.3 Processus de dveloppement


La nature de notre projet et sa forte dpendance aux acteurs du domaine nous oblige
dtre toujours lcoute du client et prt rpondre ses nouveaux besoins. Cest la raison
pour laquelle nous avons opt pour un cycle de dveloppement agile, qui permet le
dveloppement rapide des applications. Scrum[W.1.5] est une mthode agile ddie la
gestion des projets. Son objectif est d'amliorer la productivit des quipes auparavant
ralenties par des mthodologies plus lourdes. La dmarche propose un mode de pilotage
itratif prenant en compte les volutions qu'un projet de dveloppement peut subir en cours de
route. Cette mthode ne suit pas un processus prdictif et les travaux faire sont ajusts
rgulirement au cours du projet, notamment la fin de chaque itration, appele Sprint .
1.3.3.1

Prsentation de Scrum

Un projet utilisant la mthode Scrum a son cycle de vie compos de Sprints successifs.
Pendant un Sprint l'quipe dveloppe un produit partiel. Elle comprend toutes les activits
ncessaires pour cela : analyser, concevoir, dvelopper, tester, documenter et intgrer.
Scrum utilise une approche fonctionnelle pour rcolter les besoins des utilisateurs.
L'objectif est d'tablir une liste de fonctionnalits raliser que l'on appelle backlog de
produit .
Lorsqu'on dmarre un sprint, on choisit quels items du backlog de produit seront
raliss durant cette phase. L'quipe dcompose ensuite chaque item en liste de tches

Stage de Fin dEtudes

17

2015-2016

lmentaires. On constitue ainsi le backlog de sprint. Les points forts de la dmarche Scrum
sont :

1.3.3.2

Le client est au cur du projet.


Esprit dquipe.
La communication est la cl.
Simplicit, efficacit et qualit.
Flexibilit aux changements.
Avancement bas sur le concret.
Cycle de vie

Scrum prsuppose que le backlog de produit est dj dfini au dbut du projet. Une
approche possible pour constituer ce backlog est de raliser une phase de lancement.
L'objectif est d'identifier un maximum de fonctionnalits que le logiciel devra implmenter.
La figure suivante (Figure 1-3) illustre le cycle de vie de Scrum

Figure 1 :Cycle de vie Scrum[W.1.2

Le schma ci-dessus (Figure 1-3) illustre un exemple de planification en Scrum.


Comme le montre la figure, Scrum est un processus itratif : les itrations sont appeles des
sprints et durent en pratique entre 1 et 4 semaines. Chaque sprint possde un but et on lui
associe une liste d'items de backlog de produit ou de fonctionnalits raliser. Ces items sont
dcomposs par l'quipe en tches lmentaires de quelques heures.

1.3.4 Planification du projet


La planification est une tape importante dans un projet. Elle prsente une vision
gnrale sur les tapes de dveloppement et les estimations concernant le dlai du projet. Le
fait que nous avons adopt Scrum comme processus de dveloppement, impose une

Stage de Fin dEtudes

18

2015-2016

planification partielle du projet, dans ce cas, cest lensemble des planifications des itrations
du processus qui constituent la planification final. Le schma suivant (Figure 1-4) montre
notre planification finale qui stale sur 5 parties :

Figure 2 : Diagramme de Gantt

Cette planification est le rsultat de plusieurs itrations et de changements de priorits,


notre projet constitue plusieurs itrations qui sont soit des tudes, soit des composantes
dvelopper. Pour les itrations de nature Etude , un livrable est prvu vers la fin.
Autrement, les itrations concernant les composantes du projet se basent sur les besoins
client. Une priode de conception prcde le dveloppement de la composante. Enfin les tests
sont effectus avant den conclure avec la prsente itration.

Conclusion

Ce chapitre nous a permis de situer le contexte gnral du projet. Aprs avoir prsent
lentreprise It Labs Pro, ses produits et ses domaines d'activits, nous avons dlimit notre
projet en citant larchitecture globale du projet Taekwondo.ma, savoir, la nouvelle version

Stage de Fin dEtudes

19

2015-2016

de la solution. Nous avons galement list certaines problmatiques et objectifs de notre


projet. Puis, nous avons prsent l'organisation du projet et le processus du dveloppement qui
a t adopt.

A ce niveau, pour pouvoir commencer la ralisation du projet, nous devons prciser les
besoins et les problmatiques, puis choisir une dmarche adopter pour faire une analyse de
ces besoins.

Chapitre 2
Spcification et analyse des
besoins
Dans ce chapitre, nous prsentons les tapes suivies pour lanalyse de notre projet.
Cette tude dbutera par une tude de lexistant, puis nous dresserons le rfrentiel
des exigences et larchitecture fonctionnelle du projet. Nous abordons finalement la
modlisation fonctionnelle avec les diagrammes UML.

1.4 Spcification des besoins

Stage de Fin dEtudes

20

2015-2016

Nous entamons la spcification des besoins en commenant par une tude de lexistant,
puis nous dresserons le rfrentiel des exigences avant de finir sur larchitecture fonctionnelle
de notre projet.

1.4.1 Etude de lexistant

Stage de Fin dEtudes

21

2015-2016