Rapport Stage Bucher PDF

Cercle Mixte
de la Gendarmerie
de Besanon
UFR Sciences et Techniques
Universit de Franche-Comt
Rapport de stage
Dveloppement dun site Web et
dune application de gestion dun htel
Samuel BUCHER
Projet encadr par Laurent PHILLIPE
2013
Stage de fin dtudes de Licence Informatique du 18 Mars au 7 Juin 2013
Rapport de Stage
Remerciements
Je tiens remercier particulirement les personnes suivantes, pour lexprience

enrichissante et captivante quelles mont fait vivre durant mon stage au sein du Cercle
Mixte :
Major POILLET Bertrand, directeur du Cercle Mixte, pour son accueil et la
confiance quil ma accorde ds mon arrive,
M. HUGUENOT Yves, apprenti en Rseaux, de mavoir consacr une grande partie
de son temps, pour rpondre mes interrogations, et me permettre davancer au mieux
dans toutes mes missions ainsi que llaboration de mon rapport,
M. MARLIER Benjamin, stagiaire en rseau, qui m'a apport de l'aide sur
quelques points techniques en rseau.
Toute lquipe du Cercle Mixte pour son accueil, qui ma permis de travailler dans
la bonne humeur, et qui a su exprimer ses besoins dans les diffrents projets que jai pu
dvelopper tout au long des trois mois de stage.
Je remercie galement M. Laurent PHILLIPE, qui a tenu le rle dencadrant
durant le stage. Il a su maider et me conseiller dans la mise au point de ce prsent
rapport ainsi que de ma soutenance.
BUCHER Samuel
Cercle Mixte de Gendarmerie de Besanon
Rapport de Stage
Sommaire
Remerciements............................................................................................................................. 2
Introduction ................................................................................................................................. 6
1.
Prsentation de lentreprise et de ses besoins .......................................................... 8

1)
Le cercle mixte de la gendarmerie ........................................................................ 8

a.
Dfinition ....................................................................................................................... 8
b.
Le cercle mixte de Besanon ............................................................................... 9
2)
Les projets ...................................................................................................................10

a.
Cration dun site Web .............................................................................................10
b.
Application Web consacr la gestion de lhtel ............................................13
2.
Etudes et analyses des projets ..................................................................................15

1)
Analyses lies au dveloppement du site web ...................................................15

a.
Cheminement nominale dune inscription .............................................................15
b.
Les actions possibles .............................................................................................16
c.
Structure de la base de donnes ..........................................................................17
2)
Analyses lies lapplication de gestion de lhtel ...........................................18

a.
Structure de la base de donnes ..........................................................................18
b.
Les possibilits des utilisateurs ....................................................................... 20
c.
Cheminement de la cration dune nouvelle rservation .................................21
3.
Ralisation et dveloppement .................................................................................... 22

1)
Un site Web Attrayant ........................................................................................... 22

a.
Design............................................................................................................................ 22
b.
Une interface standard ....................................................................................... 24
c.
Les interfaces rserves aux personnel du Cercle ......................................... 26
2)
Lapplication htel...................................................................................................... 30
a.
Le design ...................................................................................................................... 30
b.
Les interfaces dinitialisations et de modifications des informations
portant sur lhtel ...........................................................................................................................31
4.
c.
Linterface principale ............................................................................................... 32
d.
Besoins supplmentaires ..................................................................................... 35
Autres missions confies ............................................................................................ 37
BUCHER Samuel
Rapport de Stage
1)
Programme java de tri de photos ......................................................................... 37

a.
Etude des besoins ..................................................................................................... 37
b.
Dveloppement ....................................................................................................... 38
2)
Restructuration du rseau...................................................................................... 39
a.
Etat des lieux ............................................................................................................. 39
b.
Actions.......................................................................................................................41
3)
Dveloppement d'un script de gnration de compte rendu ....................... 42

a.
Analyses des besoins ................................................................................................ 42
b.
Ralisation avec Google Drive ............................................................................ 43
5.
Bilan technique et humain ........................................................................................... 44

1)
Les difficults rencontres ................................................................................... 44

a.
Application Htel ....................................................................................................... 44
b.
Le site Web ............................................................................................................. 46
c.
Lapplication java de tri de photo ......................................................................... 48
d.
Le script sous Google Script.............................................................................. 49
2)
Bilan ............................................................................................................................... 49
a.
Les apports lis au dveloppement ...................................................................... 49
b.
Les apports en rseaux ........................................................................................51
c.
Plan humain ...................................................................................................................51
d.
Stage en rapport avec mon projet professionnel ........................................ 52
Conclusion .................................................................................................................................... 53
Annexes ........................................................................................................................................ 55
1.
Diagramme de cas d'utilisation des utilisateurs du site Web ............................. 55
2.
Contenu des pages du Site Web pour le restaurant ........................................... 56
3.
Contenu des pages du Site Web pour l'htel........................................................ 58
4.
Plan d'accs du Cercle Mixte ..................................................................................... 59
5.
Pages ddies la gestion des utilisateurs du site Web .................................. 60
6.
Pages ddies la gestion des qualits des utilisateurs ....................................61
7.
Pages de gestion des pices ....................................................................................... 63
8.
Gestion du message d'accueil du site Web ........................................................... 65
9.
Intgration d'une Newsletter ................................................................................... 66
BUCHER Samuel
Rapport de Stage
10.
Diagramme de cas d'utilisation pour l'application de gestion de l'htel ..... 67
11.
Application lhtel : le planning .................................................................................. 68
12.
Application htel : gestion appareils / conforts / lits ....................................... 69
13.
Application htel : modification des chambres .....................................................71
14.
Application htel : gestion des clients .................................................................... 72
15.
Reprsentation du Rseau du Cercle Mixte .......................................................... 73
16.
Baie de brassage du Cercle Mixte ............................................................................ 75
17.
Droulement du stage .................................................................................................. 76
Bibliographie ............................................................................................................................... 77
Rsum.......................................................................................................................................... 78
Summary ...................................................................................................................................... 78
BUCHER Samuel
Rapport de Stage
Introduction
Durant cette 3ime anne de Licence Informatique, il nous a t demand de nous
intgrer lentreprise de notre choix, afin de complter notre formation par une mise
en pratique de mes acquis. Jai pour ma part, aprs de multiples recherches dans les
environs de Montbliard et de Besanon, choisi de raliser mon stage au Cercle Mixte de
la Gendarmerie Besanon. Il s'est droul du 18 Mars au 7 Juin 2013, sur une priode
de 12 semaines. Jai pu dcouvrir cet tablissement par le biais de connaissances, qui
mont alors indiqu quils recherchaient des stagiaires en informatique.
Jai pu prendre connaissance des travaux en dveloppement web qui pourraient
tre raliss, tel quun site Web qui diffuse toutes les informations pratiques
concernant le Cercle Mixte, ainsi quune application Web ddie la gestion des
chambres mises la disposition des clients.
Les raisons qui mont pouss choisir ce stage plutt quun autre, sont simples, je
souhaite ds lanne prochaine morienter sur une formation ddie au Web. Jai pu
dcouvrir par le biais de la Licence Informatique les langages du Web. Jai t attir
par ce domaine, et je souhaite y approfondir mes connaissances. Ce stage me permettra
de vrifier galement mon intrt pour ce domaine.
Les objectifs du stage sont multiples, puisquil sagit de dvelopper le site Web et
lapplication de Gestion de lhtel en partant de zro. Ces deux projets doivent tre
fonctionnels dici la fin du stage. Il est de plus ncessaire de former une fois ces
applications conues, le personnel pour lutilisation et/ou mises jour de ces nouveaux
outils. Il ne sagit pas simplement de dvelopper, mais dtre lcoute des besoins des
diffrents utilisateurs, afin de raliser des produits adapts aux exigences de ceux-ci.
Je me fixe lobjectif de raliser intgralement ces projets (analyse, conception,
dveloppement), afin de canaliser tous mes acquis, et de me permettre la dcouverte
de nouveaux intrts dans le domaine du Web (le Webdesign par exemple).
Ce rapport est constitu de plusieurs parties :
La premire partie prsente lentreprise, et dfinit ses besoins. Il sagit de
dfinir les cahiers des charges des diffrents produits dvelopper.
La deuxime est axe sur ltude et lanalyse de ces deux projets, afin de
comprendre les raisonnements que jai pu suivre, malgr les contraintes prsentes.
La troisime portera proprement dit sur les dveloppements, savoir comment
jai pu implmenter.
BUCHER Samuel
Rapport de Stage
Le poste que jai occup ma impliqu dans d'autres mini-projets. Dans la
quatrime partie, je vous prsente quels ont t les autres activits, auxquelles jai pu
me consacrer.
Pour finir, il m'est indispensable de raliser un bilan de ce stage. Je relate les
comptences acquises grce cette exprience, et surtout je prsente un bilan
montrant en quoi ce stage permis de rpondre toutes mes questions concernant mon
projet professionnel.
BUCHER Samuel
Rapport de Stage
Pour commencer, je prsente ltablissement dans lequel jai pu effectu mon
stage. Les projets que jai pu accomplir sont en relation avec les besoins du Cercle
Mixte. J'introduis donc par la suite les cahiers des charges suivre pour le
dveloppement des deux projets Web.
1. Prsentation de lentreprise et de ses besoins

1) Le cercle mixte de la gendarmerie
a. Dfinition
i.
Quest-ce quun cercle mixte ?
Un Cercle Mixte dans la gendarmerie est un tablissement public caractre

administratif (EPA) plac sous la tutelle du ministre de la dfense. Ces tablissements
disposent chacun de leurs propres statuts et rglement intrieur. Ils possdent une
certaine autonomie vis--vis du ministre de la dfense tant administrative que
financire. Ils ont principalement une vocation sociale ou culturelle, mais dans tous les
cas, doivent remplir une mission dintrt gnral autre quindustrielle et administrative.
Les personnels sont gnralement des agents publics, tels que des fonctionnaires de la
fonction publique ou encore des agents non titulaires en CDD ou en CDI, relevant de
statuts particuliers.
ii.
O en trouve-t-on ?
Les Cercles sont rpartis selon 5 rgions : le-de-France, Nord-est, Nord-Ouest,

Sud-ouest et pour finir le Sud-est. Voici le dcoupage prsent en figure 1 ci-dessous.
8
Figure 1 : Cartes des Cercles et Mess
BUCHER Samuel
Rapport de Stage
b. Le cercle mixte de Besanon
i.
Prsentation
Le Cercle Mixte de la gendarmerie de Besanon a t fond en 1982.

Il y est organis des activits sociales, culturelles ou de loisirs permettant
notamment de mettre la disposition de ses membres des salles de restauration
(activit lie au Mess), des salles de consommation (activit lie au Bar) ou encore des
chambres (activit Htellerie).
Le Cercle de Besanon dispose en plus du Bar, du Mess et de lhtellerie, dune
autre activit qui lui est propre : un comptoir de ventes. Ce service propose ses
adhrents des tenues compltes et tous les accessoires dont peuvent avoir besoin les
gendarmes ou les militaires. Le Cercle Mixte rpond ainsi sa principale vocation :
remplir des fonctions dintrt gnral.
Lactivit principale du Cercle aujourdhui est la restauration. Chaque jour, le
restaurant ralise de 150 300 couverts, ce qui est sa capacit maximale (mais peut
tre largie 500 couverts lors de grands vnements).
Le Cercle Mixte de Besanon est un des tablissements les plus rentables de
France, grce ses multiples activits. Ceci lui permet de se dvelopper constamment,
dans le souci dune grande qualit de services.
ii.
Organigramme
Le Cercle Mixte de Besanon est dirig par le Major POILLET Bertrand et gr

par FALLAIS Patrice, et le Marechal des logis Chef VALLET LAURENT.
Une vingtaine de personnes travaillent sous leurs ordres et permettent ainsi de
faire fonctionner les diffrents services qui composent le Cercle. Le personnel est
essentiellement constitu de gendarmes, mais galement de civils qui sont embauchs
sous contrat.
Voici les organigrammes prsentant la hirarchie complte du Cercle Mixte en
figure 2 et 3 ci-dessous.
BUCHER Samuel
Rapport de Stage
Directeur
Major POILLET
Apprenti Rseaux
Grant d'activit
M. HUGUENOT
M. FALLAIS
Stagiaire
Developpement
Stagiaire
M. BUCHER
M. MARLIER
Rseaux
Directeur adjoint
Marechal des logis
/ Chef VALLET
Secrtaire
Secrtaire
Mme HAROU
GAV BECHTELLAH
Apprentie
Comptable
Mme BAGUE
Figure 2 : Organigramme du Cercle Gestion & Comptabilit
Service
Cuisine
Barman
Chef Cuisine
M. HUOT SOUDAIN
M. ARDEMENT
Serveurs
Cuisiniers
GAV HUET
M. STRABACH
GAV MERLES
GAV TRAVERS
GAV CONFIAC
GAV ARTIGUES
GAV HAMABI
Apprenti
M. ROUGEOT
Figure 3 : Organigramme du Cercle Service & Cuisines
2) Les projets
Deux projets mont t affects. Ils sont tout deux lis au Web : llaboration
dun site Web et dune application Web destine la gestion dun htel. Je vais vous
prsenter ces deux projets, en lien avec les besoins rels du Cercle Mixte.
a. Cration dun site Web
Le site Web est aujourdhui un moyen de communication efficace. Nous allons
tudier les besoins du Cercle Mixte concernant le Site Web.
BUCHER Samuel
10
Rapport de Stage
i.
Les besoins
Les membres du Cercle souhaitent pouvoir accder aux informations pratiques

facilement depuis internet. Il sagit donc de rpondre cette demande, en crant un
site Web, sur lequel diverses informations apparatront. Les clients demandent de
pouvoir tlcharger les menus du Mess pour le mois en cours, ou les mois suivants si ils
sont disponibles, et ce depuis chez eux. Ils dsirent galement pouvoir visualiser toutes
les informations lies aux chambres dhtel (leur prix, une description), au restaurant
(les diffrentes salles qui le compose), les tarifs des diffrentes prestations et
surtout les jours de fermeture du Cercle. Les jours de fermetures sont assez
alatoires, puisque le Cercle Mixte de Besanon peut tre ouvert les jours fris, et
inversement.
Par rapport ces besoins, il sagit de concevoir un site Web qui soit facile
daccs, disposant dune interface intuitive, qui permettra nimporte quel client de sy
retrouver. Le but premier de llaboration de ce site Web est de communiquer avec les
clients, pour leur mettre disposition une multitude de services. Le site Web pourra
galement tre une passerelle vers des services intranet pour le personnel, tel quune
redirection vers le planning du personnel, vers lapplication de gestion du planning de
lhtel (qui est le deuxime projet de ce stage) ou encore vers une interface de gestion
des tempratures des diffrents dispositifs rfrigrants.
ii.
Cahier des charges
Les besoins des clients du Cercle et du personnel sont maintenant connus, il sagit
de dlimiter le sujet avant toute analyse portant sur le site Web : par un cahier des
charges.
Jai t amen discuter avec les diffrents responsables, afin de structurer ce
projet. Ce site Web une fois son laboration termine, devra tre stock sur le domaine
free.fr. Free nous propose deux faons de stocker une base de donne : via un serveur
PostgreSQL ou MySQL. Aprs discussion, nous avons adopt lutilisation du serveur
MySQL pour de multiples raisons. Il m'est plus ais de dvelopper la Base de donnes
via linterface PhpMyAdmin, avec laquelle jai dj t amen travailler. De plus, mes
responsables prfrent lutilisation de ce serveur MySQL, parce quils ont lhabitude de
cette interface, et que en cas de problmes, ils seraient capables dintervenir sur un tel
serveur. Concernant le langage de programmation, il a t dcid de coder ce site web
en PHP.
Avant de lister le contenu que doit proposer le site Web, il ma t demand de
grer laccs du site Web de faon particulire. En effet, celui-ci ne doit en aucun cas
diffuser des informations des personnes non membres du Cercle Mixte. Pourquoi ce
BUCHER Samuel
11
Rapport de Stage
choix ? Le cercle mixte de Besanon est un EPA (Etablissement Public caractre
Administratif). Cet tablissement est rserv certaines personnes. Il offre ses
services exclusivement ses membres. Pour tre en adquation avec la loi, le site Web
ne doit sous aucun prtexte divulguer des informations au public. Son accs est donc
rglement aux seules personnes dfinies.
Concrtement, il sera mis en place comme mes responsables le souhaitent, un
formulaire dinscription o les visiteurs pourront dcrire leur nom, prnom, numro de
tlphone, adresse ainsi que leur situation (gendarme, militaire). Une fois leur
inscription ralise, elle est soumise vrification par un des administrateurs du site
Web. Il est demand quun email automatique soit mis lors de linscription dune
personne sur le site Web destin aux administrateurs (afin de les prvenir dune
nouvelle inscription instantanment). De mme un email destin au nouvel utilisateur est
souhait pour confirmer la validation de son inscription.
Maintenant que nous avons relat les diffrentes contraintes concernant laccs
du site Web, il sagit de savoir ce que le site Web diffusera. Par rapport aux
diffrentes demandes des membres du Cercle Mixte, le site diffuse les diffrentes
informations, qui sont lies aux multiples activits du cercle mixte (ici lhtel et
lactivit restauration), que vous retrouverez dans lorganigramme ci-dessous :
Restaurant
Hotel
Menus (sur lequel

figurent les jours
d'ouverture du cercle)
Tarification
Prsentation des salles
de restauration
Prsentation des
chambres (tarif,
description,
quipements...)
Informations
diverses
Contact du Cercle
(Tlphone, fax, mail,
adresse)
Plan d'accs
Figure 4 : Informations que le site Web diffuse
Diffrentes catgories de personnes ont accs au site Web. Les informations

dcrites ci-dessus sont accessibles pour tous les utilisateurs. Les diffrents statuts
inclure sont les administrateurs (qui pourront administrer le site Web, et qui peuvent
grer entirement son contenu), les employs du cercle mixte (pour lesquels, le site
propose un lien vers lintranet facilitant laccs au planning du personnel, planning de
gestion de lhtel et le planning de gestion des sondes de temprature), et pour finir les
BUCHER Samuel
12
Rapport de Stage
utilisateurs de bases, qui sont les clients (qui ont juste besoin dun accs aux
informations pratiques lies aux activits du Cercle).
La gestion de lensemble des utilisateurs est ralise par les administrateurs. Il
est donc prconis de crer une interface permettant la modification ou la suppression
aise de tous les utilisateurs inscrits (ou en cours de validation d'inscription) sur le site
Web.
Les informations qui sont mises en ligne, savoir les informations cites sur la
figure 4 ci-dessus, devront tre modifiables facilement par un administrateur. La mise
en ligne de fichiers, pouvant tre des photos de chambres dhtel, ou de salles de
restauration, ou encore de fichiers PDF illustrant les tarifs ou les menus, devra se faire
facilement et depuis nimporte quel ordinateur. La notion dadministration des donnes
contenues dans le site Web fait ressortir la notion de site Web dynamique. Chaque
utilisateur se connectant sur ce site ne rencontrera pas forcment le mme contenu
chaque visite.
b. Application Web consacr la gestion de lhtel
Aprs quelques semaines de stage, mes responsables ont eu lide de me donner
un deuxime projet : concevoir et dvelopper une application Web destine la gestion
des chambres pour lhtel.
i.
Lapplication existante : Chr Office
Le Cercle Mixte disposait il y a encore quelque temps dune application

propritaire, qui leur permettait de grer le planning doccupation de leurs chambres :
Chr-Office. Il sagit dune application payante destine la gestion de tout un
tablissement, comme la gestion de lhtel, en passant par celle du restaurant, de la
cave, des cuisines, du bar, des fournisseurs, des salaris, des menus, de la salle Ce
Logiciel sadresse aux Hteliers Restaurateurs.
Figure 5 : Logo Chr Office
Cette application est utilise par le Cercle Mixte pour grer exclusivement les
occupations des chambres de lhtel. Les autres services (restaurant, cuisines..) ne sont
pas utiliss sur ce logiciel. Le Cercle utilise actuellement cette application en version
trial. Il sagit dune application assez onreuse pour la seule utilisation quelle subit.
BUCHER Samuel
13
Rapport de Stage
Cette application est installe sur le serveur. Elle est utilise depuis les postes
relis au rseau du Cercle Mixte. Cette application dveloppe daprs mes
investigations en Visual Basic, est agrable utiliser par son design attrayant.
ii.
Une nouvelle application
Le Cercle Mixte disposait avant mon arrive de cette application, qui a jusqualors
bien fonctionne. Toutefois, mes responsables ont choisi de remplacer lapplication
existante par une autre application.
Les raisons de cette migration sont simples. Lapplication Chr Office est une
application lourde. Les nombreux crans figs engendrs ou crs par lutilisation de ce
logiciel sur les postes de Cercle Mixte sont devenus une hantise. Cette application
propritaire dveloppe en Visual Basic sera remplace par une nouvelle application
Web.
Mes responsables souhaitent que cette application soit dveloppe en PHP, en
utilisant une base de donnes MySQL, pour la rendre lgre, ractive et volutive. Les
raisons de ce choix sont simples. Cette nouvelle application Web peut tre lance sur
nimporte quel ordinateur sans la moindre installation. En effet, seul un navigateur Web
est ncessaire. De plus, cette nouvelle application doit tre accessible depuis nimporte
quel appareil (tablette, Smartphone..) et mme depuis lextrieur. Cette application est
stocke sur le serveur du Cercle Mixte. Une redirection de port sera dfinir, afin
dautoriser le personnel y accder depuis lextrieur du rseau. De plus, le
dveloppement dune base de donnes en MySQL sest avr plus appropri. Mes
responsables souhaitent pouvoir en cas de force majeur avoir accs aux donnes. Le
prcdant logiciel Chr Office ne leur laissaient pas le choix. Cest pourquoi la nouvelle
application devra tre dveloppe en utilisant une base de donnes MySQL, qui peut
tre visible et modifiable souhait par le biais de linterface PhpMyAdmin.
Lapplication Chr Office disposait dune interface design, garnie danimations, qui
narrangeaient pas ses problmes de rapidit dexcution. La nouvelle application doit
tre dveloppe de manire diminuer les temps dexcution, et ce sur nimporte quel
navigateur.
Le cahier des charges est simple : concevoir et dvelopper une application Web
en remplacement de lapplication existante. La nouvelle application doit donc reprendre
toutes les fonctionnalits de lancienne application, en apportant toutefois quelques
modifications. Elle doit afficher toutes les occupations des chambres via un planning.
Cest partir de ce planning que des occupations peuvent tre ajoutes aux chambres.
Elle doit permettre lajout doccupations de plusieurs types aux chambres de lhtel
comme :
BUCHER Samuel
14
Rapport de Stage
-
Les rservations (par un client, pour une priode indique)
Les priodes de travaux (durant laquelle la chambre reste indisponible)
Egalement,
il
sera
possible
dajouter
des
priodes
de fermetures
de
ltablissement (durant laquelle les chambres seront toutes indisponibles), dajouter des
jours fris (avec la possibilit dautoriser ou non les rservations pour ce jour
particulier). Il sera apprci que des informations lies aux chambres soient
directement affiches sur le planning. Ainsi, lors dune rservation par tlphone, le
personnel peut ainsi dcrire le contenu des chambres disponibles facilement (ce qui
ntait pas gr par Chr Office). Tout comme lancienne application, les rservations
peuvent suivre des volutions (en attente, paye, client arriv). Lvolution dune
rservation doit tre modifiable en quelques clics.
Toute la gestion des chambres (composition, appareils disponibles), occupations
(travaux, rservations), des vnements (priodes de fermetures, jours fris), des
clients et utilisateurs doit se faire de manire aise. Linterface doit tre simple, et
permettre mme avec une seule main de crer une rservation.
Il est souhait par mes responsables d'y intgrer des nouveaux services :
-
Lexport en PDF du planning de lhtel
Lexport en SQL de toute la base de donnes (en un fichier SQL),

directement depuis lapplication, sans passer par PhpMyAdmin.
Dautres fonctionnalits seront apportes cette application durant les

dveloppements, ou lorsque lapplication sera en ligne. Il sagit deffectuer un travail de
vritable dveloppeur. Etre lcoute, analyser, et intgrer les volutions constantes
lapplication, dont le cahier des charges est en volution permanente, fait parti des
qualits adopter.
2. Etudes et analyses des projets

Maintenant que nous avons dtermin le cahier des charges suivre pour les deux
projets, nous allons les analyser pour savoir comment les concevoir.
1) Analyses lies au dveloppement du site web

Analysons le premier projet de dveloppement. Nous dterminons dans un
premier temps la structure de donnes adopter pour reprsenter au mieux toutes les
informations dont le site Web besoin, par rapport aux attentes de mes responsables.
a. Cheminement nominale dune inscription
Le cercle Mixte de la gendarmerie de Besanon est un organisme particulier : un
tablissement public caractre administratif (EPA). Cet tablissement but non
BUCHER Samuel
15
Rapport de Stage
lucratif, n'a pas le droit de faire de publicit, vis vis de la lgislation. Le site Web que
je dveloppe ne sera pas accessible par tout le monde. Il est ncessaire de
s'authentifier pour avoir accs au contenu du site Web. Les utilisateurs de ce site
doivent s'inscrire par le biais d'un formulaire d'inscription o ils renseignent
diffrentes informations ncessaires vis--vis du cercle (exemple : nom, prnom, statut,
adresse mail, adresse, tlphone, grade...). Les administrateurs doivent par le biais des
informations saisies, admettre ou non l'utilisateur.
Lors de diffrentes tapes, des mails doivent tre envoys pour confirmer
certaines actions. Par exemple il est souhait que lorsque l'utilisateur soumet son
inscription, un mail lui soit envoy, pour lui confirmer sa demande. Il est galement
envoy un mail aux administrateurs, pour leur indiquer une nouvelle inscription, qui est
valider. Lorsqu'un administrateur valide une inscription, pour autoriser l'utilisateur se
connecter au site Web, un mail lui est envoy, lui informant que son accs au site Web
est tablit. Si l'administrateur ne valide pas l'inscription, ou qu'il supprime un compte
utilisateur, l'utilisateur est prvu par mail de la perte de ses identifiants. La mise en
place de ces mails automatiques ncessite la configuration du serveur SMTP, en le
spcifiant dans le fichier de configuration de PHP : php.ini. Il faut ainsi dfinir le
serveur SMTP pour l'envoi (ici smtp.free.fr), le port (ici 25, pour un accs non scuris
au serveur d'envoi), et l'adresse mail (ici cmgiebsn@free.fr).
Les informations saisies pour identifier un utilisateur doivent tre stockes dans
la base de donnes, afin de pouvoir retrouver, dans n'importe quelles circonstances, les
informations le concernant.
b. Les actions possibles
Dfinissons ds maintenant les droits et utilisations possibles du site web pour
tous les types d'utilisateurs.
Mes responsables souhaitent intgrer la gestion de 3 types d'utilisateurs : les
utilisateurs standard (ou visiteurs), le personnel du Cercle Mixte et les administrateurs.
La figure 6 illustre la hirarchie
Administrateurs
que
Personnel du Cercle
Mixte
Utilisateurs standard (ou
visiteurs)
Figure 6 : Hirarchie des utilisateurs
BUCHER Samuel
je
dcris
administrateurs
ci-aprs.
possdent
tous
Les
les
droits d'utilisation du personnel du

Cercle Mixte, avec en plus toute la
partie de gestion et d'administration du
site Web. Le personnel reoit tous les
droits des utilisateurs standards, avec
16
Rapport de Stage
en plus un lien vers diffrents services intranet (accs au planning de gestion du
personnel ou de l'htel). Les utilisateurs standards possdent exclusivement des droits
de consultations, concernant le contenu du site Web. Dans le diagramme des cas
d'utilisations figurant en annexe n1, il est prsent toutes les possibilits lies
chacun des utilisateurs.
c. Structure de la base de donnes
Comme on a pu le constater dans la sous-partie prcdente, la base de donnes
doit dtailler toutes les informations lies aux utilisateurs, afin de pouvoir les identifier
au maximum.
Tous les utilisateurs doivent renseigner les mmes informations, afin de les
identifier au maximum. La structure de la base de donnes vite les doublons, et surtout
permet de changer le type des utilisateurs aisment.
Au del de cette gestion des utilisateurs, plusieurs informations concernant le
cercle mixte doivent tre structures. Ainsi, il est souhait de stocker toutes les
informations lies aux activits suivantes :
-
htellerie, o toutes les informations concernant les chambres seront
accessibles, telles que le prix de la nuite, les diffrents conforts, appareils, ou type de
lits disponibles dans chacune d'elles, en vitant des redondances d'informations.
-
restauration, o toutes les informations concernant les salles disponibles
la clientle (nombre de couverts, description), ainsi que les menus (o figurent

galement les jours de fermetures du restaurant) sont mis en ligne.
-
comptoir des ventes, o il est possible d'insrer une slection de produits
disponibles la vente (prix, description, confinement...). Cette activit n'tait pas

prvue au dpart, mais aprs avoir mis en ligne un produit fini, mes responsables ont
souhait couvrir la diffusion d'informations leurs membres pour cette activit.
En plus de la description de ses activits, le site web du cercle mixte est amen
divulguer toutes ses informations pratiques. Les contacts par tlphone, fax, mail ou
autre sont ainsi renseigns dans la base de donnes.
Toutes ces informations stockes sur la base de donnes, doivent tre
modifiables souhait par les administrateurs, par le biais de formulaires. La figure 7
donne la structure de la base de donnes choisie.
BUCHER Samuel
17
Rapport de Stage
Figure 7 : Schma relationnel de la base de donnes du site Web
2) Analyses lies lapplication de gestion de lhtel

Intressons nous la base de donnes sur laquelle est stocke toutes les
informations lies la gestion des chambres d'htel.
a. Structure de la base de donnes
La base de donnes est le cur de cette application. Elle doit pouvoir contenir
toutes les informations relatives aux chambres :
-
Le Numro et ltage
Le prix
Les commentaires particuliers une chambre (comme par exemple accs

handicap)
Les lits disponibles (lits simples, doubles, lectriques ou non)
Les conforts installs (WC, baignoire, douche)
Les appareils mis disposition (dcodeur TV, TV grand cran, TV petit cran,
cafetire)
Il ma t demand dintgrer la liste des appareils, des conforts et des lits

installs dans chacune des chambres, pour faciliter la prise dinformations de la part des
employs.
BUCHER Samuel
18
Rapport de Stage
Egalement, elle doit stocker les informations permettant didentifier les clients :
-
Nom,
Prnom,
Tlphone,
Leur statut (tel que M. ou Mme ou Mademoiselle ou Major, Lieutenant)
Leur frquence (si le client est VIP, Habitu, Normal)
Je considre que les utilisateurs de lapplication peuvent tre galement des

clients. Ainsi, ils peuvent sils le souhaitent rserver une chambre pour eux mme. Parmi
ces utilisateurs, on distingue les administrateurs des simples utilisateurs. Les
administrateurs disposent dun droit privilgi sur les donnes de la base.
Au point de vue occupation, je considre quune chambre est occupe pour
diffrentes raisons :
-
Pour travaux (La chambre est occupe. Il est ncessaire dassocier un motif
pour ce type doccupation)
Pour rservation (Loccupation est dans ce cas lie un client). La rservation

est galement associe un statut (comme en attente , arriv ,
pay )
Pour fermeture (dans le cas o tout ltablissement est ferm, suite une
priode de vacances ou loccasion dun jour fri).
La figure 8 donne la structure de la base de donnes associe cette application.
19
BUCHER Samuel
Rapport de Stage
Figure 8 : Schma relationnel de l'application htel
Ce schma relationnel illustre une base de donnes structure, qui peut tre
modifiable souhait depuis des formulaires.
b. Les possibilits des utilisateurs
Il est important de dlimiter ds maintenant tous les cas dutilisations de
lapplication pour les diffrents acteurs qui sont en interaction avec celle-ci. Les
utilisateurs de lapplication se distinguent en 2 catgories :
-
Les utilisateurs (les employs du Cercle Mixte)
Les administrateurs (quelques employs du Cercle).
Les clients, bien quils soient des acteurs importants dans les rservations ne
sont en aucun cas habilits s'introduire sur cette application.
Avant de dfinir tous les cas dutilisations, il est noter que les utilisateurs sont
obligs de passer par une tape didentification, pour garantir laccs aux seules
personnes habilites. Dfinissons ds prsent les droits de chacun des utilisateurs du
site Web.
20
Tous les utilisateurs (standard ou administrateurs) bnficient de tous ces

droits :
BUCHER Samuel
Rapport de Stage
-
Gestion des Lits, Appareils et Confort disponibles au sein de lhtel (qui inclut
lajout, modification ou suppression)
Gestion des chambres (ajout, modification, et suppression de chambre). Il est

possible de lier des lits, conforts et appareils aux chambres. Par exemple, une
chambre pourra contenir une TV grand cran, Cafetire...
Gestion des clients (en ajouter, modifier ou supprimer)
Gestion des rservations et des occupations pour travaux (ajout, modification

et suppression)
Il est noter que les suppressions concernant les donnes sont soumises
vrification. Lutilisateur ne pourra en aucun cas supprimer une donne, si celle-ci est
utilise dans une autre table (associations FOREIGN KEY). Cela permettra de garder
une base de donnes fiable.
Les administrateurs disposent de quelques droits supplmentaires comme :
-
La gestion des utilisateurs (seuls eux peuvent supprimer un utilisateur, ou le

rendre simple client)
La gestion des vnements (tel que les jours fris pour lesquels
ltablissement peut tre ouvert ou ferm et les priodes de fermetures pour
lesquelles ltablissement naccepte aucune rservation)
Laccs un outil de sauvegarde de lapplication (soit une sauvegarde complte

de la base de donnes au format SQL, soit une sauvegarde des dates
prdfinies du planning de lhtel au format PDF).
La gestion des civilits (pour les clients), volutions ("en attente", "pay", etc.
pour les rservations) ou Frquences ("VIP", "habitu", etc. associes aux
clients), avec possibilit dajout, modification ou de suppression de ces
donnes.
Je considre que seul ladministrateur pourra crer et grer ces informations,

pour garantir une certaine fiabilit des donnes, et garantir l'accs de lapplication aux
bonnes personnes. Un rcapitulatif de ces cas d'utilisation figure sur l'annexe n10.
c. Cheminement de la cration dune nouvelle rservation
Les rservations se font par le biais du planning. Cest ce seul endroit que
lutilisateur peut crer une rservation.
L'utilisateur se retrouve confront la page du planning, o toutes les
disponibilits apparaissent. L'utilisateur clique simplement sur la disponibilit pour
enclencher la procdure de cration d'une occupation.
BUCHER Samuel
21
Rapport de Stage
Dans la figure 9, l'utilisateur slectionne une disponibilit au vendredi 31 Mai
pour la chambre 8. En continuant, l'application nous demande de slectionner une date
de dbut d'occupation, ainsi qu'une date de fin d'occupation pour la chambre choisie.
Figure 9 : Choix d'une disponibilit pour une nouvelle occupation
L'application nous autorise choisir exclusivement des dates qui sont

entirement valides (qui vitent des chevauchements d'occupations...). L'utilisateur
dcide d'appliquer ou non cette occupation d'autres chambres, qui sont galement
disponibles pour les mme dates. Il est ensuite demand l'utilisateur de choisir quel
type d'occupation attribuer la chambre : une rservation, qui sera associe un client,
ou alors une occupation pour travaux.
3. Ralisation et dveloppement
Nous allons nous intresser aux dveloppements lis aux diffrents projets. Le
site Web, ddi la diffusion d'informations concernant le Cercle Mixte ses
diffrents membres, doit rester le plus simple possible.
1) Un site Web Attrayant

Avant de nous pencher sur quelques pages disponibles aux utilisateurs, il est
prfrable d'organiser la structure que le site Web prendra.
a. Design
Le design du site Web est un lment crucial concevoir. Tous les utilisateurs
sont confronts ce design. Il est donc important de concevoir une interface captivante
et structure, dans laquelle tout le monde pourra s'y retrouver. J'ai opt pour le
dveloppement d'un design simple, ce qui n'tait pas le cas au dbut. En effet, je
m'tais intress au Web Design sous Photoshop. J'ai appris utiliser un tel logiciel de
retouche photo cette occasion. A l'aide de tutoriels disponibles sur le net, j'ai pu
concevoir une premire maquette du site Web. N'tant pas totalement satisfait, j'ai
dcid de crer un design simple et lger, pour favoriser son accs par n'importe quel
internaute reli en haut ou bas dbit. J'ai finalement utilis des styles disponibles en
CSS concernant l'attribut background o j'ai pu dfinir des arrires plans esthtiques.
BUCHER Samuel
22
Rapport de Stage
J'ai pu dfinir galement des bords arrondis au diffrent menu, et autre titre. Voici la
structure gnrale utilise par toutes les pages du site Web.
Figure 10 : Structure du Site Web
On identifie facilement sur la figure 10 les lments principaux d'une page Web,
savoir en haut l'entte, pourvue ici du logo du cercle mixte. On retrouve galement le
block ddi au menu divis en 3 :
-
gauche, le menu affich pour tous les types d'utilisateurs, donnant accs
au contenu du site Web,

-
au milieu, les liens vers les autres services du cercle mixte, rserv au
personnel,
-
droite, les onglets donnent accs toute la partie gestion du site web.
Seuls les administrateurs bnficient de ces onglets.

Le block situ gauche de la page Web est flottant. Il affiche en premier les
sous-menus de l'onglet slectionn en blanc dans le compartiment du menu. Il affiche
galement les dernires mises jour ralises par les administrateurs concernant les
BUCHER Samuel
23
Rapport de Stage
menus. Le 3ime espace est ddi aux informations pratiques. Il divulgue ainsi les
coordonnes du cercle mixte depuis n'importe quelle page.
Le pied de page affiche uniquement l'anne de cration du Site Web.
Le contenu du Site Web est prsent dans un block central.
b. Une interface standard
Tous les utilisateurs disposent du mme accs au contenu de ce site. Ils
bnficient d'un accs aux informations lies aux diffrents services du cercle mixte :
-
restauration, o les utilisateurs ont accs aux tarifs appliqus. Les tarifs
sont accessibles par une fiche au format PDF, affiche directement dans la page Web.
Egalement, il est prsent les menus en ligne. Ces menus, sont disponibles en format
PDF, pour les mois n-1, n et n+1 (o n est le mois courant). L'utilisateur les tlcharge
pour afficher son contenu. Les salles disponibles la restauration sont prsentes en
termes d'effectif. Une brve description leur est accorde. Mes responsables ont
souhait l'intgration d'un diaporama de photos illustrant les salles slectionnes. Ainsi
le diaporama se met jour pour afficher exclusivement les photos associes la salle
slectionne. Des illustrations de ces ralisations sont disponibles en annexe n2.
-
htellerie, o les chambres sont prsentes. Il s'agit communiquer ses
membres le contenu des chambres ( savoir les conforts, appareils ou types de lits
disponibles). Egalement, mes responsables ont souhait intgrer un diaporama pour
chacune des chambres. L'utilisateur slectionnera la chambre pour laquelle, il souhaite
voir des photos. Cette page figure en annexe n3.
Aprs la mise en ligne du site Web, au moment o j'cris ce prsent rapport, mes
responsables ont souhait diffuser de nouvelles informations, concernant l'activit de
comptoir des ventes. Le Cercle Mixte propose une multitude de produits. Il est souhait
d'intgrer au Site Web l'affichage d'une slection de produits les plus vendus, mais
galement les promotions proposes au Cercle Mixte. Mes responsables ont souhait
intgrer des informations sur les fournisseurs ou de regrouper les produits par familles.
Les visiteurs peuvent retrouver par le biais de filtres les produits recherchs, soit par
une recherche par mot clef, soit par une recherche par famille, ou alors par fournisseur,
s'ils le connaissent. Les visiteurs bnficient galement d'un catalogue PDF complet de
tous les produits disponibles au Cercle Mixte. Ce catalogue est gnr par l'application
de gestion des ventes au Cercle Mixte : EPB Point de Vente. Ce catalogue sera mis jour
rgulirement par les administrateurs. Ces changements ont boulevers la structure de
la base de donnes, laquelle j'ai associ de nouvelles tables. Voici dans la figure 11 la
structure finale de la Base de donnes du Site Web.
BUCHER Samuel
24
Rapport de Stage
Figure 11 : Structure de la base de donnes finale du Site Web
Un onglet spcial rserv au comptoir des ventes sera rajout au menu, pour
faciliter l'accs aux promotions, aux slections de produits, ainsi qu'au listing complet
des produits proposs au Cercle Mixte. Le nouveau menu des visiteurs est illustr dans
la figure 12 ci-dessous.
Figure 12 : Menu des visiteurs
Les informations pratiques sont des informations essentielles communiquer. Les

informations de contact sont affiches sur toutes les pages, dans le block gauche de la
page Web. Par contre, il a t souhait de crer une page o un plan d'accs au Cercle
Mixte sera disponible. Ce plan d'accs est gnr par Google Maps. A l'aide d'une balise
HTML coller dans le code de gnration de la page Web dsire, le plan s'affiche
prcisment. Une photo de cette page est disponible en annexe n4.
BUCHER Samuel
25
Rapport de Stage
c. Les interfaces rserves aux personnel du Cercle
Le personnel du Cercle Mixte possde plusieurs droits, qui ne sont pas
accessibles pour les utilisateurs de base.
i.
Le personnel
Le personnel du Mess peut par le biais du site Web, retrouver tous les liens vers
les autres services informatiques. Le site Web sert de passerelle vers diffrents
services intranet disponibles. Les diffrents services intranet concerns sont
l'application de gestion de l'htel ainsi que l'application de gestion du personnel.
Egalement, il est possible d'accder l'interface Web de gestion des sondes de
temprature pour les rfrigrateurs et conglateurs des cuisines, grce un lien.
ii.
Les administrateurs
Les employs du Mess bnficient de liens vers diffrents services. Toutes les
tches d'administration du site Web sont rserves aux administrateurs.
Il a t ncessaire de structurer toute la Base de donnes ainsi que
d'implmenter toute une srie de formulaires, pour permettre aux administrateurs de
modifier le maximum de contenu sur le site Web. Les diffrentes actions possibles sont
regroupes par thmes.
Figure 13 : Menu du site Web
On observe sur la figure 13 l'onglet Utilisateurs, sur lequel l'administrateur

pourra accder aux pages de gestion des utilisateurs inscrits (o il a la possibilit de les
modifier ou les supprimer), ainsi qu' une page de gestion des utilisateurs ayant soumis
une requte d'inscription, mais qui est en attente de validation. L'administrateur peut
choisir de valider ou non ces inscriptions, et de reconnatre les utilisateurs en
diffrents statuts : standard (de simple clients), en tant qu'employ du cercle mixte ou
en tant qu'administrateur. Des captures d'cran de ces diffrentes pages de gestion
des utilisateurs sont en annexe n5.
Les utilisateurs doivent rentrer dans leurs inscriptions la fonction ou qualit
qu'ils ont atteinte. Pour cela, mes responsables ont privilgi au dbut une approche
statique. Les fonctions ou qualits qu'ils pouvaient renseigner taient prdfinies dans
le code. Voici quoi ressemblait le cadre rserv la slection de ces informations dans
la figure 14.
BUCHER Samuel
26
Rapport de Stage
Figure 14 : Block de slection de qualit statique
L'utilisateur choisissait sa qualit parmi celles inscrites. Mes responsables m'ont

demand sil tait possible de rajouter une nouvelle qualit la hirarchie des
gendarmes. C'est alors qu'il m'est venu l'ide de leur proposer une interface, par
laquelle les administrateurs du site Web seraient amens dfinir, modifier ou
supprimer ces diffrentes qualits. Ainsi la liste de ces qualits serait en constante
volution. Voici l'aspect de ce block dynamique, ddi la slection de la qualit au
moment de l'inscription dans la figure 15.
Figure 15 : Block de slection de qualit dynamique
L'administrateur peut dornavant modifier souhait l'intitul de ses cadres

(Gendarmerie, Administration, Police, Militaire...), ainsi que leur contenu (Actif,
Rserviste...), grce une interface de gestion de ces qualits simple et pratique qui
figure en annexe n6.
En plus de la gestion des utilisateurs et de leur qualit, les administrateurs ont la
possibilit de grer le contenu du site Web, savoir le contenu li la prsentation des
diffrentes activits du Cercle Mixte, telles que le restaurant ou l'htel, tout comme
les informations gnrales lies au Cercle. Il est donc possible aux administrateurs de
grer tout le contenu li au restaurant:
-
Les menus, qui sont mis en ligne sous format PDF. Chaque fichier PDF
upload sur le serveur est associ un menu dans la base de donnes. Tous les menus
seront stocks dans le mme dossier sur le serveur.
BUCHER Samuel
27
Rapport de Stage
-
Les tarifs, sont affichs en un seul exemplaire. Seul le tarif de l'anne
courante est upload par l'administrateur sur le site Web au format PDF.
L'administrateur peut supprimer le fichier dj existant, ou le remplacer par un autre.
-
Les salles de restauration, sont gres par une interface, qui permet de
leur associer des photos. Cette interface doit permettre la modification des donnes
illustrant les salles dans la base de donnes, mais galement permettre de grer les
photos lies la salle (en les ajoutant ou supprimant facilement).
Les administrateurs sont capables garder jour les informations lies aux
chambres de l'htel. Ils peuvent souhait modifier le contenu de chaque chambre
(appareils disponibles, lits installs, ou conforts intgrs)... Il est possible d'ajouter,
modifier ou supprimer tout le contenu li aux chambres ainsi que les chambres ellesmmes. L'interface de gestion des chambres de l'htel doit au del de la gestion de
donnes, prendre en charge l'intgration de photos ces chambres, pour les illustrer.
Vous trouverez en annexe n7 les interfaces de gestion des chambres
permettant une gestion des photos associes celles-ci. J'ai essay de concevoir ces
interfaces pour permettre l'utilisateur de ne pas rflchir son utilisation, et de la
rendre la plus intuitive possible. L'interface ddie la gestion des salles de
restauration est la mme la diffrence des donnes (la salle de restauration n'aura
pas de gestion des lits, appareils ou autres lits disponibles...).
L'administrateur est galement capable de modifier le contenu de sa page
d'accueil. Le message d'accueil est en effet stock dans un fichier texte. J'ai trouv
assez inutile de crer une table dans la base de donnes SQL, pour y faire figurer des
phrases qui apparatraient l'accueil du site. Ainsi grce la balise TEXTAREA,
l'utilisateur peut modifier directement depuis une page web le contenu du fichier et
donc le message d'accueil de la page Web. L'administrateur peut sil le souhaite y
intgrer des balises HTML pour le mettre en forme. L'annexe n8 prsente la page de
gestion du message d'accueil et l'affichage de ce message sur la page d'accueil.
Il peut finalement modifier les diffrentes informations pratiques que les
utilisateurs du site web retrouveront dans le block de gauche, savoir les informations
concernant les contacts. L'administrateur pourra modifier souhait les informations de
contact (numro de tlphone, mail, fax...). J'ai tudi la structure de la base de
donnes ainsi que des formulaires de gestion de telle manire faciliter les mises jour
pour les administrateurs.
BUCHER Samuel
28
Rapport de Stage
L'activit comptoir de ventes m'a oblig intgrer la gestion des produits,
promotions et catalogue de produits par les administrateurs. Des formulaires de saisies,
de modification ou de suppression ont du tre implments.
Aprs quelques rflexions, je me suis propos de revoir l'organisation du menu du
Site Web, pour le rendre plus comprhensible pour les administrateurs. Une copie du
nouveau menu est illustre dans la figure 16 ci-dessous.
Figure 16 : Nouveau Menu complet pour les administrateurs du Site Web
On remarque que la premire ligne du menu est rserve aux visiteurs et aux
employs du Cercle Mixte, tandis que la deuxime ligne du menu offre toutes les
possibilits de gestion aux administrateurs.
J'ai finalement structur mes menus, pour permettre l'administrateur une
meilleure prise en main. Ainsi l'onglet "Gestion Comptoir" donne accs toutes les pages
de gestion du comptoir des ventes (gestion des produits, promotions...). J'ai finalement
dissoci l'onglet "salles" en deux onglets distinct "Gestion Restaurant" et "Gestion
Htel", qui permette d'accder tous les formulaires de gestions, qui leurs sont
propres. Ce nouveau menu, intgr tardivement sur le site Web, m'a confront aux
problmes de mises jour de tous les pages impactes par cette rorganisation.
Mes responsables ont galement souhait l'intgration d'une page ddi l'envoi
de newsletter. Cette page PHP propose un administrateur d'envoyer facilement un mail
tous les abonns de la Newsletter. L'interface autorise les administrateurs intgrer
des pices jointes (dont le type est filtr parmi une liste). Le mail est envoy au format
HTML. Il dispose d'un entte pourvu du logo, et d'un pied de page contenant les
informations de contact du Cercle Mixte. Il m'a t difficile d'implanter les pices
jointes, puisqu'elles n'taient pas reconnues par certaines botes mail. La fonction PHP
mime_content_type tant obsolte, j'ai du dfinir moi mme tous les types mime pour
les pices jointes autorises (ppt, pptx, xsl, xslx, doc, docx, csv, jpg, png et pdf), pour
que les pices jointes soient enfin reconnues correctement (notamment par les botes
de rception orange). Cette fonctionnalit permet donc d'envoyer un mail aussi
simplement que sur des fournisseurs tels que orange, gmail...
J'ai conu et ralis toutes ces pages de gestion du contenu du site web en ne
perdant pas l'esprit qu'elles devaient tre le plus simple possible. Tous ces
formulaires de modification peuvent ainsi modifier souhait tout le contenu du site
BUCHER Samuel
29
Rapport de Stage
Web. Chaque visiteur ne rencontre pas les mmes informations chaque connexion, ce
qui permet d'affirmer que ce site Web est totalement dynamique.
2) Lapplication htel
Cette application remplace Chr Office. Elle devra tre ractive, design et
pratique. Nous allons nous intresser au design que jai choisi dappliquer.
a. Le design
Je nai au cours de ma formation jamais encore pu raliser de Web design par
moi-mme. Ce projet en plus du projet dlaboration de site Web, est une bonne
occasion de dcouvrir les joies du design, associes ici la magie du CSS.
Pour des raisons dergonomie, jai choisi dlargir la page Web de cette
application. Mes responsables souhaitaient afficher plus de contenu, ce qui ma pouss
par soucis de lisibilit dlargir toutes les pages Web, pour du coup garder une certaine
cohrence entre elles. Les diffrentes pages ne sont pas disposes de la mme faon.
Certaines affichent de simples formulaires de saisie, ou des formulaires offrant
plusieurs modifications la fois, tandis que dautres soccupent de laffichage beaucoup
plus complexe du planning. Pour toutes ces pages, jai choisi de garder le mme entte, le
mme menu, et le mme pied de page. Seul le contenu sera modifi loisir.
Intressons nous au design des lments les plus retrouvs sur les pages de
lapplication.
Le block central contenant tous les lments a t dimensionn de manire large,
par rapport aux souhaits de mes responsables. Jai choisi de crer une interface jolie
regarder. En effet, cette application est loutil de travail de tous les employs du cercle,
cest pourquoi jai dcid dintgrer en arrire plan une photo colore du Mess. Le block
central bnficie dun degr dopacit et de transparence, qui permet de rendre le
contenu du site visible !
Lentte, illustre en figure 17 ci-dessous, se rvle tre compose du logo du
Cercle ainsi que du titre des pages sur lequel lutilisateur est connect. Il a t souhait
par mes responsables dajouter un calendrier qui permettrait daccder directement la
date voulue sur le planning, dans un souci defficacit. Jai pour ma part, choisi dintgrer
le menu au sein de lentte pour gagner un maximum de place, et permettre ainsi
laffichage de la plus grande partie du contenu de la page lcran. Je me suis permis de
crer un menu droulant avec laide exclusive du CSS, sans la moindre utilisation de
JavaScript, qui sanime au passage de la souris. Les menus de gestion du planning et de
lhtel apparaissent pour tous les utilisateurs. Longlet administration se rvle
BUCHER Samuel
30
Rapport de Stage
exclusivement aux administrateurs, permettant un accs
des
modifications
particulires.
Figure 17 : Entte de l'application Htel
Le pied de page quand lui, simple, permet un accs aux diffrents autres
services utiles aux utilisateurs du cercle mixte. Il y figure des liens pour laccs au
planning du personnel, tout comme laccs au site Web. Seul ladministrateur bnficie
de longlet daccs aux sauvegardes de lapplication. Ce pied de page est observable sur
la figure 18 ci-aprs.
Figure 18 : Pied de page de l'application Htel
b. Les interfaces dinitialisations et de modifications des

informations portant sur lhtel
Avant que lapplication puisse tre utilise au quotidien, il faut linitialiser. Pour
cela, il a t ncessaire de crer des formulaires, dans lesquels lutilisateur de
lapplication intgre toutes les donnes ncessaires.
i.
Les chambres
Pour ce faire, les chambres disponibles doivent tre reprsentes au sein de

lapplication. Pour cela ladministrateur doit crer un listing des appareils, conforts et
quipements disponibles parmi toutes les chambres de lhtel afin de les centraliser.
Ainsi, jai dvelopp une interface permettant de grer les diffrents appareils,
conforts et quipements disponibles, comme vous le constatez en annexe n12.
Linterface est semblable pour les 3 formulaires de gestion des appareils, conforts et
lits. Elle dispose dune liste faisant tat des lieux de ce qui a t dj cre, et dispose
en bas de page un formulaire de saisie dun nouvel enregistrement. Les modifications des
enregistrements se font via une autre page disposant dun formulaire de modification.
BUCHER Samuel
31
Rapport de Stage
Une fois la composition des chambres ralise, les chambres peuvent elles-mmes
tre gres via leur propre interface. Celle-ci nest pas diffrente des 3 autres cites
prcdemment. Linterface dispose dune liste des chambres dj cres. Il y a
galement possibilit den rajouter rapidement en bas de page. Cest au niveau de la page
de modification quil y a du changement. Cette page de modification des chambres,
permet lutilisateur dassocier facilement des quipements, appareils ou conforts
nimporte quelle chambre. On veille ne pas lier une chambre plusieurs mmes
appareils (plusieurs cafetires par exemple) et plusieurs conforts (plusieurs
douches). On peut par contre, comme mes responsables le souhaitent, associer
plusieurs fois le mme lit la mme chambre (une chambre pourra tre compose de 2
lits 2 places). Cette page dispose dun bloc flottant gauche permettant de grer le
contenu des chambres. La partie centrale permet de modifier les informations de bases
des chambres. Linterface de modification des chambres est apprciable sur lannexe
n13.
ii.
Les clients
Les clients peuvent changer de numro de tlphone, dadresse Ces

informations doivent pouvoir tre modifie. Les utilisateurs de lapplication disposent
dune page ddie la gestion des clients. Cette page leur permet dobtenir rapidement
toutes les informations pralablement rentres sur un client. Javais au dpart conu
une page sur laquelle saffichaient tous les clients actuellement inscrits sur lapplication.
Je me suis rendu compte que le Cercle disposait dnormment de clients. Pour ne pas
noyer lutilisateur dans une longue page de clients, jai dcid dajouter un filtre. Les
clients sont tris par leur nom de famille, en partant de A Z. Lutilisateur peut
disposer de la liste de tous ces clients commenant par la lettre A ou B jusqu Z. J'ai
toutefois gard un onglet offrant le listing complet de tous les utilisateurs. Egalement,
jy ai intgrer des pages de 10 clients, permettant ainsi de structurer au maximum
laffichage, pour ne pas noyer lutilisateur dans une tonne dinformations. La page
permettant de grer le listing des clients est disponible lannexe n14, qui illustre mes
propos. Il est noter que seul ladministrateur peut modifier le statut dun client vers le
statut d'utilisateur ou d'administrateur. Egalement, lui seul la possibilit de supprimer
un utilisateur ou autre administrateur.
c. Linterface principale
i.
Le planning
Il sagit ds prsent de sintresser la page principale de lapplication, partir

de laquelle, tout est accessible : le planning. Le planning a t assez compliqu
dvelopper, tant au point de vue des requtes SQL crer, quau niveau de la mise en
forme pour obtenir un semainier beau et pratique. Je me suis efforc dans un souci
BUCHER Samuel
32
Rapport de Stage
doptimisation de soumettre le moins de requtes possibles dans la gnration de cette
page. En effet, mes responsables souhaitent prendre possession dune application rapide,
qui leur afficher le planning de l'htel dans le quart de seconde qui suit, que cela soit en
rseau local, ou en passant par internet. Je mtais ds le dbut pench sur un planning
affichant une semaine de 7 jours en partant de la date du jour. Mes responsables pour
des raisons pratiques ont souhait que jaffiche 14 jours de rservations, ce qui avait
engendr la modification des proportions du block central (par un largissement de
1024px 1200px). Egalement, jai d par la suite rajouter lentte du tableau la fin du
tableau contenant le planning, pour permettre une meilleure lisibilit. Il ma t demand
de rajouter les informations lies aux chambres sur ce planning. Ainsi, lorsque
lemploye prend une rservation au tlphone, il peut accder depuis cette unique
interface aux informations lies aux chambres, laide dune petite info-bulle
rcapitulative. La disposition du cur de cette application est disponible en annexe n11
ci-aprs.
ii.
Les occupations
Le planning permet, lorsque la chambre nest pas occupe de lui associer une
occupation.
Les nouvelles occupations dbutent la date slectionne sur le planning (mais
peut toutefois tre modifie). Ainsi, si lutilisateur clique sur la case du 1er mai, pour la
chambre 1, lutilisateur se retrouve sur une page le guidant dans cette dmarche. J'ai
voulu concevoir une application la plus complte possible, tout en restant simple, ce que
ne va pas forcment de paire. Ainsi je me suis efforc de mettre en uvre une
interface qui permet lutilisateur dtre vritablement guid. Les diffrentes pages qui
permettent de dfinir les informations dune nouvelle occupation ont t conues dans
cet esprit. Jai pu dvelopper une page sur laquelle lutilisateur slectionne les dates de
dbut et de fin doccupation pour les chambres. Un exemple est disponible dans la figure
19 ci-dessous.
33
BUCHER Samuel
Rapport de Stage
Figure 19 : Slection des dates de dbut et de fin d'occupation dans l'application htel
Cette interface compose de 2 calendriers que jai dvelopps intgralement,

autorise lutilisateur la slection d'une date de dbut dans le calendrier de gauche ainsi
quune date de fin dans le calendrier de droite. Pour faciliter le choix de ces dates, jai
intgrer les occupations dj existantes en violet. Lutilisateur ne peut donc pas cliquer
sur les jours dj occups. Egalement, il ne peut pas slectionner une date de dbut
avant le 8 Mai en sachant que la date de fin est le 18 Mai et quil existe des occupations
entre ces dates Ces deux calendriers assez complexes, autorisent lutilisateur
slectionner les dates quil peut choisir par rapport aux disponibilits. Cette interface
guide lutilisateur dans le choix des bonnes dates et garantit quaucune nouvelle
occupation nenchevtrera dautres occupations. Je tiens souligner que cette interface
a t la plus longue dvelopper, puisque les requtes SQL, ainsi que les conditions qui
vrifient que lutilisateur slectionne les bonnes dates sont de vrais casses ttes. Aprs
ce passage, lutilisateur finit par choisir quel type doccupation il souhaite crer
(rservation ou travaux). Il a galement la possibilit dappliquer loccupation en cours
toutes les chambres disponibles aux mmes dates, ce qui ntait pas possible de faire
sur Chr Office. Dans le cas o un client souhaite rserver 3 chambres de lhtel en
mme temps, il nest pas oblig de crer 3 fois la mme rservation. Lutilisateur peut
cocher les 3 chambres quil souhaite attribuer au client.
Le
planning
permet
galement
de
modifier
les
occupations existantes.
Lutilisateur se retrouve ainsi vers une page qui lui permet de modifier le statut dune
rservation (de passer En Attente Pay ), ou encore le motif dune
occupation pour travaux, ou de supprimer tout bonnement loccupation. De plus, il ma t
BUCHER Samuel
34
Rapport de Stage
demand de pouvoir modifier la chambre attribue une prcdente occupation. Par
exemple, un client rserve la chambre 1 pendant 2 mois, les utilisateurs peuvent
attribuer une autre chambre cette rservation de 2 mois, et tout a simplement.
Lutilisateur se retrouve face une liste de chambres disponibles pour les mmes dates,
et il peut choisir la chambre de remplacement par rapport au contenu de celle-ci (qui est
mis en rappel sur la page la demande de mes responsables). Cette option ntait pas
gre par lancienne application Chr Office. En sus, jai du dvelopper la possibilit de
changer les dates dune occupation. Jai choisi de reprendre linterface dcrite dans la
figure 19 ci-dessus, qui consiste proposer via les calendriers les possibilits de
modifications des dates pour la chambre en cours.
d. Besoins supplmentaires
Plusieurs besoins supplmentaires sont apparus, aprs les dveloppements. Une
fois lapplication termine, il ma t demand de rajouter quelques optimisations
lapplication.
i.
Gestion de lemploi du temps de la lingre
Le Cercle Mixte embauche une mnagre qui travaille tous les jours de la semaine
du lundi au vendredi 12h. Ainsi les week-ends et jours fris, les chambres ne sont pas
faites. Pour viter des oublis, il ma t demand de prendre en compte le planning de la
mnagre. Pour viter dattribuer des chambres pour lesquelles le mnage naura pas t
fait la suite dun jour fri, week-end ou autre, il ma t demand que lapplication
puisse bloquer les rservations les jours o la mnagre ne travaille pas. Les utilisateurs
ne peuvent donc pas attribuer de chambre pour laquelle le nettoyage na pas t ralis
( moins quils dcident deux-mmes de faire le mnage).
Pour expliquer le comportement de lapplication, voici un exemple dans la figure
20 ci-dessous. Notons que le week-end du samedi 18 et dimanche 19 Mai est suivi du
lundi de pentecte. On rajoute par exemple la rservation de Monsieur BIBI le
dimanche 19 Mai pour la chambre 224. Le dernier passage de la mnagre est le
vendredi 17 Mai, et son prochain passage est le mardi 21 Mai, aprs le jour fri.
Lapplication la suite de lajout de cette rservation bloque la chambre avant et aprs,
lorsque la mnagre nest pas l. Il sera impossible de rajouter des rservations, puisque
la chambre ne sera pas faite.
35
BUCHER Samuel
Rapport de Stage
Figure 20 : Exemple de gestion de lingerie
ii.
Les vnements
Un tablissement tel quun htel est soumis de nombreux dvnements. Ainsi,

jai du intgrer la base de donnes, ainsi quau planning, et autres pages grant les
occupations, de prendre en compte les nouveaux vnements.
Plusieurs types dvnements sont possibles :
-
Les jours fris (ferms ou non)
Les priodes de fermetures
Mes responsables souhaitent associer aux jours fris un code couleur, pour bien
les identifier sur le planning. Lutilisateur choisit la couleur au moment de la cration du
jour fri laide dun nuancier, et apparat sur le site web. Le jour est ainsi color de
cette couleur. Un info-bulle apparat galement au survol de lentte du planning,
rappelant l'intitul du jour fri en question. Les jours fris ferms, disposent en plus
dun blocage des chambres. Une occupation de type travaux est rajoute sur chaque
chambre (lorsquaucune rservation na t dj cre la date fri prcdemment).
Les priodes de fermeture reviennent bloquer, pour la priode indique, toutes
les chambres de lhtel. Aucun ajout d'occupation ne sera possible pour cette priode.
Toutefois, pour viter denchevtrer des occupations sur une chambre, lapplication
vrifie chaque fois si son nouvel ajout nenchevtre aucune autre occupation, pour
viter les incohrences dans la base de donnes, et garder une base de donnes saine.
Le dveloppement de cette application de gestion des chambres dhtel a t
pour moi complexe. Il a fallu structurer mes rflexions pour m'y retrouver dans mes
dveloppements. Jai intgr cette application, toutes les fonctionnalits disponibles
BUCHER Samuel
36
Rapport de Stage
sur lancienne application Chr Office. Jai pu galement rajouter quelques optimisations
et fonctionnalits, sans perdre de vue que cette application sera servie tous les jours.
Elle sera disponible aux employs du mess possdant un login en rseau local ou via
internet, en passant par un nom de domaine. Il est important que lapplication passe par
une URL locale en rseau local et par le nom de domaine par internet. En cas de coupure
dinternet au Cercle Mixte, lapplication doit toujours tre disponible en tapant lurl du
serveur local.
4. Autres missions confies

Au cours de mon stage, je me suis vu attribu dautres missions. Une de mes
missions a t de dvelopper une application en java ddie au tri de photos. La
deuxime se porte le rseau du Cercle Mixte. Une 3ime mission m'a t propose. Il
s'agit d'crire un script JavaScript pour la gnration d'une page HTML partir d'une
feuille de calcul sous Google Drive.
1) Programme java de tri de photos

a. Etude des besoins
i.
Les besoins
LHACCP (Hazard Analysis Critical Control Point) est une mthode ou un outil de
travail permettant un suivi drastique du systme alimentaire. Il sagit ici damliorer en
continu les contrles, afin danalyser les dangers biologiques (virus, bactries),
chimiques (pesticides, additifs) ou physiques (bois, verre). LHACCP est donc un
systme qui permet didentifier, valuer et matriser les dangers alimentaires par
rapport aux aliments.
Le personnel en cuisine du Cercle Mixte prend des photos rgulirement de la
marchandise entrant dans les cuisines. Ce suivi provoque la manipulation de nombreuses
photos. Ces photos sont ensuite stockes sur un disque dur rseau, dans lequel toutes
les photos sont sauvegardes. Le problme est quactuellement, ces photos sont
stockes en vrac dans un dossier. Ainsi, en cas de problme, la recherche de la photo du
lot daliments problmatique sera assez chaotique.
Ainsi, il serait souhaitable de crer une petite application portable, qui
permettrait de trier les diffrentes photos suivant leur date de prise de vue. (La date
de prise de vue est ici lie la date dentre des aliments dans les cuisines).
Lalgorithme de tri devrait donc permettre de transfrer une photo exemple.jpg dont la
date de prise de vue est le 14 mai 2013 vers le chemin suivant 2013/05/14/exemple.jpg.
Toutes photos seraient donc dplace dans un dossier respectant cette arborescence
aaaa/mm/jj/photo.jpg (o aaaa est lanne, mm le mois et jj le jour de prise de vue).
BUCHER Samuel
37
Rapport de Stage
ii.
Solution propose
Le cahier des charges ne fait apparatre aucune contrainte concernant le langage

de programmation. Aprs des hsitations pour le choix du langage, jai finalement choisi
de dvelopper cette petite application en Java, puisque tous les ordinateurs du Cercle
Mixte possdent une installation de Java rcente.
Le cheminement dutilisation nominal de lapplication est la suivante : lutilisateur
ouvre lapplication. Il slectionne le rpertoire de destination o les photos sont
stockes (gnralement la carte SD de lappareil photo). Il choisit le rpertoire de
destination, destin recevoir les photos. Il valide ses choix, lanant ainsi le processus
de dplacement des photos du rpertoire source vers le rpertoire de destination.
b. Dveloppement
Nous allons nous intresser dun peu plus prs au dveloppement de cette petite
application java de tri de photo.
i.
Le traitement
Lapplication au point de vue traitement ralise le dplacement dune liste de

fichiers ayant pour extension JPG ou JPG stock dans un rpertoire source vers un
rpertoire destination. Pour cela, il a fallu rcuprer la liste des fichiers images du
rpertoire source. Pour chacune de ces images, il tait ncessaire de rcuprer la date
de
modification
de
celle-ci
et
de
crer
une
arborescence
du
type
repertoire_destination/aaaa/mm/jj/ (lorsque elle nexiste pas encore) dans lequel la

photo sera dplace.
Comme je lai mis plus haut, en java, on ne peut rcuprer que la date de
modification dun fichier. Dans notre cas, cela ne posera pas de soucis. En effet, lorsque
les photos sont prises, la date de modification est la mme que la date de cration et de
prise de vue. Notre application sapplique ici des photos nayant pas subit de
dplacements sur un autre support. Les dates de modifications de photos ne sont donc
pas altres et restent identiques aux dates de prises de vues.
Lutilisation de la mthode renameTo() sappliquant la classe file, sexcute dans
le cas o le systme de fichier du rpertoire source est identique celui du rpertoire
de destination.
ii.
Linterface graphique
Le traitement effectuer par lapplication nest pas trs compliqu en soit.

Toutefois, pour rendre cette application pratique, il est souhaitable de lui intgrer une
interface graphique simple. Lutilisateur en lanant lapplication se trouvera face cette
interface illustre dans la figure 21 ci-dessous.
BUCHER Samuel
38
Rapport de Stage
Figure 21 : Fentre principale de l'application de tri de photos
Une fois les dossiers sources et de destination choisis, lutilisateur lance le tri
des photos. Pour rendre lapplication pratique, jai dcid dintgrer par la suite une
barre de progression, qui dcrirait rellement ltat des traitements raliss par
lapplication. Pour cela, lincrmentation de la barre de progression sest ralise par le
biais dun nouveau thread. Voici un exemple de progression ci-dessous.
Figure 22 : Barre de progression pendant le processus de tri des photos
Lapplication de tri de photo a par la suite t exporte en excutable .jar afin

que lexcution soit aise par nimporte quel utilisateur souhaitant profiter de ce
programme.
2) Restructuration du rseau
Aprs le mini-projet de dveloppement dune application de tri de photo, il ma
t propos en collaboration avec le 2ime stagiaire en informatique, issu du DUT Rseau
& Tlcoms, Benjamin MARLIER. Nous avons tout dabord ralis un tat des lieux de
ltat du rseau du Cercle Mixte.
a. Etat des lieux
Le Cercle Mixte dispose actuellement de 2 rseaux distincts :
BUCHER Samuel
39
Rapport de Stage
-
Le rseau de la Gendarmerie (sur lequel nous n'avons pas le droit de
travailler), sur lequel est reli quelques imprimantes et ordinateurs rservs la

gendarmerie
-
Le rseau du Cercle Mixte (sur lequel est connect tout une arme de
priphriques rseaux tels que des ordinateurs, disques durs, serveurs, imprimantes,
tlphones IP, NAS, Camras de surveillances...)
Vous trouverez en annexe n15, un schma reprsentant tous les priphriques
connects. Ils sont rpartis dans tout l'tablissement. Une baie de brassage permet de
centraliser toutes les prises murales RJ45. Une photo de la baie de brassage est
galement disponible en annexe n16. On identifie alors les Switch Ethernets Poe ou non
relis aux rseaux de la gendarmerie et du Cercle Mixte.
Le rseau du Cercle mixte est rout par une Freebox. Elle permet d'tablir une
connexion internet pour tout le rseau du Cercle. Toutefois, le serveur gre quand lui
le DHCP, et attribue sur une plage d'adresses prdfinies, les adresses IP aux
priphriques n'ayant pas d'IP statique. Les adresses IP de tout le rseau sont dfinies
de 192.168.1.1 192.168.1.254.
Quelques ralentissements se font ressentir sur le rseau depuis l'installation des
multiples camras IP sur le rseau du Cercle Mixte. Ces camras sont gres par un
NAS de QNAP, le VS2008Pro. Le flux des camras est enregistr sur ce NAS. Les
enregistrements sont accessibles par une interface simple, que vous trouverez dans la
figure 23 suivante.
40
Figure 23 : Interface QNAP VS2008Pro
BUCHER Samuel
Rapport de Stage
Toutes les cameras envoient prs de 6000kbit/secondes sur le rseau. Avec 6
camras, c'est prs de 24000 kbit qui transitent par seconde sur le rseau. Il est
souhait par nos responsables de trouver une solution qui permettrait d'viter des
engorgements sur le rseau.
b. Actions
Avant toute chose, il devenait assez pressant de remdier aux problmes de
ralentissements sur le rseau. Pour cela, nous avons dcid avec mon collgue stagiaire
en rseau de migrer toutes les camras de surveillance ainsi que le NAS sur un autre
rseau. Ceci contribuerait allger le trafic sur le rseau du cercle mixte, puisque les
camras seraient sur leur propre rseau. Voici un schma rcapitulatif des diffrents
changements d'adresses IP dessin sur la figure 24 ci-dessous.
Figure 24 : Plan IP du rseau de camras
Nous avons reli toutes les camras sur un Switch Poe (permettant l'alimentation
de certaines camras via Ethernet). Ainsi, nous avons du dfinir les adresses IP des
camras et du NVR en statique, en dfinissant comme passerelle le NVR de QNAP. La
passerelle doit tre dclare en fin de plage IP. L'adresse de la passerelle est la mme
que l'adresse IP du NVR qui est 192.168.4.254. Nous avons choisi d'exporter les
camras vers un rseau non utilis en ".4". Nous avons finalement isol ce rseau. Le
BUCHER Samuel
41
Rapport de Stage
rseau du Cercle mixte n'a pas accs aux diffrentes camras, et encore moins au NVR.
Pour rsoudre ce problme, il faudrait paramtrer un router, ddi la redirection de
ports. Ce router serait ainsi reli d'un ct au rseau du Cercle Mixte, et de l'autre au
rseau des camras. Ainsi, il aurait pour but de rediriger les ports du rseau des
cameras vers le rseau du Cercle. Il est ainsi possible d'accder aux diffrentes
camras, en faisant appel depuis le rseau du Cercle l'adresse IP du router (en
192.168.1.XXX:PPPP) o PPPP est le port. L'laboration de ce router ddi la
redirection de ports est un des projets de mon collgue stagiaire.
L'interface de gestion des camras de la figure 23 permet la gestion de la
position de toutes les camras motorises. A mon arrive, il y avait quelques problmes
de compatibilit de certaines camras de marque APEXIS avec le NAS de QNAP. Pour
palier ce problme, j'ai pu mettre jour le firmware de QNAP vers une version
prenant plus de camras en charge.
En plus de cela, j'ai t amen installer des
nouvelles camras dans l'tablissement, notamment
l'extrieur, dans l'htel et en cuisine. J'ai galement
t amen modifier l'emplacement de certaines
camras, ce qui m'a amen tirer quelques paires de
cbles RJ45 dans tous les plafonds du Cercle Mixte.
Toutefois, certaines paires de cbles semblaient ne
pas fonctionner. Pour cela, j'ai eu l'occasion d'utiliser
un appareil qui permet de tester les rseaux (FLUKE
Figure 25 : Testeur de
rseau
NETWORK Netools). Une photo de cet appareil est

visible sur la figure 25.
3) Dveloppement d'un script de gnration de compte rendu

Ce projet de dernire minute est destin faciliter le travail de mes
responsables, pour rendre automatique la gnration d'un compte-rendu.
a. Analyses des besoins
i.
Lexistant
Actuellement, mes responsables utilisent Google Drive pour partager avec tout le
personnel du Cercle des documents. En effet, des formulaires sont en ligne, et
permettent de notifier un tat des lieux pour la cuisine, la salle de restauration... Ces
formulaires stockent leurs donnes sur une feuille de calcul Google Drive (Spreadsheet).
Mes responsables notent rgulirement l'tat des lieux du Cercle Mixte, pour en
BUCHER Samuel
42
Rapport de Stage
rfrer le rsultat au personnel. Ils peuvent ainsi en fonction des notations rectifier ce
qui avait mal t fait la veille. Pour cela, il serait pratique que les donnes stockes dans
la feuille de calcul, puisse tre exportes pour produire un compte-rendu papier lisible.
ii.
Rflexion et Solution propose
Avant toute chose, il faut savoir quel est le format le plus appropri pour
exporter un compte rendu. Pour ma part, je pense que le PDF est un format qui serait le
plus attendu. Toutefois au point de vue technique, il y a pas mal de choses
entreprendre. En effet, j'ai pu apprendre comment charger ou tlcharger un fichier
sur Google Drive, depuis un script PHP stock sur mon PC, en utilisant l'API de Google
Drive et Drive SDK...
Mes responsables ont souhait manipuler le moins de fois la souris pour parvenir
leur rsultat, ont prfr que j'exporte la ligne slectionne dans la feuille de calcul
au format HTML. Pour ce faire, il m'est ncessaire d'diter simplement un script
JavaScript, adapt l'API de Google Drive.
b. Ralisation avec Google Drive
i.
Dveloppements
J'ai donc dvelopp un script JavaScript pour parvenir mes fins. Mon script
rcupre les coordonnes de la cellule slectionne sur la feuille de calcul. On rcupre
ainsi l'indice de la ligne exporter. On rcupre le tableau de valeurs ( l'aide des
diffrentes classes Spreadsheet, Sheet et Range de Google Drive) pour l'enregistrer
dans un fichier HTML. Ce fichier HMTL contient toutes les donnes de la ligne
slectionne ainsi que l'entte. Cette page HTML est organise verticalement et non
horizontalement comme la feuille de calcul, pour permettre une meilleure lisibilit. Des
codes couleurs sont intgrs la page HTML pour faire ressortir des informations qui
devraient susciter des changements.
43
BUCHER Samuel
Rapport de Stage
ii.
Conseils d'utilisations
Figure 26 : Utilisation du script de gnration de compte rendu
Comme on peut le voir sur la figure 26, il est ncessaire de slectionner la ligne
que l'on veut exporter. On clique sur une cellule de la ligne. Un menu HTML apparat
quelques secondes aprs le chargement de la feuille de calcul. On choisit alors le sousmenu Export to HTML File qui va gnrer un fichier HTML reprenant toutes les donnes
de la ligne slectionne, et le stocker sur Google Drive sous le nom audit_HTML.html. Ce
fichier est cras avant chaque export. Ainsi, le fichier audit_HTML.html stock la
racine du rpertoire de stockage, est ractualis chaque excution du script.
Toutes les missions que j'ai pu raliser se sont chelonnes tout au long du stage.
J'ai pu adapter mon planning en fonction des besoins immdiats de mes responsables.
Vous trouverez en annexe n17 un tableau rcapitulatif du droulement de mon stage.
5. Bilan technique et humain

Maintenant que toutes les missions que l'on m'a confies durant ce stage ont t
tudies, je vais me remmorer toutes les difficults que j'ai rencontres durant le
dveloppement des diffrentes applications.
1) Les difficults rencontres

Plusieurs difficults sont apparues durant les dveloppements
a. Application Htel
L'application de gestion des chambres d'htel a t l'application la plus difficile
mettre sur pied.
44
Lors des dveloppements, j'ai d implmenter un minimum de requtes SQL par

page Web. En effet, cette application sera utilise tous les jours. Pour assurer un temps
BUCHER Samuel
Rapport de Stage
de rponse convenable, les pages web en plus de soumettre le moins de requtes
possibles au serveur, sont mises en forme exclusivement par le biais du CSS, vitant le
tlchargement d'images ou logos lors du chargement de la page.
Quelques requtes SQL que je mettais au point ne donnaient pas le rsultat
attendu.
Par
exemple,
dans
l'affichage
du
planning,
certaines
occupations
n'apparaissaient pas, alors qu'elles existaient dans la base de donnes. Comme je l'ai
expliqu prcdemment, j'ai dcid de regrouper les requtes SQL qui le pouvaient
entre elles, pour optimiser le temps d'affichage de la page (grce des jointures
externes, internes et des contraintes de). Ces modifications m'ont apportes des
erreurs, car elles ne me donnaient plus le rsultat attendu. J'ai du identifier et corriger
ces problmes de slections SQL, pour permettre aux utilisateurs de travailler sur une
application fiable, ne leur rvlant aucune information errone.
Certains formulaires de saisies demandaient l'utilisateur de slectionner des
dates. J'ai donc dcid d'utiliser une librairie dj existante tc_calendar. Cette
librairie libre permet l'affichage d'un calendrier, pour aider la slection de dates,
grce au JavaScript. J'ai donc du intgrer et utiliser cette librairie, pour l'inclure au
mieux mon application Web. J'ai t amen modifier quelques lignes de code dans
cette librairie, pour incorporer au mieux la position de cet outil. Voici un exemple
d'intgration de cette librairie l'application dans la figure 27 ci-dessous.
Figure 27 : Utilisation de la librairie TC_Calendar
J'ai galement t amen utiliser une autre librairie pour l'exportation du

planning au format PDF. J'ai donc utilis HTML2PHP. Je gnre le code HTML illustrant
le planning pour l'injecter dans un algorithme utilisant HTML2PDF. J'ai du apprendre
utiliser cet outil trs pratique, qui permet la gnration de n'importe quel document au
format PDF.
J'ai t appel dvelopper moi-mme deux calendrier de slection de dates, qui
sont illustrs en figure 16. Ces calendriers proposent l'utilisateur de slectionner les
dates de dbut et de fin d'occupation, tout en prenant en compte les occupations dj
existantes. Ces calendriers ne prenaient pas en compte certains paramtres. Pour les
BUCHER Samuel
45
Rapport de Stage
forcer les prendre, j'ai du modifier sans relche mes algorithmes, pour produire au
bout de quelques jours un algorithme qui semble fiable.
Durant le dveloppement de cette application, je n'ai pas arrt porter
vrification n'importe quelle saisie utilisateur (des formulaires de saisies jusqu'aux URL
dont les pages cibles sont pourvues de mthodes GET). Pour viter que certains
utilisateurs malveillants ne ralisent d'attaques sur cette application, et pour garder
une base de donnes propre, toutes les pages de l'application vrifient n'importe quel
paramtre. Ces vrifications sont longues raliser, mais garantissent au final la
production d'une application sre.
Une fois mon travail termin, je l'ai soumis mes responsables. Ils m'ont alors
confi des amliorations apporter. Bien que l'application apparaisse en ligne, j'ai t
amen modifier mon travail, tout en garantissant une disponibilit optimale de
l'application. Mes responsables ont alors souhait que j'intgre la gestion de la lingerie.
Cette gestion devait occuper les chambres avant et aprs des rservations, pour les
jours fris, le Week-end et le vendredi. Une fois cette modification ralise, mes
responsables souhaitent tendre cette gestion. J'ai donc t oblig de revoir mon
approche, pour produire des algorithmes adapts aux besoins.
b. Le site Web
Le site Web m'a amen utiliser des fonctionnalits en PHP que je n'avais pas
encore eu l'occasion de connatre.
Le Site Web du Mess a pour but de diffuser des informations ses membres.
Des photos sont mises en lignes par les administrateurs, pour illustrer les informations
en ligne. Il m'a t ncessaire d'utiliser l'upload de fichier par un formulaire sous la
mthode POST. Le serveur permet un accs en criture sur son disque dur, et permet
d'y copier des photos ou fichiers PDF dans mon cas. C'est la premire fois que j'ai
utilis un formulaire pour envoyer des fichiers. J'ai donc du apprendre filtrer les
fichiers, pour ne pas permettre des personnes malveillantes d'uploader n'importe quel
fichier.
De multiples photos peuvent tre uploades pour illustrer des informations
contenues dans le site Web. Pour rendre l'utilisation de ces photos attractive par les
visiteurs du site Web, j'ai dcid d'intgrer un diaporama de ces photos. Pour cela j'ai
d m'intress un langage que je n'avais jamais eu l'occasion d'utiliser : le JavaScript.
J'ai donc dvelopp un petit script JavaScript, qui permet de faire un diaporama des
photos uploades sur le serveur, pour illustrer un contenu. Ce diaporama dispose d'un
contrle manuel pour naviguer parmi les photos, mais galement d'un renouvellement
automatique des photos l'aide d'un chronomtre. L'intgration de ce script a t
BUCHER Samuel
46
Rapport de Stage
complique, puisque je devais passer une variable de type chane PHP au script
JavaScript. J'ai finalement aprs de multiples recherches qui ne m'ont amenes aucun
rsultat positif, trouver un algorithme moi-mme.
Mes responsables ont souhait l'envoi de mail automatique, pour notifier certains
vnements. Ainsi, lors de l'inscription de l'utilisateur, plusieurs mails sont envoys.
Egalement, un mail est envoy l'utilisateur en cas de suppression de son compte sur le
site Web. L'envoi de ces mails ncessite la configuration du serveur SMTP sur le
serveur o est stock le site Web. Le fichier php.ini contient des paramtres de
configuration du serveur SMTP (son nom smtp.free.fr, son port 25 et l'adresse mail
d'envoi cmgiebsn@free.fr). Je n'avais jamais t auparavant amen configurer un tel
serveur d'envoi de mail, et cela m'a permis de me confronter la configuration d'un tel
serveur.
Mes responsables souhaitaient stocker le site Web sur le serveur de stockage
free. Je me suis confront plusieurs problmes de configuration de la part de leur
serveur, puisque je n'arrivais pas connecter le site Web sa base de donnes stocke
sur sql.free.fr. Aprs de multiples recherches, il s'est avr que leur serveur avait un
problme de configuration. Egalement, la fonction de mail automatique (qui est dj
configure sur le serveur free.fr), n'est pas trs efficace, puisque l'envoi d'un mail se
ralise 1 fois sur 30. Devant une telle quantit de problmes, j'ai demand mes
responsables de stocker le site Web sur le serveur du cercle mixte, que j'aurai
configur, pour stocker le Site. Aprs son installation, il s'est avr que la fonction mail
envoyait 100% des mails et que le site Web n'a eu aucun problme d'accs la base de
donnes. Le serveur du Cercle Mixte offre donc une meilleure qualit de service que le
serveur mis disposition sur le domaine free.fr.
Aprs la mise en ligne de ce Site Web, mes responsables ont dcids de modifier
quelques donnes sur le Site, ainsi que son organisation. Pour l'inscription de l'utilisateur
sur le site Web, celui-ci devait renseigner sa qualit. Le tableau sur lequel tous les
champs slectionner taient dfini de manire statique comme sur la figure n14. Mes
responsables m'ont demand de pouvoir modifier ces champs depuis une page de gestion.
Pour cela, j'ai du modifier la base de donnes, pour y ajouter de nouvelles tables. Il m'a
t ncessaire de modifier tous les formulaires o il tait possible de modifier la qualit
d'une personne. Ces modifications ont t apportes tout en assurant la disponibilit du
Site Web. Les champs des formulaires qui permettent la slection des qualits sont
maintenant semblables la figure 15. Il est important pour un dveloppeur de devoir
s'adapter aux demandes, et d'appliquer les mises jour demandes, tout en
garantissant une qualit de service irrprochable son application.
BUCHER Samuel
47
Rapport de Stage
Mes responsables ont galement souhait l'intgration de la gestion d'une
slection de produits, de promotions et d'un catalogue, offrant un listing complet de
tous les produits disponibles. Cette modification tardive m'a oblig modifier la Base
de donnes et l'organisation du site Web alors que celui-ci tait en ligne. Cela m'a appris
modifier le contenu d'un site Web en essayant de limiter la coupure du site en un
temps infrieur 1 minute. Cela m'a appris toujours m'adapter, revoir mon
organisation, et produire une rponse correspondante aux demandes de mes
responsables rapidement. Egalement, l'intgration d'une newsletter, m'a oblig
rajout un champ, dans lequel les utilisateurs pourraient se dsabonner facilement.
L'envoi des mails de newsletter ont t problmatiques, avec des types mimes non
compatibles avec certaines botes mails. Cela m'a oblig approfondir mes
connaissances dans l'envoi de mail de diffrents types, via des scripts PHP.
c. Lapplication java de tri de photo
Le mini projet de dveloppement d'application java m'a t utile pour
implmenter des outils java que je n'avais jusqu' maintenant pas eu l'occasion
d'implmenter.
Ce projet m'a permis de dvelopper une application utilisant les threads. Dans le
processus de transfert de fichier d'un rpertoire source un rpertoire destination,
j'ai souhait intgrer une JProgressBar mon application, pour permettre l'utilisateur
d'avoir un suivi concernant le traitement en cours. J'ai bien russi intgrer cet objet
dans une fentre java. Toutefois celle-ci ne s'incrmentait pas. Pire, le traitement ne se
ralisait pas. J'ai donc pens l'utilisation des threads. J'ai bien reu des cours
concernant les Threads en module de Mthodes et Outils pour la Programmation (MOP).
Toutefois, nous n'avions jamais eu l'occasion de mettre en pratique ces cours. Le
dveloppement de cette barre de progression m'a permis d'en savoir plus sur les
threads.
Cette application de tri de photo permet ses utilisateurs de choisir un dossier
dans lequel des photos sont ranges en vrac, pour les dplacer dans un rpertoire
destination, suivi d'une arborescence se formant sur la date de prise de vue de la photo.
En java tout comme dans beaucoup d'autres langages, il est possible de rcuprer cette
information par le biais des mtadatas associes un fichier JPEG. L'utilisation de ces
mtadatas en Java est une chose difficile. Il est ncessaire d'intgrer des librairies
externes, pour extraire certaines de ces mtadonnes, toutefois, les rsultats sont
assez hasardeux. J'ai finalement choisi d'utiliser une mthode simple, qui permet de
rcuprer la date de modification d'un fichier. Les photos tries seront exclusivement
tires d'une carte SD. Les photos n'auront pas t modifies. Les dates de cration, de
BUCHER Samuel
48
Rapport de Stage
modification et de prises de vues sont les mmes dans ce cas. J'ai finalement choisi de
baser mon algorithme de tri sur les dates de modification.
Le dveloppement ce cette application java m'a appris chercher par moi-mme
des solutions, et de vrifier si elles taient valides ou non. J'ai du utiliser des
alternatives, qui dans mon cas se sont rvles pratiques.
d. Le script sous Google Script
Ce script ddi la gnration d'un compte rendu au format HTML n'a pas t
facile implmenter. Il a dj fallu prendre en main les API de Google de Drive.
Durant quelques jours, j'ai t amen m'immerger dans les pages Google
ddies la description en anglais de diffrentes classes qui ont t implmentes par
les dveloppeurs de Google (par exemple SpreadsheetApp, Spreadsheet, Range,
utilities, DocList et la liste est exhaustive).
Egalement ma premire approche tait mauvaise, puisque je devais rcuprer une
feuille de calcul sur Google drive pour la transformer en PDF. Je me suis donc confront
toute la difficult d'utiliser un produit qui n'est pas le mien (en occurrence Drive
SDK), et d'essayer de produire un script en utilisant toutes les fonctions disponibles sur
ce produit. C'est alors que j'ai russi avec succs partir d'un script PHP stock sur
mon PC, l'envoi d'un fichier sur mon compte Google Drive, ainsi que la rcupration d'un
fichier depuis mon compte Google Drive.
2) Bilan
Maintenant que j'ai effectu un balayage de toutes les difficults que j'ai
rencontres durant l'laboration de tous mes projets, il est tant de dresser un bilan
concernant cette exprience de 3 mois au sein du Cercle Mixte de Besanon.
a. Les apports lis au dveloppement
Mon stage a t orient ds le dbut dveloppement. J'ai ralis de multiples
projets en PHP, Java et JavaScript. Ces projets m'ont permis de manipuler des notions
que j'avais peine effleures en cours. Par exemple, dans le projet Java de cration
d'un utilitaire de tri de photos, j'ai pu utiliser des threads pour l'intgration d'une
barre de progression mon programme. Je n'tais pas oblig d'en rajouter une, je me
suis forc le faire pour me permettre de manipuler les threads, mais galement pour
produire un petit utilitaire complet, et facile d'utilisation pour tous.
Les projets d'laboration de site Web et d'application de gestion d'un htel
m'ont permis d'utiliser mes connaissances en PHP, SQL et CSS, langages que j'avais
dj eu l'occasion de manipuler lors de modules de 2ime anne. Au del d'une rvision,
les projets raliss m'ont permis de dcouvrir certaines fonctionnalits que je n'avais
BUCHER Samuel
49
Rapport de Stage
jamais rencontres (l'envoi de mail depuis un script PHP, dcouvrir certains attributs
CSS pour la mise en forme en n'utilisant pas Photoshop...). Ces projets m'ont apport
bien plus qu'une simple rvision puisque j'ai t oblig de bousculer mes connaissances,
et d'apprendre encore plus. J'ai notamment rencontr les limites de certaines
fonctionnalits PHP comme la gestion des sessions, o j'ai pu comprendre son
fonctionnement en cherchant les erreurs. J'ai pu galement rviser le langage SQL, en
crivant des requtes complexes (pourvues de quelques jointures externes, internes
imbriques).
J'ai t amen par certains besoins de mes responsables, mais galement par le
souci de mettre en place des produits esthtiques et pratiques, m'initier un langage
pour lequel je n'avais jamais eu le privilge d'utiliser : le JavaScript. J'ai utilis ce
langage pour raliser des pages Web dynamiques (avec l'intgration d'un diaporama sur
le site Web), ou encore pour le projet de gnration d'un compte rendu au format
HTML partir d'une feuille de calcul Google Drive, en utilisant l'API existante sous
JavaScript, qui consistait dvelopper mon propre script en utilisant ce qui tait dj
en place chez Google. Mes dbuts sous JavaScript se sont donc dessins lors de ce
stage.
Au del de l'apprentissage des langages de programmation, il a fallu que je
m'adapte. Je me suis retrouv tout seul. Je n'ai t guid par personne pour savoir
comment dvelopper tel ou tel projet. Mes responsables me donnaient les consignes, le
cahier des charges, et je me lanais dans la bataille. Ce mode de fonctionnement m'a
permis de me confronter tous les problmes qu'apporte l'laboration de tels projets.
Il a fallu faire la jointure entre ce que mes responsables demandent et ce que je peux
raliser techniquement parlant. J'ai d tout d'abord tudi dans les moindre dtails les
structures de donnes utiliser (structurer au maximum les bases de donnes, dans un
souci d'optimisation et surtout pour que celle-ci soit volutive), mais galement les
interfaces que j'allais crer notamment pour les projets sous PHP et CSS. Cela m'a
amen me remettre en question constamment, pour savoir quelle est la meilleure
solution choisir. Lorsque l'on est en plein dveloppements, on est toujours en phase de
test. Pour ma part, j'ai ralis une multitude de tests (notamment pour les deux
applications PHP et CSS), pour lesquelles je me suis efforc de corrig tous les bugs que
j'observais, mais galement scuriser au maximum les donnes. J'ai pu voir que la
ralisation de tels projets inclut un certain niveau de scurit. J'ai eu l'occasion de
devenir totalement paranoaque, en filtrant chaque saisie ralise par un utilisateur,
pour garantir une fiabilit dans les donnes traites, mais galement pour rejeter les
attaques possibles par des utilisateurs malhonntes.
BUCHER Samuel
50
Rapport de Stage
Les projets PHP m'ont donn l'occasion d'utiliser des produits que je n'avais pas
dvelopp moi mme. J'ai eu l'occasion d'utiliser des librairies PHP (Tc_calendar et
HTML2PDF) qui m'ont bien rendu services. J'ai appris les utiliser, mais bien au del,
cela m'a permis de m'adapter au travail des autres, le comprendre pour mieux l'utiliser.
Le projet JavaScript avec Google Drive m'a impressionn, puisque j'ai t amen
comprendre les API Google en Anglais, pour comprendre et les utiliser par la suite dans
les diffrents scripts que j'ai produit en JavaScript.
Ce stage aura le mrite de me pousser me remettre en question sans cesse.
Cette qualit professionnelle, est de nos jours obligatoire. J'ai t amen modifier
quelques fois mes applications, par le retour d'utilisation par mes responsables et le
personnel du Cercle Mixte. Il ne m'est jamais arriv d'oublier que les applications
produites seraient utilises tous les jours, mais galement par des personnes qui ne
savent pas forcment bien l'aise en informatique. Je me suis donc sans cesse oblig
structurer mes produits, pour les rendre faciles d'utilisation.
b. Les apports en rseaux
J'ai pris part en partie la restructuration du rseau du cercle mixte. Cette
mission m'a permis de changer de casquette, et de ne plus raliser exclusivement du
travail li aux dveloppements.
J'ai pu raliser diffrentes tches avec mon collgue stagiaire, tel que la mise en
place de paires RJ45 dans les plafonds. Cela m'a amen utiliser des outils que je
n'avais jamais utilis, tel qu'un testeur de rseau. J'ai donc appris utiliser un appareil,
qui est aujourd'hui utilis dans n'importe quelle entreprise pour tester leur rseau.
Egalement, j'ai pris part l'laboration d'un plan rseau, concernant le
dplacement des camras de surveillance sur un rseau non utilis. Cela m'a permis de
revoir certaines notions que j'avais pu voir en TP de rseau.
Toute la partie rseau de stage a t enrichissante pour moi. J'ai pu poser pleins
de questions mon collgue stagiaire et mes responsables, pour connatre le
fonctionnement du rseau informatique et tlphonique du Cercle Mixte, qui sont
semblable beaucoup d'entreprises en France.
c. Plan humain
J'ai pu travailler en collaboration avec un deuxime stagiaire, qui lui tait
spcialis en rseau. La confrontation de mon savoir faire avec le sein nous a permis de
nous entraider dans la ralisation de nos projets respectifs. J'ai t galement en
troite collaboration avec les autres services du Cercle Mixte (Secrtariat,
Direction...), pour qu'ils expriment leurs besoins, par rapport tel ou tel autre projet...
BUCHER Samuel
51
Rapport de Stage
J'ai donc du en consquence remettre mon travail en question, et ragir aux diffrentes
demandes, pour mettre jour au plus rapidement les projets.
J'ai appris tre l'coute de chaque requte de mes collgues, et rpondre
toutes leurs demandes. Il m'a t d'autant plus facile de travailler dans un cadre
dynamique mais galement dans un tablissement o la bonne humeur rgne.
d.
Stage en rapport avec mon projet professionnel
Ce stage se profile parfaitement dans la suite d'tudes que je souhaite

effectuer. Lors de ma formation en Licence, j'ai t amen dcouvrir les langages du
Web. J'ai t alors totalement captiv par tout ce qui en dcoule (design,
programmation, base de donne...). Je souhaite aprs ma licence intgrer une formation
dans laquelle je puisse m'investir dans le Web, mais pas seulement. Je souhaite toucher
tous ce qui touche au domaine du Web, en passant par les produits multimdia. J'ai eu
l'occasion durant ce stage de promouvoir mes capacits dvelopper des applications,
tout en m'intressant de plus prs la beaut du produit, son esthtique et son
organisation. J'ai ralis les designs du site Web et de l'application de gestion de
l'htel avec difficult, car je n'avais pas appris auparavant comment concevoir un
design. D'o l'intrt pour moi d'intgrer ds l'anne prochaine une nouvelle formation
destine laboration de produits beaux pour l'il qui sera en complment avec ma
licence oriente dveloppement.
52
BUCHER Samuel
Rapport de Stage
Conclusion
Ce stage de fin d'tude de 12 semaines abouti, il est temps de tirer les
conclusions d'une telle exprience professionnelle.
Le Cercle Mixte de Besanon m'a offert la possibilit de m'impliquer dans des
projets intressants et enrichissants. J'ai eu l'occasion de concevoir plusieurs
applications qui sont aujourd'hui toutes utilises. Mes responsables m'ont confi
plusieurs missions diversifies :
-
l'laboration du Site Web du Cercle Mixte, prsentant ses membres les
informations utiles,
-
la confection une application Web ddi la gestion du planning des
chambres d'htel,
-
la cration d'un petit utilitaire en Java rserv au tri de photos par date
de modification,
-
la production d'un script sous Google Drive, produisant un mini compte
rendu partir des donnes slectionnes d'une feuille de calcul.

Il a t primordial pour moi de faire aboutir tous mes projets, pour qu'ils soient
utilisables, et surtout pour qu'un suivi soit ralis par moi-mme, pour modifier quelques
fonctionnalits en fonction des demandes des utilisateurs. Ces projets m'ont permis
d'approfondir mes connaissances dans certains langages de programmation tels que le
Java, le PHP ou le SQL, et de ctoyer un nouveau langage que je n'avais pas encore eu
l'occasion d'utiliser : le JavaScript. Egalement, j'ai pu acqurir des connaissances en
rseau, par le biais d'une mission de restructuration du rseau en association avec mon
collgue stagiaire. J'ai pu utiliser des appareils ddis aux diagnostiques de rseaux, et
tendre mes connaissances en rseaux, en m'intressant au fonctionnement et la
structure du rseau du Cercle Mixte.
Au del des connaissances, ces diffrents projets m'ont encourag structurer
mes raisonnements. Pour ne pas laisser mes penses partir dans tous les sens, j'ai du
adopter une certaine organisation qui m'a permis de produire aujourd'hui des produits
fonctionnels. J'ai du m'investir dans des analyses approfondies du cahier des charges
pour chaque mission avant d'enchaner avec les dveloppements. Aprs chaque
dveloppements, j'ai soumis mon produit une panoplie de test, pour vrifier que celuici ne laissait apparatre aucune faille (injection SQL, ou modification des variables d'une
URL...). J'ai pu vrifier galement que les produits affichent bel et bien les rsultats
attendus dans toutes les situations.
BUCHER Samuel
53
Rapport de Stage
Durant ce stage, j'ai pu dcouvrir les joies de la programmation, tout en
m'investissant dans le design pour certains projets. Les projets touchant aux langages
SQL, PHP et CSS sont pour moi des projets qui prennent part ma dcision concernant
ma suite d'tudes. Je me suis aperu que je n'tais pas un expert en conception de
design pour un site Web. Je me rends l'vidence que pour poursuivre dans le domaine
du Web, je suis oblig de me perfectionner. J'ai jusqu' prsent suivi une formation
oriente sur les dveloppements, et je souhaiterai la complter avec une formation qui
s'axe plus volontiers sur le design, mais galement sur les produits multimdias. Je
pense qu'une telle formation serait un vritable atout, car elle me rendrait polyvalent.
La polyvalence est un critre de slection favori parmi les socits prsentes sur le
march.
Ce stage au sein du service informatique du Cercle Mixte de Gendarmerie de
Besanon a t une premire exprience de travail dans le domaine informatique. J'ai pu
travailler dans une ambiance conviviale et chaleureuse, ainsi que dans un cadre hors du
commun. Cette premire exprience positive m'a donn sur le dsir de travailler dans le
Web, et me conforte dans mes dcisions pour mon projet professionnel.
54
BUCHER Samuel
Rapport de Stage
Annexes
1.
Diagramme de cas d'utilisation des utilisateurs du site Web
55
BUCHER Samuel
Rapport de Stage
2.
Contenu des pages du Site Web pour le restaurant
56
BUCHER Samuel
Rapport de Stage
57
BUCHER Samuel
Rapport de Stage
3.
Contenu des pages du Site Web pour l'htel
58
BUCHER Samuel
Rapport de Stage
4.
Plan d'accs du Cercle Mixte
59
BUCHER Samuel
Rapport de Stage
5.
Pages ddies la gestion des utilisateurs du site Web
60
BUCHER Samuel
Rapport de Stage
6.
Pages ddies la gestion des qualits des utilisateurs
61
BUCHER Samuel
Rapport de Stage
62
BUCHER Samuel
Rapport de Stage
7.
Pages de gestion des pices
63
BUCHER Samuel
Rapport de Stage
64
BUCHER Samuel
Rapport de Stage
8.
Gestion du message d'accueil du site Web
65
BUCHER Samuel
Rapport de Stage
9.
Intgration d'une Newsletter
66
BUCHER Samuel
Rapport de Stage
10. Diagramme de cas d'utilisation pour l'application de gestion de

l'htel
67
BUCHER Samuel
Rapport de Stage
11.
Application lhtel : le planning
68
BUCHER Samuel
Rapport de Stage
12.
Application htel : gestion appareils / conforts / lits
69
BUCHER Samuel
Rapport de Stage
70
BUCHER Samuel
Rapport de Stage
13.
Application htel : modification des chambres
71
BUCHER Samuel
Rapport de Stage
14.
Application htel : gestion des clients
72
BUCHER Samuel
Rapport de Stage
15.
Reprsentation du Rseau du Cercle Mixte

BD9A
Fax
HP Office Jet
(Prise RJ11)
BD8A
Tlphone
IP
Imprimante
HP Office Jet
HP Elite Pro
Tel Alcatel
Intranet
Plan de cblage Bureau

Direction
EeeBox
Serveur
NAS
Net DD
BD1B
BD2A
EeeBox
CU1B
BD2B
Borne Wifi
Htel
CU2A
Camra IP
Apexis
BD5A
CU2B
CU3A
BD5B
BD3A BD3B
BD4A BD4B
BD1A
CU1A
BD8B
BD6A BD6B
PC Lenovo
Gendarmerie
BD9B
BD7A BD7B
BD10A BD10B
CU3B
Camra IP
Foscam
Tel
Intranet
Borne Sonde
Poste Cuisine
Schma cblage Cuisine
CC1A
CC1B
Schma cblage Chef de Corps
BUCHER Samuel
73
Rapport de Stage
74
BUCHER Samuel
Rapport de Stage
16.
Baie de brassage du Cercle Mixte
SERVEUR
RESEAU
(rseau informatique
gendarmerie)
TELEPHONIE
(rseau tlphonie cercle
mixte)
BAIE
(baie de brassage des
prises Ethernet)
RESEAU
(rseau informatique
cercle mixte)
75
BUCHER Samuel
Rapport de Stage
17.
Droulement du stage
76
BUCHER Samuel
Rapport de Stage
Bibliographie
Cercles et Mess. (2012, 10 30). Retrieved 05 01, 2013, from Ministre de la
Dfense: http://www.defense.gouv.fr/familles/cercles-et-mess
CHR
OFFICE.
(n.d.).
Retrieved
05
05,
2013,
from
CHR-OFFICE.com:
http://www.chr-office.com/
Ciprian. (2013, 05 23). PHP Calendar Date Picker. Retrieved 02 05, 2013, from
Triconsole: http://www.triconsole.com/php/calendar_datepicker.php
Crer le formulaire. (2013, 01 7). Retrieved 03 29, 2013, from Site du Zro:
http://www.siteduzero.com/informatique/tutoriels/upload-de-fichiers-parformulaire/creer-le-formulaire
MINGUET, L. (2011). HTML2PDF - Conversion HTML => PDF - fr. Retrieved 02
06,
2013,
from
HTML2PDF
Convertisseur
PHP
de
code
HTMLvers
PDF:
http://html2pdf.fr/
Upload de fichiers - PHP Facile! (n.d.). Retrieved 03 29, 2013, from PHP Facile!:
http://www.phpfacile.com/creer_un_site_web_en_php/upload_de_fichier_1.php5
Wicht, B. (2007, 12 3). Cration interface graphique avec Swing : les bases.
Retrieved 01 15, 2013, from Developpez.com, le club des dcideurs et professionnels en
Informatique: http://baptiste-wicht.developpez.com/tutoriels/java/swing/debutant/
77
BUCHER Samuel
Rapport de Stage
Rsum
Ce rapport prsente un rsum de l'exprience que j'ai pu vivre durant mon stage
de fin de 3ime anne de licence informatique. J'ai ralis ce stage au sein du Cercle
Mixte de la gendarmerie de Besanon, dans le service informatique, dans lequel j'ai
occup le poste de dveloppeur. Ce stage de 12 semaines m'a permis d'acqurir une
premire exprience dans le monde du travail en tant que dveloppeur. J'ai pu raliser
plusieurs misions diversifies. J'ai dvelopp une application Web avec PHP et MySQL,
permettant la gestion des chambres d'un htel, de manire simple et guide. J'ai conu
galement un site Web design sur mesure, en partant de zro, pour diffuser ses
membres des informations utiles lies aux diffrentes activits du Cercle Mixte. Le
contenu pourra tre modifi souhait, comme un site Web dynamique. J'ai galement
pris part une mission de restructuration du rseau, utile pour allger les trafics d'un
rseau en constante expansion. Le dveloppement d'un petit utilitaire Java de tri s'est
impos pour hirarchiser le stockage de photos. Pour finir un script JavaScript sous
Google Drive permet l'export de donnes issues de Spreadsheet au format HMTL. Ce
poste m'a amen me mettre en relation avec tous les services du Cercle Mixte. J'ai
donc su tre l'coute de tout le monde, et me montrer ractif dans l'laboration de
mes diffrents projets. Ce stage a t une bonne opportunit pour revoir des principes
vus en cours (Bases de donnes, Programmation oriente objet...), mais galement de les
approfondir (Java, PHP, SQL, CSS...), tout comme en dcouvrir (Les threads en Java, le
JavaScript...), et d'utiliser des librairies PHP existantes (HTML2PDF, Tc_calendar...).
Mots-clefs : Java, JavaScript, HTML2PDF, Tc_calendar, SQL, PHP, Google Drive.
Summary
This report is a summary of my experience during the internship I accomplished
in the end of my degree in Computer Sciences. I did this work placement at the
Gendarmerie Mess of Besancon in IT Service as a developer for 12 weeks. Thanks to
this work experience, I got a first Idea of the professional world as a developer. I
carried out many different missions. Using PHP and MySQL, I conceived an IT
application which allows to manage hotel rooms in a simple and guided way. I created an
attractive Website, in order to distribute information related to many of the company
activities. I took part of a mission of network restructuration which aimed at alleviation
of the traffic of an expanding network. I also conceived a utility with java to order
photo storage. Finally, I created a script in Google Drive which enable to export
selected data of spreadsheet in format HTML. This post brought me in contact with
every department of the company. Thereby, I had to be attuned to everyones needs
and I had to be reactive in the elaboration of my projects. It was a good opportunity to
review what I had learned during classes, and to increase my knowledge. I was also able
to use PHP libraries such as HTML2PDF or Tc_calendar.
BUCHER Samuel
78

Rapport Stage Bucher PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Rapport Stage Bucher PDF

Transféré par

Droits d'auteur :

Formats disponibles

Cercle Mixte

Stage de fin dtudes de Licence Informatique du 18 Mars au 7 Juin 2013

Je tiens remercier particulirement les personnes suivantes, pour lexprience

Cercle Mixte de Gendarmerie de Besanon

Prsentation de lentreprise et de ses besoins .......................................................... 8

Le cercle mixte de la gendarmerie ........................................................................ 8

Le cercle mixte de Besanon ............................................................................... 9

Les projets ...................................................................................................................10

Cration dun site Web .............................................................................................10

Application Web consacr la gestion de lhtel ............................................13

Etudes et analyses des projets ..................................................................................15

Analyses lies au dveloppement du site web ...................................................15

Cheminement nominale dune inscription .............................................................15

Les actions possibles .............................................................................................16

Structure de la base de donnes ..........................................................................17

Analyses lies lapplication de gestion de lhtel ...........................................18

Structure de la base de donnes ..........................................................................18

Les possibilits des utilisateurs ....................................................................... 20

Cheminement de la cration dune nouvelle rservation .................................21

Ralisation et dveloppement .................................................................................... 22

Un site Web Attrayant ........................................................................................... 22

Une interface standard ....................................................................................... 24

Les interfaces rserves aux personnel du Cercle ......................................... 26

Les interfaces dinitialisations et de modifications des informations

portant sur lhtel ...........................................................................................................................31

Linterface principale ............................................................................................... 32

Besoins supplmentaires ..................................................................................... 35

Autres missions confies ............................................................................................ 37

Cercle Mixte de Gendarmerie de Besanon

Programme java de tri de photos ......................................................................... 37

Etude des besoins ..................................................................................................... 37

Etat des lieux ............................................................................................................. 39

Dveloppement d'un script de gnration de compte rendu ....................... 42

Analyses des besoins ................................................................................................ 42

Ralisation avec Google Drive ............................................................................ 43

Bilan technique et humain ........................................................................................... 44

Les difficults rencontres ................................................................................... 44

Application Htel ....................................................................................................... 44

Le site Web ............................................................................................................. 46

Lapplication java de tri de photo ......................................................................... 48

Le script sous Google Script.............................................................................. 49

Les apports lis au dveloppement ...................................................................... 49

Les apports en rseaux ........................................................................................51

Plan humain ...................................................................................................................51

Stage en rapport avec mon projet professionnel ........................................ 52

Diagramme de cas d'utilisation des utilisateurs du site Web ............................. 55

Contenu des pages du Site Web pour le restaurant ........................................... 56

Contenu des pages du Site Web pour l'htel........................................................ 58

Plan d'accs du Cercle Mixte ..................................................................................... 59

Pages ddies la gestion des utilisateurs du site Web .................................. 60

Pages ddies la gestion des qualits des utilisateurs ....................................61

Pages de gestion des pices ....................................................................................... 63

Gestion du message d'accueil du site Web ........................................................... 65

Intgration d'une Newsletter ................................................................................... 66

Cercle Mixte de Gendarmerie de Besanon

Diagramme de cas d'utilisation pour l'application de gestion de l'htel ..... 67

Application lhtel : le planning .................................................................................. 68

Application htel : gestion appareils / conforts / lits ....................................... 69

Application htel : modification des chambres .....................................................71

Application htel : gestion des clients .................................................................... 72

Reprsentation du Rseau du Cercle Mixte .......................................................... 73

Baie de brassage du Cercle Mixte ............................................................................ 75

Droulement du stage .................................................................................................. 76